commit 0019c5c601d581ef9dbef756707a05da33cf27e1
Author: Marek Lesko <marek@lesko.me>
Date:   Tue Aug 5 10:59:30 2025 +0200

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b512c09
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..d0a2fe6
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1389 @@
+{
+  "name": "quarter",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "devDependencies": {
+        "tailwindcss": "^3.4.4"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.4.15",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
+      "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob": {
+      "version": "10.4.2",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.2.tgz",
+      "integrity": "sha512-GwMlUF6PkPo3Gk21UxkCohOv0PLcIXVtKyLlpEI28R/cO/4eNOdmLk3CMW1wROV/WR/EsZOWAfBbBOqYvs88/w==",
+      "dev": true,
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.14.0.tgz",
+      "integrity": "sha512-a5dFJih5ZLYlRtDc0dZWP7RiKr6xIKzmn/oAYCDvdLThadVgyJwlaoQPmRtMSpz+rk0OGAgIu+TcM9HUF0fk1A==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.0.tgz",
+      "integrity": "sha512-JVYhQnN59LVPFCEcVa2C3CrEKYacvjRfqIQl+h8oi91aLYQVWRYbxjPcv1bUiUy/kLmQaANrYfNMCO3kuEDHfw==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.6",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "dev": true,
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/lru-cache": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
+      "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
+      "dev": true,
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
+      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+      "dev": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
+      "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
+      "dev": true
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
+      "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/string-width-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
+      "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==",
+      "dev": true,
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.0",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/yaml": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
+      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
+      "dev": true,
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..d477f80
--- /dev/null
+++ b/package.json
@@ -0,0 +1,9 @@
+{
+  "scripts": {
+    "dev":"npx tailwindcss -i ./src/input.css -o ./quarter/assets/css/style.css --watch",
+    "dev_rtl":"npx tailwindcss -i ./src/input.css -o ./quarter-rtl/assets/css/style.css --watch"
+  },
+  "devDependencies": {
+    "tailwindcss": "^3.4.4"
+  }
+}
diff --git a/quarter-rtl/404.html b/quarter-rtl/404.html
new file mode 100644
index 0000000..e233d5d
--- /dev/null
+++ b/quarter-rtl/404.html
@@ -0,0 +1,2276 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >404 Page</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                404 Page
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- 404 section -->
+      <section>
+        <div class="container py-30">
+          <div class="mb-30px">
+            <img
+              src="./assets/img/others/error-1.png"
+              alt=""
+              class="max-w-full"
+            >
+          </div>
+          <div class="text-center">
+            <h4
+              class="text-xl lg:text-3xl xl:text-6xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Page Not Found!</span
+              >
+            </h4>
+            <p class="text-sm lg:text-base">
+              <span class="leading-1.8 lg:leading-1.8"
+                >Oops! The page you are looking for does not exist. It might
+                have been moved or deleted.</span
+              >
+            </p>
+            <div class="mt-50px">
+              <h5
+                class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-secondary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3"
+              >
+                <a
+                  href="index.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                  ><i class="fas fa-long-arrow-alt-left"></i> BACK TO HOME</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/about.html b/quarter-rtl/about.html
new file mode 100644
index 0000000..c0db24e
--- /dev/null
+++ b/quarter-rtl/about.html
@@ -0,0 +1,3363 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >About Us</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                About Us
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/13.png"
+                alt=""
+                class="max-w-full"
+              >
+              <div
+                class="absolute right-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 border-r-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- team section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Team</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Property Agents </span>
+            </h2>
+          </div>
+          <!-- team cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/4.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Rosalina D. William</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/2.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Kelian Anderson</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/5.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Miranda H. Halim</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/account.html b/quarter-rtl/account.html
new file mode 100644
index 0000000..f8540d7
--- /dev/null
+++ b/quarter-rtl/account.html
@@ -0,0 +1,5227 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >My Account</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                My Account
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-30">
+          <div
+            class="tab account-tab grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+          >
+            <!-- sidebar navigation -->
+            <div class="lg:col-start-1 lg:col-span-4">
+              <ul
+                class="tab-links lg:mr-30px border border-b-0 border-border-color-1"
+              >
+                <li class="border-b border-border-color-1 active">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> Dashboard </span>
+                    <i class="fas fa-home text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">Profiles</span>
+                    <i class="fas fa-user text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> address </span>
+                    <i class="fas fa-map-marker-alt text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Account Details
+                    </span>
+                    <i class="fas fa-map-marker-alt text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      My Properties
+                    </span>
+                    <i class="fa-solid fa-list text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Favorited Properties
+                    </span>
+                    <i class="fa-solid fa-heart text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Add Property
+                    </span>
+                    <i class="fa-solid fa-map-location-dot text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> Payments </span>
+                    <i class="fa-solid fa-money-check-dollar text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Change Password
+                    </span>
+                    <i class="fa-solid fa-lock text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <a
+                    href="login.html"
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">Logout </span>
+                    <i class="fas fa-sign-out-alt text-sm"></i>
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- main content -->
+            <div class="tab-contents lg:col-start-5 lg:col-span-8">
+              <!-- content 1 -->
+              <div class="transition-all duration-300">
+                <div
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <div class="leading-1.8 lg:leading-1.8">
+                    Hello <strong>UserName</strong> (not
+                    <strong>UserName</strong> ?
+                    <a href="login.html"><small>Log out</small></a> )
+                  </div>
+                </div>
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >From your account dashboard you can view your recent
+                    orders, manage your shipping and billing addresses, and edit
+                    your password and account details.</span
+                  >
+                </p>
+              </div>
+              <!-- content 2 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- details -->
+                <div
+                  class="flex flex-col md:flex-row p-10 px-5 md:px-10 shadow-box-shadow-2"
+                >
+                  <div
+                    class="ml-0 md:ml-10 lg:ml-30px xl:ml-10 mb-30px md:mb-0"
+                  >
+                    <img
+                      src="./assets/img/blog/author.jpg"
+                      class="max-full w-100px md:w-[180px] lg:w-[120px] xl:w-[180px]"
+                      alt=""
+                    >
+                  </div>
+                  <div>
+                    <h6 class="text-sm text-secondary-color font-bold mb-0">
+                      <span class="leading-1.3">Agent of Property</span>
+                    </h6>
+                    <h2
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-10px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Rosalina D. William
+                      </span>
+                    </h2>
+                    <ul>
+                      <li>
+                        <p class="text-sm flex items-center gap-4 mt-2">
+                          <i class="icon-placeholder"></i>
+                          <span class="leading-1.8"
+                            >Brooklyn, New York, United States</span
+                          >
+                        </p>
+                      </li>
+                      <li>
+                        <a
+                          class="text-sm flex items-center gap-4 mt-2"
+                          href="tel:+0123-456789"
+                        >
+                          <i class="icon-call"></i>
+                          <span class="leading-1.8">+0123-456789</span>
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-sm flex items-center gap-4 mt-2"
+                          href="mailto:example@example.com"
+                        >
+                          <i class="icon-mail"></i>
+                          <span class="leading-1.8"> example@example.com</span>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <!-- form -->
+                <form
+                  class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-50px"
+                >
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+                  >
+                    Get A Quote
+                  </h4>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- type select -->
+                    <div class="relative">
+                      <select
+                        class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                       
+                      >
+                        <option
+                          value="Select Service Type"
+                          data-display="Select"
+                        >
+                          Select Service Type
+                        </option>
+                        <option value="Property Management ">
+                          Property Management
+                        </option>
+                        <option value="Mortgage Service ">
+                          Mortgage Service
+                        </option>
+                        <option value="Consulting Service">
+                          Consulting Service
+                        </option>
+                        <option value="Home Buying">Home Buying</option>
+                        <option value="Home Selling">Home Selling</option>
+                        <option value="Escrow Services">Escrow Services</option>
+                      </select>
+                    </div>
+                    <!-- number -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter phone number"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- message -->
+                    <div class="relative md:col-start-1 md:col-span-2 mb-30px">
+                      <textarea
+                       
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 left-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-25px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm mr-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        get an free service
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 3 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >The following addresses will be used on the checkout page
+                    by default.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 md:grid-cols-2">
+                  <div>
+                    <h2
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                        >Billing Address edit
+                      </span>
+                    </h2>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base font-bold">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Alex Tuntuni</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >1355 Market St, Suite 900 <br >
+                        San Francisco, CA 94103</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Mobile: (123) 456-7890</span
+                      >
+                    </p>
+                  </div>
+                  <div>
+                    <h2
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                        >Shipping Address edit
+                      </span>
+                    </h2>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base font-bold">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Alex Tuntuni</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >1355 Market St, Suite 900 <br >
+                        San Francisco, CA 94103</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Mobile: (123) 456-7890</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- content 4 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >The following addresses will be used on the checkout page
+                    by default.</span
+                  >
+                </p>
+                <!-- form -->
+                <form class="form-primary bg-white">
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-20">
+                    <!-- 1st name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8"
+                          >First name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                    <!-- last name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8">
+                          Last name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+
+                    <!-- display name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8"
+                          >Display Name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        placeholder="Ethan"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                    <!--  Display Email -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8">
+                          Display Email:</span
+                        >
+                      </p>
+                      <input
+                        type="email"
+                        placeholder="example@example.com"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                  </div>
+
+                  <!-- passwords -->
+                  <div
+                    class="px-10 py-30px border border-border-color-1 mb-30px"
+                  >
+                    <p class="text-lg px-15px mb-1 text-heading-color">
+                      <span class="leading-1.8">PASSWORD CHANGE </span>
+                    </p>
+                    <div class="grid grid-cols-1 gap-30px pb-30px">
+                      <!-- Current password -->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Current password (leave blank to leave
+                            unchanged):</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+                      <!-- New password-->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            New password (leave blank to leave unchanged):</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+
+                      <!-- Confirm new password -->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Confirm new password:</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        Save Changes
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 5 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <table
+                  class="text-sm lg:text-base text-heading-color w-full mb-35px"
+                >
+                  <thead>
+                    <tr class="leading-1.8 lg:leading-1.8 font-bold">
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        My Properties
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      ></td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Date Added
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Actions
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Delete
+                      </td>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            3 Rooms Manhattan</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            OE Replica Wheels</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/7.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            Wheel Bearing Retainer</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <!-- paginations -->
+                <div class="flex justify-center mt-4">
+                  <ul
+                    class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                  >
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-left"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >1</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >2</a
+                      >
+                    </li>
+
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >3</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >...</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >10</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-right"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- content 6 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <table
+                  class="text-sm lg:text-base text-heading-color w-full mb-35px"
+                >
+                  <thead>
+                    <tr class="leading-1.8 lg:leading-1.8 font-bold">
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        My Properties
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      ></td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Date Added
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Actions
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Delete
+                      </td>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            3 Rooms Manhattan</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            OE Replica Wheels</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/7.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            Wheel Bearing Retainer</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <!-- paginations -->
+                <div class="flex justify-center mt-4">
+                  <ul
+                    class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                  >
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-left"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >1</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >2</a
+                      >
+                    </li>
+
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >3</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >...</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >10</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-right"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- content 7 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- form -->
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Property Description -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Description</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Title (mandatory)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Description"
+                          class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 left-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Property Price -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Price</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Price in $ (only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="After Price Label (ex: /month)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Before Price Label (ex: from)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Yearly Tax Rate"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Homeowners Association Fee(monthly)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Select Categories -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Categories</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Apartments</option>
+                          <option>Condos</option>
+                          <option>Duplexes</option>
+                          <option>Houses</option>
+                          <option>Industrial</option>
+                          <option>Land</option>
+                          <option>Offices</option>
+                          <option>Retail</option>
+                          <option>Villas</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Rentals</option>
+                          <option>Sales</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>no status</option>
+                          <option>Active</option>
+                          <option>hot offer</option>
+                          <option>new offer</option>
+                          <option>open house</option>
+                          <option>sold</option>
+                        </select>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Listing Media -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Media</span
+                      >
+                    </h5>
+                    <div class="mb-30px">
+                      <div class="mb-10px">
+                        <input
+                          type="file"
+                          class="w-[426px] max-w-full border-2 border-border-color-9 px-5 md:px-25px lg:px-10 py-2 md:py-10px lg:py-15px transition-all duration-300 hover:bg-secondary-color hover:border-secondary-color hover:text-white cursor-pointer"
+                        >
+                      </div>
+                      <p
+                        class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm space-y-1"
+                      >
+                        <span class="block leading-1.8 lg:leading-1.8"
+                          >* At least 1 image is required for a valid
+                          submission.Minimum size is 500/500px.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * PDF files upload supported as well.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * Images might take longer to be processed.
+                        </span>
+                      </p>
+                    </div>
+                  </div>
+
+                  <!-- Video Option -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Video Option</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>Video from</option>
+                          <option>vimeo</option>
+                          <option>youtube</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Embed Video ID"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Virtual Tour -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Virtual Tour</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Virtual Tour:"
+                          class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 left-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Listing Location -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Location</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Address"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Country"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="County / State"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="City"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Neighborhood"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Zip"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- map -->
+                  <div>
+                    <div class="mb-60px h-360px">
+                      <iframe
+                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                     
+                       style="height:100%;width:100%;border:0px;"
+                       
+                        allowfullscreen=""
+                        aria-hidden="false"
+                        tabindex="0"
+                      ></iframe>
+                    </div>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Latitude (for Google Maps)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Longitude (for Google Maps)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <label
+                          for="dishwasher-type"
+                          class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                          ><input
+                            type="checkbox"
+                            id="dishwasher-type"
+                            class="hidden"
+                          >
+                          <span
+                            class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                          ></span>
+                          Enable Google Street View
+                        </label>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Google Street View - Camera Angle (value from 0 to 360)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Listing Details -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Details</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Lot Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Rooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bedrooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bathrooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Custom ID (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garages (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Year Built (*numeric)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garage Size (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Available from (*date)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Basement (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Extra Details (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Roofing (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Exterior Material (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Structure Type</option>
+                          <option>Not Available</option>
+                          <option>Brick</option>
+                          <option>Wood</option>
+                          <option>Cement</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Floors No</option>
+                          <option>Not Available</option>
+                          <option>1</option>
+                          <option>2</option>
+                          <option>3</option>
+                          <option>4</option>
+                          <option>5</option>
+                        </select>
+                      </div>
+
+                      <div class="md:col-start-1 md:col-span-2">
+                        <div class="relative">
+                          <textarea
+                           
+                            placeholder="Owner/Agent notes (*not visible on front end)"
+                            class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Select Energy Class -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Energy Class</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Select Energy Class (EU regulation)</option>
+                          <option>A+</option>
+                          <option>A</option>
+                          <option>B</option>
+                          <option>C</option>
+                          <option>D</option>
+                          <option>E</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Energy Index in kWh/m2a"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Amenities and Features -->
+                  <div>
+                    <h4
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Amenities and Features</span
+                      >
+                    </h4>
+                    <!-- Interior Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Interior Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="equipped-kitchen-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="equipped-kitchen-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Equipped Kitchen
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="gym-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="gym-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Gym
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="laundry-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="laundry-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Laundry
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="media-room-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="media-room-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Media Room
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Outdoor Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Outdoor Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="back-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="back-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Back yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="basketball-court-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="basketball-court-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Basketball court
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Front-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Front-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Front yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Garage-Attached-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Garage-Attached-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Garage Attached
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Hot-Bath-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Hot-Bath-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Hot Bath
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Pool-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Pool-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Pool
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Utilities -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Utilities</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Central-Air-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Central-Air-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Central Air
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Electricity-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Electricity-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Electricity
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Heating-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Heating-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Heating
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Natural-Gas-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Natural-Gas-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Natural Gas
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Ventilation-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Ventilation-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Ventilation
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Water-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Water-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Water
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Other Features -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Other Features</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Chair-Accessible-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Chair-Accessible-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Chair Accessible
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Elevator-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Elevator-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Elevator
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Fireplace-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Fireplace-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Fireplace
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Smoke-detectors-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Smoke-detectors-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Smoke detectors
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Washer-and-dryer-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Washer-and-dryer-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Washer and dryer
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="WiFi-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="WiFi-type"
+                              class="hidden"
+                            >
+                            <span
+                               class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            WiFi
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Submit Property
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 8 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- login -->
+                <div class="accordion-container">
+                  <div class="accordion mb-30px">
+                    <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                      <h6
+                        class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                      >
+                        <span class="leading-1.3 lg:leading-1.3"
+                          >Returning customer?
+                        </span>
+                        <button
+                          class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                        >
+                          Click here to login
+                        </button>
+                      </h6>
+                    </div>
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <form
+                        class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                      >
+                        <p class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Please login your accont.
+                          </span>
+                        </p>
+                        <div
+                          class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                        >
+                          <!-- name -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Enter your name"
+                              class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                            <span
+                              class="absolute top-1/2 -translate-y-1/2 left-4"
+                            >
+                              <i
+                                class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                              ></i>
+                            </span>
+                          </div>
+                          <!-- email -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Enter email address"
+                              class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                            <span
+                              class="absolute top-1/2 -translate-y-1/2 left-4"
+                            >
+                              <i
+                                class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                              ></i>
+                            </span>
+                          </div>
+                        </div>
+
+                        <!-- submit button -->
+
+                        <div class="flex items-center gap-5 mb-35px">
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <button
+                              type="submit"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                            >
+                              Login
+                            </button>
+                          </h5>
+                          <!-- agree -->
+                          <div class="text-sm flex items-center">
+                            <input type="checkbox" id="agree2" >
+                            <label for="agree2" class="text-sm ml-1">
+                              Remember me
+                            </label>
+                          </div>
+                        </div>
+                        <a class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Lost your password?
+                          </span>
+                        </a>
+                      </form>
+                    </div>
+                  </div>
+                </div>
+                <!-- apply  coupon -->
+                <div class="accordion-container">
+                  <div class="accordion mb-30px">
+                    <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                      <h6
+                        class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                      >
+                        <span class="leading-1.3 lg:leading-1.3"
+                          >Have a coupon?
+                        </span>
+                        <button
+                          class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                        >
+                          Click here to enter your code
+                        </button>
+                      </h6>
+                    </div>
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <form
+                        class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                      >
+                        <p class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            If you have a coupon code, please apply it below.
+                          </span>
+                        </p>
+                        <div class="mb-30px">
+                          <!-- coupon -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Coupon code"
+                              class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                          </div>
+                        </div>
+
+                        <!-- submit button -->
+
+                        <div>
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block z-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 left-0 w-full h-full bg-primary-color group-hover:bg-secondary-color -z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <button
+                              type="submit"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                            >
+                              Apply Coupon
+                            </button>
+                          </h5>
+                        </div>
+                      </form>
+                    </div>
+                  </div>
+                </div>
+                <!-- billing details -->
+                <div>
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                  >
+                    Billing Details
+                  </h4>
+                  <form
+                    class="form-primary bg-white border border-border-color-1 p-30px"
+                  >
+                    <!-- personal info -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Personal Information</span
+                        >
+                      </h5>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                      >
+                        <!-- 1st name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="First name"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- last name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Last name"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- email -->
+                        <div class="relative">
+                          <input
+                            type="email"
+                            placeholder="Email address"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- number -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Phone number"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- company  name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Company name (optional)"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- company address -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Company address (optional)"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Country-->
+                    <div class="pb-60px w-300px">
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Country</span
+                        >
+                      </h5>
+                      <div>
+                        <!-- type select -->
+                        <div class="relative block">
+                          <select
+                            class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                          >
+                            <option
+                              value="Select Service Type"
+                              data-display="Select"
+                            >
+                              Select Country
+                            </option>
+                            <option value="Australia">Australia</option>
+                            <option value="Canada">Canada</option>
+                            <option value="China">China</option>
+                            <option value="Morocco">Morocco</option>
+                            <option value="Saudi Arabia">Saudi Arabia</option>
+                            <option value="United Kingdom (UK)">
+                              United Kingdom (UK)
+                            </option>
+                            <option value="United States (US)">
+                              United States (US)
+                            </option>
+                          </select>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Address -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Address
+                        </span>
+                      </h5>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                      >
+                        <!-- House number and street name  -->
+                        <div>
+                          <input
+                            type="text"
+                            placeholder="House number and street name"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- Apartment, suite, unit etc.  -->
+                        <div>
+                          <input
+                            type="text"
+                            placeholder="Apartment, suite, unit etc. (optional)"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                      </div>
+                    </div>
+                    <!-- town and state -->
+                    <div>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                      >
+                        <!-- City  -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              Town / City
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="City"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- State  -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              State
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="State"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- Zip -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              Zip
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="Zip"
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- Create an account? -->
+
+                    <div class="text-sm flex items-center mb-30px">
+                      <input type="checkbox" id="agree3" >
+                      <label for="agree3" class="text-sm ml-1">
+                        Create an account?
+                      </label>
+                    </div>
+                    <!-- message -->
+                    <div class="mb-30px">
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Order Notes (optional)
+                        </span>
+                      </h5>
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Notes about your order, e.g. special notes for delivery."
+                          class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 left-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </form>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <!-- payment methods -->
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                    >
+                      Payment Method
+                    </h4>
+                    <form>
+                      <ul
+                        class="accordion-container neighbour-accordion border border-b-0 border-border-color-1 mb-30px"
+                      >
+                        <li
+                          class="accordion border-b border-border-color-1 p-5"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="check-method"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="check-method"
+                              >
+                                Check payments
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Please send a check to Store Name, Store
+                                  Street, Store Town, Store State / County,
+                                  Store Postcode.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="accordion border-b border-border-color-1 p-5 active"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="cash-method"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                  checked
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="cash-method"
+                              >
+                                Cash on delivery
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Pay with cash upon delivery.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="accordion border-b border-border-color-1 p-5"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="paypal"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="paypal"
+                              >
+                                PayPal
+                                <img
+                                  src="./assets/img/icons/payment-3.png"
+                                  alt="#"
+                                  class="max-w-[130px] inline-block ml-3"
+                                >
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Pay via PayPal; you can pay with your credit
+                                  card if you don’t have a PayPal account.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
+                      <!-- submt -->
+                      <div>
+                        <p class="text-sm lg:text-base mb-30px">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Your personal data will be used to process your
+                            order, support your experience throughout this
+                            website, and for other purposes described in our
+                            privacy policy.
+                          </span>
+                        </p>
+                        <h5
+                          class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                          ></span>
+                          <button
+                            type="submit"
+                            class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                          >
+                            Place order
+                          </button>
+                        </h5>
+                      </div>
+                    </form>
+                  </div>
+
+                  <!-- checkout -->
+                  <div class="flex justify-end">
+                    <div class="max-w-450px w-full">
+                      <h4
+                        class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                      >
+                        Cart Totals
+                      </h4>
+                      <ul class="text-sm lg:text-base text-heading-color">
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              3 Rooms Manhattan <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $298.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              OE Replica Wheels <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $170.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Wheel Bearing Retainer <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $150.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Shipping and Handing</span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $15.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $00.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div
+                            class="flex justify-between items-center font-bold"
+                          >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Order Total</span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $633.00</span
+                            >
+                          </div>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- content 9 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <form
+                  class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+                >
+                  <!-- passwords -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Change Password</span
+                      >
+                    </h5>
+                    <div class="grid grid-cols-1 gap-30px pb-30px">
+                      <!-- Current password -->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="Current Password*"
+                          class="text-paragraph-color pr-5 pl-50px tra outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+                      <!-- New password-->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="New Password*"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+
+                      <!-- Confirm new password -->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="Confirm New Password*"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                      >
+                        Save Changes
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 10 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <div></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/add-listing.html b/quarter-rtl/add-listing.html
new file mode 100644
index 0000000..6841773
--- /dev/null
+++ b/quarter-rtl/add-listing.html
@@ -0,0 +1,3541 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Add Listing</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Add Listing
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- listing section -->
+      <section>
+        <div class="container py-30">
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100% active"
+              >
+                1. Description
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                2. Media
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                3. Location
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                4. Details
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                5. Amenities
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Property Description -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Description</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Title (mandatory)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Description"
+                          class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 left-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Property Price -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Price</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Price in $ (only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="After Price Label (ex: /month)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Before Price Label (ex: from)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Yearly Tax Rate"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Homeowners Association Fee(monthly)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Select Categories -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Categories</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Apartments</option>
+                          <option>Condos</option>
+                          <option>Duplexes</option>
+                          <option>Houses</option>
+                          <option>Industrial</option>
+                          <option>Land</option>
+                          <option>Offices</option>
+                          <option>Retail</option>
+                          <option>Villas</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Rentals</option>
+                          <option>Sales</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>no status</option>
+                          <option>Active</option>
+                          <option>hot offer</option>
+                          <option>new offer</option>
+                          <option>open house</option>
+                          <option>sold</option>
+                        </select>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 2 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Media -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Media</span
+                      >
+                    </h5>
+                    <div class="mb-30px">
+                      <div class="mb-10px">
+                        <input
+                          type="file"
+                          class="w-[426px] max-w-full border-2 border-border-color-9 px-5 md:px-25px lg:px-10 py-2 md:py-10px lg:py-15px transition-all duration-300 hover:bg-secondary-color hover:border-secondary-color hover:text-white cursor-pointer"
+                        >
+                      </div>
+                      <p class="p-5 mb-5 lg:mb-6 text-sm space-y-1">
+                        <span class="block leading-1.8 lg:leading-1.8"
+                          >* At least 1 image is required for a valid
+                          submission.Minimum size is 500/500px.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * PDF files upload supported as well.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * Images might take longer to be processed.
+                        </span>
+                      </p>
+                    </div>
+                  </div>
+
+                  <!-- Video Option -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Video Option</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>Video from</option>
+                          <option>vimeo</option>
+                          <option>youtube</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Embed Video ID"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Virtual Tour -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Virtual Tour</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Virtual Tour:"
+                          class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 left-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Location -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Location</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Address"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Country"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="County / State"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="City"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Neighborhood"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Zip"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- map -->
+                  <div>
+                    <div class="mb-60px h-360px">
+                      <iframe
+                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                     
+                       style="height:100%;width:100%;border:0px;"
+                       
+                        allowfullscreen=""
+                        aria-hidden="false"
+                        tabindex="0"
+                      ></iframe>
+                    </div>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Latitude (for Google Maps)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Longitude (for Google Maps)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <label
+                          for="dishwasher-type"
+                          class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                          ><input
+                            type="checkbox"
+                            id="dishwasher-type"
+                            class="hidden"
+                          >
+                          <span
+                            class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                          ></span>
+                          Enable Google Street View
+                        </label>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Google Street View - Camera Angle (value from 0 to 360)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Details -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Details</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Lot Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Rooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bedrooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bathrooms (*only numbers)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Custom ID (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garages (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Year Built (*numeric)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garage Size (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Available from (*date)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Basement (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Extra Details (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Roofing (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Exterior Material (*text)"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Structure Type</option>
+                          <option>Not Available</option>
+                          <option>Brick</option>
+                          <option>Wood</option>
+                          <option>Cement</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Floors No</option>
+                          <option>Not Available</option>
+                          <option>1</option>
+                          <option>2</option>
+                          <option>3</option>
+                          <option>4</option>
+                          <option>5</option>
+                        </select>
+                      </div>
+
+                      <div class="md:col-start-1 md:col-span-2">
+                        <div class="relative">
+                          <textarea
+                           
+                            placeholder="Owner/Agent notes (*not visible on front end)"
+                            class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Select Energy Class -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Energy Class</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Select Energy Class (EU regulation)</option>
+                          <option>A+</option>
+                          <option>A</option>
+                          <option>B</option>
+                          <option>C</option>
+                          <option>D</option>
+                          <option>E</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Energy Index in kWh/m2a"
+                          class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                >
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Amenities and Features -->
+                  <div>
+                    <h4
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Amenities and Features</span
+                      >
+                    </h4>
+                    <!-- Interior Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Interior Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="equipped-kitchen-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="equipped-kitchen-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Equipped Kitchen
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="gym-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="gym-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Gym
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="laundry-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="laundry-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Laundry
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="media-room-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="media-room-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Media Room
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Outdoor Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Outdoor Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="back-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="back-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Back yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="basketball-court-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="basketball-court-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Basketball court
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Front-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Front-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Front yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Garage-Attached-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Garage-Attached-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Garage Attached
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Hot-Bath-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Hot-Bath-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Hot Bath
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Pool-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Pool-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Pool
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Utilities -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Utilities</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Central-Air-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Central-Air-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Central Air
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Electricity-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Electricity-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Electricity
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Heating-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Heating-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Heating
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Natural-Gas-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Natural-Gas-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Natural Gas
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Ventilation-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Ventilation-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Ventilation
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Water-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Water-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Water
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Other Features -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Other Features</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Chair-Accessible-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Chair-Accessible-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Chair Accessible
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Elevator-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Elevator-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Elevator
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Fireplace-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Fireplace-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Fireplace
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Smoke-detectors-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Smoke-detectors-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Smoke detectors
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Washer-and-dryer-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Washer-and-dryer-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            Washer and dryer
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="WiFi-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="WiFi-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1 active"
+                            ></span>
+                            WiFi
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Submit Property
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/assets/css/animate.css b/quarter-rtl/assets/css/animate.css
new file mode 100644
index 0000000..d21a0c7
--- /dev/null
+++ b/quarter-rtl/assets/css/animate.css
@@ -0,0 +1,3056 @@
+/*/
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@-webkit-keyframes bounce {
+  0%,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+@keyframes bounce {
+  0%,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+.bounce {
+  -webkit-animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+@keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+@-webkit-keyframes shake {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+@keyframes shake {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+.shake {
+  -webkit-animation-name: shake;
+  animation-name: shake;
+}
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.headShake {
+  -webkit-animation-name: headShake;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-name: headShake;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+.swing {
+  -webkit-animation-name: swing;
+  -webkit-transform-origin: top center;
+  animation-name: swing;
+  transform-origin: top center;
+}
+@-webkit-keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+@-webkit-keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+@keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+.jello {
+  -webkit-animation-name: jello;
+  -webkit-transform-origin: center;
+  animation-name: jello;
+  transform-origin: center;
+}
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.heartBeat {
+  -webkit-animation-duration: 1.3s;
+  -webkit-animation-name: heartBeat;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-duration: 1.3s;
+  animation-name: heartBeat;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+@keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+.bounceIn {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: bounceIn;
+  animation-duration: 0.75s;
+  animation-name: bounceIn;
+}
+@-webkit-keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, -3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, 25px, 0);
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, -3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, 25px, 0);
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+@-webkit-keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+@-webkit-keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(-25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(-25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+@-webkit-keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, 3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, 3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+.bounceOut {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: bounceOut;
+  animation-duration: 0.75s;
+  animation-name: bounceOut;
+}
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    -webkit-transform: translate3d(20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes bounceOutLeft {
+  20% {
+    -webkit-transform: translate3d(20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+@-webkit-keyframes bounceOutRight {
+  20% {
+    -webkit-transform: translate3d(-20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes bounceOutRight {
+  20% {
+    -webkit-transform: translate3d(-20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, 20px, 0);
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, 20px, 0);
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+@-webkit-keyframes fadeInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDownBig {
+  0% {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+@-webkit-keyframes fadeInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeftBig {
+  0% {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+@-webkit-keyframes fadeInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRightBig {
+  0% {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+@-webkit-keyframes fadeInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUpBig {
+  0% {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+@-webkit-keyframes flip {
+  0% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+  }
+  50% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+  }
+  80% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+  }
+  to {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+  }
+}
+@keyframes flip {
+  0% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+  }
+  50% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+  }
+  80% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+  }
+  to {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+  }
+}
+.animated.flip {
+  -webkit-animation-name: flip;
+  -webkit-backface-visibility: visible;
+  animation-name: flip;
+  backface-visibility: visible;
+}
+@-webkit-keyframes flipInX {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInX {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.flipInX {
+  -webkit-animation-name: flipInX;
+  -webkit-backface-visibility: visible !important;
+  animation-name: flipInX;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipInY {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateY(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInY {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateY(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.flipInY {
+  -webkit-animation-name: flipInY;
+  -webkit-backface-visibility: visible !important;
+  animation-name: flipInY;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+}
+@keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+}
+.flipOutX {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  animation-duration: 0.75s;
+  animation-name: flipOutX;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(-15deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+}
+@keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(-15deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+}
+.flipOutY {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: flipOutY;
+  -webkit-backface-visibility: visible !important;
+  animation-duration: 0.75s;
+  animation-name: flipOutY;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    opacity: 1;
+    transform: skewX(20deg);
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    opacity: 1;
+    transform: skewX(20deg);
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-name: lightSpeedIn;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+  }
+}
+@keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+  }
+}
+.lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
+  animation-name: lightSpeedOut;
+  animation-timing-function: ease-in;
+}
+@-webkit-keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(-200deg);
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: center;
+  }
+}
+@keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(-200deg);
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: center;
+  }
+}
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-90deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-90deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+@-webkit-keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(200deg);
+    transform-origin: center;
+  }
+}
+@keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(200deg);
+    transform-origin: center;
+  }
+}
+.rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+}
+@-webkit-keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+}
+.rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+}
+@-webkit-keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: right bottom;
+  }
+}
+.rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+}
+@-webkit-keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+}
+.rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+}
+@-webkit-keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(90deg);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(90deg);
+    transform-origin: right bottom;
+  }
+}
+.rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+}
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform-origin: top left;
+  }
+  20%,
+  60% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(80deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform: rotate(80deg);
+    transform-origin: top left;
+  }
+  40%,
+  80% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(60deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+    transform: rotate(60deg);
+    transform-origin: top left;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    opacity: 0;
+    transform: translate3d(0, 700px, 0);
+  }
+}
+@keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform-origin: top left;
+  }
+  20%,
+  60% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(80deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform: rotate(80deg);
+    transform-origin: top left;
+  }
+  40%,
+  80% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(60deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+    transform: rotate(60deg);
+    transform-origin: top left;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    opacity: 0;
+    transform: translate3d(0, 700px, 0);
+  }
+}
+.hinge {
+  -webkit-animation-duration: 2s;
+  -webkit-animation-name: hinge;
+  animation-duration: 2s;
+  animation-name: hinge;
+}
+@-webkit-keyframes jackInTheBox {
+  0% {
+    -webkit-transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    -webkit-transform: scale(1);
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes jackInTheBox {
+  0% {
+    -webkit-transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    -webkit-transform: scale(1);
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+@-webkit-keyframes rollIn {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes rollIn {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+@keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+.rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+@-webkit-keyframes zoomIn {
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes zoomIn {
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+@-webkit-keyframes zoomInDown {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+}
+@keyframes zoomInDown {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+}
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+@-webkit-keyframes zoomInLeft {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+  }
+}
+@keyframes zoomInLeft {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+  }
+}
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+@-webkit-keyframes zoomInRight {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+  }
+}
+@keyframes zoomInRight {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+  }
+}
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+@-webkit-keyframes zoomInUp {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+}
+@keyframes zoomInUp {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+}
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+@-webkit-keyframes zoomOutDown {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+@keyframes zoomOutDown {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+.zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+}
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+@keyframes zoomOutLeft {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+.zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+}
+@-webkit-keyframes zoomOutRight {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+@keyframes zoomOutRight {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+.zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+}
+@-webkit-keyframes zoomOutUp {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+@keyframes zoomOutUp {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: hidden;
+  }
+}
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: hidden;
+  }
+}
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: hidden;
+  }
+}
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: hidden;
+  }
+}
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
+.animated {
+  -webkit-animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.animated.delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+.animated.delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+.animated.delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+.animated.delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+.animated.delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+.animated.fast {
+  -webkit-animation-duration: 0.8s;
+  animation-duration: 0.8s;
+}
+.animated.faster {
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+}
+.animated.slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+.animated.slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+@media (prefers-reduced-motion) {
+  .animated {
+    -webkit-animation: unset !important;
+    -webkit-transition: none !important;
+    animation: unset !important;
+    transition: none !important;
+  }
+}
diff --git a/quarter-rtl/assets/css/font-icons.css b/quarter-rtl/assets/css/font-icons.css
new file mode 100644
index 0000000..fbe33ab
--- /dev/null
+++ b/quarter-rtl/assets/css/font-icons.css
@@ -0,0 +1,650 @@
+/* ===================================================
+>>> TABLE OF CONTENTS:
+======================================================
+  1. Font Awesome 
+  2. Flat Icon
+  3. Iconmoon Icon
+
+ 
+=================================================== */
+
+/*---------------------------------------------------------------
+  1. Font Awesome 6 Icon
+---------------------------------------------------------------*/
+/*!
+ * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2022 Fonticons, Inc.
+ */
+ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-a:before{content:"\41"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-anchor:before{content:"\f13d"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-ankh:before{content:"\f644"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-archway:before{content:"\f557"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-arrow-trend-down:before{content:"\e097"}.fa-arrow-trend-up:before{content:"\e098"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-asterisk:before{content:"\2a"}.fa-at:before{content:"\40"}.fa-atom:before{content:"\f5d2"}.fa-audio-description:before{content:"\f29e"}.fa-austral-sign:before{content:"\e0a9"}.fa-award:before{content:"\f559"}.fa-b:before{content:"\42"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-backward:before{content:"\f04a"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-bahai:before{content:"\f666"}.fa-baht-sign:before{content:"\e0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-barcode:before{content:"\f02a"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-bell:before{content:"\f0f3"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blog:before{content:"\f781"}.fa-bold:before{content:"\f032"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-bookmark:before{content:"\f02e"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broom:before{content:"\f51a"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-brush:before{content:"\f55d"}.fa-bug:before{content:"\f188"}.fa-bug-slash:before{content:"\e490"}.fa-building:before{content:"\f1ad"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-c:before{content:"\43"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-week:before{content:"\f784"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-camera-rotate:before{content:"\e0d8"}.fa-campground:before{content:"\f6bb"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-cart-plus:before{content:"\f217"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cedi-sign:before{content:"\e0df"}.fa-cent-sign:before{content:"\e3f5"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-charging-station:before{content:"\f5e7"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-column:before{content:"\e0e3"}.fa-chart-gantt:before{content:"\e0e4"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-double:before{content:"\f560"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-circle-notch:before{content:"\f1ce"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-city:before{content:"\f64f"}.fa-clapperboard:before{content:"\e131"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-clover:before{content:"\e139"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-compare:before{content:"\e13a"}.fa-code-fork:before{content:"\e13b"}.fa-code-merge:before{content:"\f387"}.fa-code-pull-request:before{content:"\e13c"}.fa-coins:before{content:"\f51e"}.fa-colon-sign:before{content:"\e140"}.fa-comment:before{content:"\f075"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-compress:before{content:"\f066"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-d:before{content:"\44"}.fa-database:before{content:"\f1c0"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-democrat:before{content:"\f747"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-dharmachakra:before{content:"\f655"}.fa-diagram-next:before{content:"\e476"}.fa-diagram-predecessor:before{content:"\e477"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-diagram-successor:before{content:"\e47a"}.fa-diamond:before{content:"\f219"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-dong-sign:before{content:"\e169"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dove:before{content:"\f4ba"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-e:before{content:"\45"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elevator:before{content:"\e16d"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-equals:before{content:"\3d"}.fa-eraser:before{content:"\f12d"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-exclamation:before{content:"\21"}.fa-expand:before{content:"\f065"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-eye-slash:before{content:"\f070"}.fa-f:before{content:"\46"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-fan:before{content:"\f863"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-file:before{content:"\f15b"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-excel:before{content:"\f1c3"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-file-medical:before{content:"\f477"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-video:before{content:"\f1c8"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-file-word:before{content:"\f1c2"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-florin-sign:before{content:"\e184"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-tree:before{content:"\f802"}.fa-font:before{content:"\f031"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-franc-sign:before{content:"\e18f"}.fa-frog:before{content:"\f52e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-g:before{content:"\47"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-glasses:before{content:"\f530"}.fa-globe:before{content:"\f0ac"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-greater-than:before{content:"\3e"}.fa-greater-than-equal:before{content:"\f532"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-guarani-sign:before{content:"\e19a"}.fa-guitar:before{content:"\f7a6"}.fa-gun:before{content:"\e19b"}.fa-h:before{content:"\48"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-hands-clapping:before{content:"\e1a8"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-handshake:before{content:"\f2b5"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-hashtag:before{content:"\23"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-highlighter:before{content:"\f591"}.fa-hippo:before{content:"\f6ed"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before{content:"\f254"}.fa-hourglass-empty:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-house-chimney-user:before{content:"\e065"}.fa-house-chimney-window:before{content:"\e00d"}.fa-house-crack:before{content:"\e3b1"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-house-medical:before{content:"\e3b2"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-i:before{content:"\49"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-italic:before{content:"\f033"}.fa-j:before{content:"\4a"}.fa-jedi:before{content:"\f669"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-joint:before{content:"\f595"}.fa-k:before{content:"\4b"}.fa-kaaba:before{content:"\f66b"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-khanda:before{content:"\f66d"}.fa-kip-sign:before{content:"\e1c4"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-kiwi-bird:before{content:"\f535"}.fa-l:before{content:"\4c"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-lari-sign:before{content:"\e1c8"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-lemon:before{content:"\f094"}.fa-less-than:before{content:"\3c"}.fa-less-than-equal:before{content:"\f537"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-lira-sign:before{content:"\f195"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-location-arrow:before{content:"\f124"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-m:before{content:"\4d"}.fa-magnet:before{content:"\f076"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-manat-sign:before{content:"\e1d5"}.fa-map:before{content:"\f279"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-pin:before{content:"\f276"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-and-venus:before{content:"\f224"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-mask:before{content:"\f6fa"}.fa-mask-face:before{content:"\e1d7"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-medal:before{content:"\f5a2"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-mill-sign:before{content:"\e1ed"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mitten:before{content:"\f7b5"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-mobile-button:before{content:"\f10b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mug-hot:before{content:"\f7b6"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-music:before{content:"\f001"}.fa-n:before{content:"\4e"}.fa-naira-sign:before{content:"\e1f6"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-not-equal:before{content:"\f53e"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-notes-medical:before{content:"\f481"}.fa-o:before{content:"\4f"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-oil-can:before{content:"\f613"}.fa-om:before{content:"\f679"}.fa-otter:before{content:"\f700"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-p:before{content:"\50"}.fa-pager:before{content:"\f815"}.fa-paint-roller:before{content:"\f5aa"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-pallet:before{content:"\f482"}.fa-panorama:before{content:"\e209"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-passport:before{content:"\f5ab"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-pause:before{content:"\f04c"}.fa-paw:before{content:"\f1b0"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-person-booth:before{content:"\f756"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-peseta-sign:before{content:"\e221"}.fa-peso-sign:before{content:"\e222"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-plug:before{content:"\f1e6"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-plus-minus:before{content:"\e43c"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-puzzle-piece:before{content:"\f12e"}.fa-q:before{content:"\51"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\3f"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-r:before{content:"\52"}.fa-radiation:before{content:"\f7b9"}.fa-rainbow:before{content:"\f75b"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-recycle:before{content:"\f1b8"}.fa-registered:before{content:"\f25d"}.fa-repeat:before{content:"\f363"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-republican:before{content:"\f75e"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-route:before{content:"\f4d7"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-rupiah-sign:before{content:"\e23d"}.fa-s:before{content:"\53"}.fa-sailboat:before{content:"\e445"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-school:before{content:"\f549"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-screwdriver:before{content:"\f54a"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-scroll:before{content:"\f70e"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-sd-card:before{content:"\f7c2"}.fa-section:before{content:"\e447"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-server:before{content:"\f233"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before,.fa-shield-blank:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-shoe-prints:before{content:"\f54b"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-shower:before{content:"\f2cc"}.fa-shrimp:before{content:"\e448"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-sim-card:before{content:"\f7c4"}.fa-sink:before{content:"\e06d"}.fa-sitemap:before{content:"\f0e8"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spa:before{content:"\f5bb"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-spray-can:before{content:"\f5bd"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-square:before{content:"\f0c8"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-square-full:before{content:"\f45c"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-stairs:before{content:"\e289"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-stethoscope:before{content:"\f0f1"}.fa-stop:before{content:"\f04d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-slash:before{content:"\e071"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stroopwafel:before{content:"\f551"}.fa-subscript:before{content:"\f12c"}.fa-suitcase:before{content:"\f0f2"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superscript:before{content:"\f12b"}.fa-swatchbook:before{content:"\f5c3"}.fa-synagogue:before{content:"\f69b"}.fa-syringe:before{content:"\f48e"}.fa-t:before{content:"\54"}.fa-table:before{content:"\f0ce"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-tablet-button:before{content:"\f10a"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-text-width:before{content:"\f035"}.fa-thermometer:before{content:"\f491"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-timeline:before{content:"\e29c"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torii-gate:before{content:"\f6a1"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-tractor:before{content:"\f722"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-train-tram:before,.fa-tram:before{content:"\f7da"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-u:before{content:"\55"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-universal-access:before{content:"\f29a"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-clock:before{content:"\f4fd"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-graduate:before{content:"\f501"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-user-injured:before{content:"\f728"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-user-lock:before{content:"\f502"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-v:before{content:"\56"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-vault:before{content:"\e2c5"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-virus:before{content:"\e074"}.fa-virus-covid:before{content:"\e4a8"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-vr-cardboard:before{content:"\f729"}.fa-w:before{content:"\57"}.fa-wallet:before{content:"\f555"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-wand-sparkles:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-wave-square:before{content:"\f83e"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-wheelchair:before{content:"\f193"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-wind:before{content:"\f72e"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-wrench:before{content:"\f0ad"}.fa-x:before{content:"\58"}.fa-x-ray:before{content:"\f497"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-y:before{content:"\59"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-z:before{content:"\5a"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-alipay:before{content:"\f642"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-amilia:before{content:"\f36d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-artstation:before{content:"\f77a"}.fa-asymmetrik:before{content:"\f372"}.fa-atlassian:before{content:"\f77b"}.fa-audible:before{content:"\f373"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-bandcamp:before{content:"\f2d5"}.fa-battle-net:before{content:"\f835"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bilibili:before{content:"\e3d9"}.fa-bimobject:before{content:"\f378"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bootstrap:before{content:"\f836"}.fa-bots:before{content:"\e340"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-buromobelexperte:before{content:"\f37f"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cmplid:before{content:"\e360"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-critical-role:before{content:"\f6c9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dhl:before{content:"\f790"}.fa-diaspora:before{content:"\f791"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-elementor:before{content:"\f430"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-evernote:before{content:"\f839"}.fa-expeditedssl:before{content:"\f23e"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-figma:before{content:"\f799"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-fulcrum:before{content:"\f50b"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-gofore:before{content:"\f3a7"}.fa-golang:before{content:"\e40f"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-gulp:before{content:"\f3ae"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hashnode:before{content:"\e499"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-hive:before{content:"\e07f"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hotjar:before{content:"\f3b1"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-ideal:before{content:"\e013"}.fa-imdb:before{content:"\f2d8"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaggle:before{content:"\f5fa"}.fa-keybase:before{content:"\f4f5"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leanpub:before{content:"\f212"}.fa-less:before{content:"\f41d"}.fa-line:before{content:"\f3c0"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-mailchimp:before{content:"\f59e"}.fa-mandalorian:before{content:"\f50f"}.fa-markdown:before{content:"\f60f"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medapps:before{content:"\f3c6"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-mendeley:before{content:"\f7b3"}.fa-microblog:before{content:"\e01a"}.fa-microsoft:before{content:"\f3ca"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-padlet:before{content:"\e4a0"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-palfed:before{content:"\f3d8"}.fa-patreon:before{content:"\f3d9"}.fa-paypal:before{content:"\f1ed"}.fa-perbyte:before{content:"\e083"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pix:before{content:"\e43a"}.fa-playstation:before{content:"\f3df"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-r-project:before{content:"\f4f7"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-renren:before{content:"\f18b"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-rev:before{content:"\f5b2"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rust:before{content:"\e07a"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-servicestack:before{content:"\f3ec"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopify:before{content:"\e057"}.fa-shopware:before{content:"\f5b5"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sith:before{content:"\f512"}.fa-sitrox:before{content:"\e44a"}.fa-sketch:before{content:"\f7c6"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-slideshare:before{content:"\f1e7"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-square:before{content:"\f2ad"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spotify:before{content:"\f1bc"}.fa-square-font-awesome:before{content:"\f425"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-sticker-mule:before{content:"\f3f7"}.fa-strava:before{content:"\f428"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-superpowers:before{content:"\f2dd"}.fa-supple:before{content:"\f3f9"}.fa-suse:before{content:"\f7d6"}.fa-swift:before{content:"\f8e1"}.fa-symfony:before{content:"\f83d"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-the-red-yeti:before{content:"\f69d"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-think-peaks:before{content:"\f731"}.fa-tiktok:before{content:"\e07b"}.fa-trade-federation:before{content:"\f513"}.fa-trello:before{content:"\f181"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-uncharted:before{content:"\e084"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-vaadin:before{content:"\f408"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-vuejs:before{content:"\f41f"}.fa-watchman-monitoring:before{content:"\e087"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-whmcs:before{content:"\f40d"}.fa-wikipedia-w:before{content:"\f266"}.fa-windows:before{content:"\f17a"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a}
+
+
+/*---------------------------------------------------------------
+  2. Flat Icon
+---------------------------------------------------------------*/
+@font-face {
+    font-family: "flaticon";
+    src: url("../fonts/flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"),
+url("../fonts/flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"),
+url("../fonts/flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"),
+url("../fonts/flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"),
+url("../fonts/flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-add-to-cart:before {
+    content: "\f101";
+}
+.flaticon-add-user-1:before {
+    content: "\f102";
+}
+.flaticon-add-user:before {
+    content: "\f103";
+}
+.flaticon-add:before {
+    content: "\f104";
+}
+.flaticon-airplane:before {
+    content: "\f105";
+}
+.flaticon-apartment-1:before {
+    content: "\f106";
+}
+.flaticon-apartment:before {
+    content: "\f107";
+}
+.flaticon-armchair:before {
+    content: "\f108";
+}
+.flaticon-bathtub:before {
+    content: "\f109";
+}
+.flaticon-bed-1:before {
+    content: "\f10a";
+}
+.flaticon-bed:before {
+    content: "\f10b";
+}
+.flaticon-beds:before {
+    content: "\f10c";
+}
+.flaticon-book:before {
+    content: "\f10d";
+}
+.flaticon-branch:before {
+    content: "\f10e";
+}
+.flaticon-building:before {
+    content: "\f10f";
+}
+.flaticon-buy-home:before {
+    content: "\f110";
+}
+.flaticon-buy-online:before {
+    content: "\f111";
+}
+.flaticon-call-center-agent:before {
+    content: "\f112";
+}
+.flaticon-car:before {
+    content: "\f113";
+}
+.flaticon-chat:before {
+    content: "\f114";
+}
+.flaticon-clean:before {
+    content: "\f115";
+}
+.flaticon-deal-1:before {
+    content: "\f116";
+}
+.flaticon-deal:before {
+    content: "\f117";
+}
+.flaticon-dining-table-with-chairs:before {
+    content: "\f118";
+}
+.flaticon-double-bed:before {
+    content: "\f119";
+}
+.flaticon-dryer:before {
+    content: "\f11a";
+}
+.flaticon-dumbbell:before {
+    content: "\f11b";
+}
+.flaticon-dumbell:before {
+    content: "\f11c";
+}
+.flaticon-excavator:before {
+    content: "\f11d";
+}
+.flaticon-expand:before {
+    content: "\f11e";
+}
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+    content: "\f11f";
+}
+.flaticon-financial:before {
+    content: "\f120";
+}
+.flaticon-garage-1:before {
+    content: "\f121";
+}
+.flaticon-garage:before {
+    content: "\f122";
+}
+.flaticon-google-docs:before {
+    content: "\f123";
+}
+.flaticon-heart-1:before {
+    content: "\f124";
+}
+.flaticon-heart:before {
+    content: "\f125";
+}
+.flaticon-home-1:before {
+    content: "\f126";
+}
+.flaticon-home-2:before {
+    content: "\f127";
+}
+.flaticon-home-3:before {
+    content: "\f128";
+}
+.flaticon-home:before {
+    content: "\f129";
+}
+.flaticon-hospital:before {
+    content: "\f12a";
+}
+.flaticon-house-1:before {
+    content: "\f12b";
+}
+.flaticon-house-2:before {
+    content: "\f12c";
+}
+.flaticon-house-3:before {
+    content: "\f12d";
+}
+.flaticon-house-4:before {
+    content: "\f12e";
+}
+.flaticon-house-key:before {
+    content: "\f12f";
+}
+.flaticon-house:before {
+    content: "\f130";
+}
+.flaticon-key-1:before {
+    content: "\f131";
+}
+.flaticon-key:before {
+    content: "\f132";
+}
+.flaticon-left-quote-1:before {
+    content: "\f133";
+}
+.flaticon-left-quote:before {
+    content: "\f134";
+}
+.flaticon-left-quotes-sign:before {
+    content: "\f135";
+}
+.flaticon-location:before {
+    content: "\f136";
+}
+.flaticon-loupe:before {
+    content: "\f137";
+}
+.flaticon-mall:before {
+    content: "\f138";
+}
+.flaticon-maps-and-location:before {
+    content: "\f139";
+}
+.flaticon-measure:before {
+    content: "\f13a";
+}
+.flaticon-metro:before {
+    content: "\f13b";
+}
+.flaticon-mortarboard:before {
+    content: "\f13c";
+}
+.flaticon-mortgage:before {
+    content: "\f13d";
+}
+.flaticon-mountain:before {
+    content: "\f13e";
+}
+.flaticon-office:before {
+    content: "\f13f";
+}
+.flaticon-official-documents:before {
+    content: "\f140";
+}
+.flaticon-online-shop:before {
+    content: "\f141";
+}
+.flaticon-operator:before {
+    content: "\f142";
+}
+.flaticon-package:before {
+    content: "\f143";
+}
+.flaticon-park:before {
+    content: "\f144";
+}
+.flaticon-parking:before {
+    content: "\f145";
+}
+.flaticon-pencil:before {
+    content: "\f146";
+}
+.flaticon-phone-call:before {
+    content: "\f147";
+}
+.flaticon-pin:before {
+    content: "\f148";
+}
+.flaticon-plane:before {
+    content: "\f149";
+}
+.flaticon-plus:before {
+    content: "\f14a";
+}
+.flaticon-quotation:before {
+    content: "\f14b";
+}
+.flaticon-right-arrow:before {
+    content: "\f14c";
+}
+.flaticon-right-quote:before {
+    content: "\f14d";
+}
+.flaticon-salad:before {
+    content: "\f14e";
+}
+.flaticon-secure-shield:before {
+    content: "\f14f";
+}
+.flaticon-secure:before {
+    content: "\f150";
+}
+.flaticon-select:before {
+    content: "\f151";
+}
+.flaticon-sewing:before {
+    content: "\f152";
+}
+.flaticon-slider:before {
+    content: "\f153";
+}
+.flaticon-slumber:before {
+    content: "\f154";
+}
+.flaticon-square-shape-design-interface-tool-symbol:before {
+    content: "\f155";
+}
+.flaticon-stethoscope:before {
+    content: "\f156";
+}
+.flaticon-support:before {
+    content: "\f157";
+}
+.flaticon-swimming:before {
+    content: "\f158";
+}
+.flaticon-toilet:before {
+    content: "\f159";
+}
+.flaticon-train:before {
+    content: "\f15a";
+}
+.flaticon-user-1:before {
+    content: "\f15b";
+}
+.flaticon-user:before {
+    content: "\f15c";
+}
+.flaticon-vegetable:before {
+    content: "\f15d";
+}
+.flaticon-washer:before {
+    content: "\f15e";
+}
+
+
+/*---------------------------------------------------------------
+  3. Icomoon Icon
+---------------------------------------------------------------*/
+@font-face {
+  font-family: 'icomoon';
+  src:  url('../fonts/icomoon.eot?3aun5s');
+  src:  url('../fonts/icomoon.eot?3aun5s#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon.ttf?3aun5s') format('truetype'),
+    url('../fonts/icomoon.woff?3aun5s') format('woff'),
+    url('../fonts/icomoon.svg?3aun5s#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-cancel:before {
+  content: "\e900";
+}
+.icon-star:before {
+  content: "\e901";
+}
+.icon-star-1:before {
+  content: "\e902";
+}
+.icon-plus:before {
+  content: "\e903";
+}
+.icon-remove:before {
+  content: "\e904";
+}
+.icon-compare:before {
+  content: "\e905";
+}
+.icon-facebook:before {
+  content: "\e906";
+}
+.icon-twitter:before {
+  content: "\e907";
+}
+.icon-linkedin:before {
+  content: "\e908";
+}
+.icon-whatsapp:before {
+  content: "\e909";
+}
+.icon-youtube:before {
+  content: "\e90a";
+}
+.icon-mail:before {
+  content: "\e90b";
+}
+.icon-placeholder:before {
+  content: "\e90c";
+}
+.icon-call:before {
+  content: "\e90d";
+}
+.icon-left-arrow:before {
+  content: "\e90e";
+}
+.icon-next:before {
+  content: "\e90f";
+}
+.icon-arrows:before {
+  content: "\e910";
+}
+.icon-down-arrow:before {
+  content: "\e911";
+}
+.icon-mechanic:before {
+  content: "\e912";
+}
+.icon-car-service:before {
+  content: "\e913";
+}
+.icon-key:before {
+  content: "\e914";
+}
+.icon-repair:before {
+  content: "\e915";
+}
+.icon-car-parts:before {
+  content: "\e916";
+}
+.icon-car:before {
+  content: "\e917";
+}
+.icon-exterior:before {
+  content: "\e918";
+}
+.icon-car-parts-1:before {
+  content: "\e919";
+}
+.icon-maintenance:before {
+  content: "\e91a";
+}
+.icon-car-1:before {
+  content: "\e91b";
+}
+.icon-car-parts-2:before {
+  content: "\e91c";
+}
+.icon-hand:before {
+  content: "\e91d";
+}
+.icon-accumulator:before {
+  content: "\e91e";
+}
+.icon-car-parts-3:before {
+  content: "\e91f";
+}
+.icon-repair-1:before {
+  content: "\e920";
+}
+.icon-carwash:before {
+  content: "\e921";
+}
+.icon-car-parts-4:before {
+  content: "\e922";
+}
+.icon-automobile:before {
+  content: "\e923";
+}
+.icon-polisher:before {
+  content: "\e924";
+}
+.icon-car-parts-5:before {
+  content: "\e925";
+}
+.icon-gasoline:before {
+  content: "\e926";
+}
+.icon-seat:before {
+  content: "\e927";
+}
+.icon-car-parts-6:before {
+  content: "\e928";
+}
+.icon-car-2:before {
+  content: "\e929";
+}
+.icon-soap:before {
+  content: "\e92a";
+}
+.icon-car-parts-7:before {
+  content: "\e92b";
+}
+.icon-disc-brake:before {
+  content: "\e92c";
+}
+.icon-car-parts-8:before {
+  content: "\e92d";
+}
+.icon-wheel:before {
+  content: "\e92e";
+}
+.icon-car-parts-9:before {
+  content: "\e92f";
+}
+.icon-speedometer:before {
+  content: "\e930";
+}
+.icon-maintenance-1:before {
+  content: "\e931";
+}
+.icon-shopping-bags:before {
+  content: "\e932";
+}
+.icon-shopping-cart:before {
+  content: "\e933";
+}
+.icon-view:before {
+  content: "\e934";
+}
+.icon-phone-call:before {
+  content: "\e935";
+}
+.icon-calendar:before {
+  content: "\e936";
+}
+.icon-calendar-1:before {
+  content: "\e937";
+}
+.icon-right-arrow-angle:before {
+  content: "\e938";
+}
+.icon-down-arrow-1:before {
+  content: "\e939";
+}
+.icon-up-arrow-angle:before {
+  content: "\e93a";
+}
+.icon-search:before {
+  content: "\e93b";
+}
+.icon-share:before {
+  content: "\e93c";
+}
+.icon-left-arrow-1:before {
+  content: "\e93d";
+}
+.icon-quotation:before {
+  content: "\e93e";
+}
+.icon-user:before {
+  content: "\e93f";
+}
+.icon-tag:before {
+  content: "\e940";
+}
+.icon-play:before {
+  content: "\e941";
+}
+.icon-done:before {
+  content: "\e942";
+}
+.icon-electric-car:before {
+  content: "\e943";
+}
+.icon-cog:before {
+  content: "\e944";
+}
+.icon-car-3:before {
+  content: "\e945";
+}
+.icon-tyre:before {
+  content: "\e946";
+}
+.icon-wheel-1:before {
+  content: "\e947";
+}
+.icon-tire:before {
+  content: "\e948";
+}
+.icon-tire-1:before {
+  content: "\e949";
+}
+.icon-flat-tire:before {
+  content: "\e94a";
+}
+.icon-pressure:before {
+  content: "\e94b";
+}
+.icon-right-quote:before {
+  content: "\e94c";
+}
+.icon-quote:before {
+  content: "\e94d";
+}
+.icon-quotation-1:before {
+  content: "\e94e";
+}
+.icon-quote-1:before {
+  content: "\e94f";
+}
+.icon-open:before {
+  content: "\e950";
+}
+.icon-options:before {
+  content: "\e951";
+}
+.icon-location:before {
+  content: "\e952";
+}
+.icon-edit:before {
+  content: "\e953";
+}
+.icon-award:before {
+  content: "\e954";
+}
+.icon-menu:before {
+  content: "\e955";
+}
+.icon-categories:before {
+  content: "\e956";
+}
+.icon-menu-1:before {
+  content: "\e957";
+}
+.icon-menu-2:before {
+  content: "\e958";
+}
+.icon-bookmark:before {
+  content: "\e959";
+}
+.icon-bookmark-1:before {
+  content: "\e95a";
+}
+.icon-reply:before {
+  content: "\e95b";
+}
+.icon-reply-1:before {
+  content: "\e95c";
+}
+.icon-globe:before {
+  content: "\e95d";
+}
+.icon-clock:before {
+  content: "\e95e";
+}
+.icon-alarm-clock:before {
+  content: "\e95f";
+}
+
+
+
+
diff --git a/quarter-rtl/assets/css/glightbox.css b/quarter-rtl/assets/css/glightbox.css
new file mode 100644
index 0000000..cbff976
--- /dev/null
+++ b/quarter-rtl/assets/css/glightbox.css
@@ -0,0 +1,944 @@
+.glightbox-container {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999999999 !important;
+  overflow: hidden;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  outline: none;
+}
+
+.glightbox-container.inactive {
+  display: none;
+}
+
+.glightbox-container .gcontainer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  overflow: hidden;
+}
+
+.glightbox-container .gslider {
+  -webkit-transition: -webkit-transform 0.4s ease;
+  transition: -webkit-transform 0.4s ease;
+  transition: transform 0.4s ease;
+  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
+  height: 100%;
+  left: 0;
+  top: 0;
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.glightbox-container .gslide {
+  width: 100%;
+  position: absolute;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  opacity: 0;
+}
+
+.glightbox-container .gslide.current {
+  opacity: 1;
+  z-index: 99999;
+  position: relative;
+}
+
+.glightbox-container .gslide.prev {
+  opacity: 1;
+  z-index: 9999;
+}
+
+.glightbox-container .gslide-inner-content {
+  width: 100%;
+}
+
+.glightbox-container .ginner-container {
+  position: relative;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  max-width: 100%;
+  margin: auto;
+  height: 100vh;
+}
+
+.glightbox-container .ginner-container.gvideo-container {
+  width: 100%;
+}
+
+.glightbox-container .ginner-container.desc-bottom,
+.glightbox-container .ginner-container.desc-top {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.glightbox-container .ginner-container.desc-left,
+.glightbox-container .ginner-container.desc-right {
+  max-width: 100% !important;
+}
+
+.gslide iframe,
+.gslide video {
+  outline: none !important;
+  border: none;
+  min-height: 165px;
+  -webkit-overflow-scrolling: touch;
+  -ms-touch-action: auto;
+  touch-action: auto;
+}
+
+.gslide:not(.current) {
+  pointer-events: none;
+}
+
+.gslide-image {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.gslide-image img {
+  max-height: 100vh;
+  display: block;
+  padding: 0;
+  float: none;
+  outline: none;
+  border: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  max-width: 100vw;
+  width: auto;
+  height: auto;
+  -o-object-fit: cover;
+  object-fit: cover;
+  -ms-touch-action: none;
+  touch-action: none;
+  margin: auto;
+  min-width: 200px;
+}
+
+.desc-top .gslide-image img,
+.desc-bottom .gslide-image img {
+  width: auto;
+}
+
+.desc-left .gslide-image img,
+.desc-right .gslide-image img {
+  width: auto;
+  max-width: 100%;
+}
+
+.gslide-image img.zoomable {
+  position: relative;
+}
+
+.gslide-image img.dragging {
+  cursor: -webkit-grabbing !important;
+  cursor: grabbing !important;
+  -webkit-transition: none;
+  transition: none;
+}
+
+.gslide-video {
+  position: relative;
+  max-width: 100vh;
+  width: 100% !important;
+}
+
+.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
+  display: none;
+}
+
+.gslide-video .gvideo-wrapper {
+  width: 100%;
+  /* max-width: 160vmin; */
+  margin: auto;
+}
+
+.gslide-video::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 0, 0, 0.34);
+  display: none;
+}
+
+.gslide-video.playing::before {
+  display: none;
+}
+
+.gslide-video.fullscreen {
+  max-width: 100% !important;
+  min-width: 100%;
+  height: 75vh;
+}
+
+.gslide-video.fullscreen video {
+  max-width: 100% !important;
+  width: 100% !important;
+}
+
+.gslide-inline {
+  background: #fff;
+  text-align: left;
+  max-height: calc(100vh - 40px);
+  overflow: auto;
+  max-width: 100%;
+  margin: auto;
+}
+
+.gslide-inline .ginlined-content {
+  padding: 20px;
+  width: 100%;
+}
+
+.gslide-inline .dragging {
+  cursor: -webkit-grabbing !important;
+  cursor: grabbing !important;
+  -webkit-transition: none;
+  transition: none;
+}
+
+.ginlined-content {
+  overflow: auto;
+  display: block !important;
+  opacity: 1;
+}
+
+.gslide-external {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  min-width: 100%;
+  background: #fff;
+  padding: 0;
+  overflow: auto;
+  max-height: 75vh;
+  height: 100%;
+}
+
+.gslide-media {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+  position: relative;
+}
+
+.zoomed .gslide-media {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.desc-top .gslide-media,
+.desc-bottom .gslide-media {
+  margin: 0 auto;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.gslide-description {
+  position: relative;
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 100%;
+  flex: 1 0 100%;
+}
+
+.gslide-description.description-left,
+.gslide-description.description-right {
+  max-width: 100%;
+}
+
+.gslide-description.description-bottom,
+.gslide-description.description-top {
+  margin: 0 auto;
+  width: 100%;
+}
+
+.gslide-description p {
+  margin-bottom: 12px;
+}
+
+.gslide-description p:last-child {
+  margin-bottom: 0;
+}
+
+.zoomed .gslide-description {
+  display: none;
+}
+
+.glightbox-button-hidden {
+  display: none;
+}
+
+/*
+   * Description for mobiles
+   * something like facebook does the description
+   * for the photos
+  */
+
+.glightbox-mobile .glightbox-container .gslide-description {
+  height: auto !important;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  padding: 19px 11px;
+  max-width: 100vw !important;
+  -webkit-box-ordinal-group: 3 !important;
+  -ms-flex-order: 2 !important;
+  order: 2 !important;
+  max-height: 78vh;
+  overflow: auto !important;
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(rgba(0, 0, 0, 0)),
+    to(rgba(0, 0, 0, 0.75))
+  );
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.75) 100%
+  );
+  -webkit-transition: opacity 0.3s linear;
+  transition: opacity 0.3s linear;
+  padding-bottom: 50px;
+}
+
+.glightbox-mobile .glightbox-container .gslide-title {
+  color: #fff;
+  font-size: 1em;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc {
+  color: #a1a1a1;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc a {
+  color: #fff;
+  font-weight: bold;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc * {
+  color: inherit;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
+  color: #fff;
+  opacity: 0.4;
+}
+
+.gdesc-open .gslide-media {
+  -webkit-transition: opacity 0.5s ease;
+  transition: opacity 0.5s ease;
+  opacity: 0.4;
+}
+
+.gdesc-open .gdesc-inner {
+  padding-bottom: 30px;
+}
+
+.gdesc-closed .gslide-media {
+  -webkit-transition: opacity 0.5s ease;
+  transition: opacity 0.5s ease;
+  opacity: 1;
+}
+
+.greset {
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.gabsolute {
+  position: absolute;
+}
+
+.grelative {
+  position: relative;
+}
+
+.glightbox-desc {
+  display: none !important;
+}
+
+.glightbox-open {
+  overflow: hidden;
+}
+
+.gloader {
+  height: 25px;
+  width: 25px;
+  -webkit-animation: lightboxLoader 0.8s infinite linear;
+  animation: lightboxLoader 0.8s infinite linear;
+  border: 2px solid #fff;
+  border-right-color: transparent;
+  border-radius: 50%;
+  position: absolute;
+  display: block;
+  z-index: 9999;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  top: 47%;
+}
+
+.goverlay {
+  width: 100%;
+  height: calc(100vh + 1px);
+  position: fixed;
+  top: -1px;
+  left: 0;
+  background: #000;
+  will-change: opacity;
+}
+
+.gprev,
+.gnext,
+.gclose {
+  z-index: 99999;
+  cursor: pointer;
+  width: 26px;
+  height: 44px;
+  border: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.gprev svg,
+.gnext svg,
+.gclose svg {
+  display: block;
+  width: 25px;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+}
+
+.gprev.disabled,
+.gnext.disabled,
+.gclose.disabled {
+  opacity: 0.1;
+}
+
+.gprev .garrow,
+.gnext .garrow,
+.gclose .garrow {
+  stroke: #fff;
+}
+
+.gbtn.focused {
+  outline: 2px solid #0f3d81;
+}
+
+iframe.wait-autoplay {
+  opacity: 0;
+}
+
+.glightbox-closing .gnext,
+.glightbox-closing .gprev,
+.glightbox-closing .gclose {
+  opacity: 0 !important;
+}
+
+/*Skin */
+
+.glightbox-clean .gslide-description {
+  background: #fff;
+}
+
+.glightbox-clean .gdesc-inner {
+  padding: 22px 20px;
+}
+
+.glightbox-clean .gslide-title {
+  font-size: 1em;
+  font-weight: normal;
+  font-family: arial;
+  color: #000;
+  margin-bottom: 19px;
+  line-height: 1.4em;
+}
+
+.glightbox-clean .gslide-desc {
+  font-size: 0.86em;
+  margin-bottom: 0;
+  font-family: arial;
+  line-height: 1.4em;
+}
+
+.glightbox-clean .gslide-video {
+  background: #000;
+}
+
+.glightbox-clean .gprev,
+.glightbox-clean .gnext,
+.glightbox-clean .gclose {
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 4px;
+}
+
+.glightbox-clean .gprev path,
+.glightbox-clean .gnext path,
+.glightbox-clean .gclose path {
+  fill: #fff;
+}
+
+.glightbox-clean .gprev {
+  position: absolute;
+  top: -100%;
+  left: 30px;
+  width: 40px;
+  height: 50px;
+}
+
+.glightbox-clean .gnext {
+  position: absolute;
+  top: -100%;
+  right: 30px;
+  width: 40px;
+  height: 50px;
+}
+
+.glightbox-clean .gclose {
+  width: 35px;
+  height: 35px;
+  top: 15px;
+  right: 10px;
+  position: absolute;
+}
+
+.glightbox-clean .gclose svg {
+  width: 18px;
+  height: auto;
+}
+
+.glightbox-clean .gclose:hover {
+  opacity: 1;
+}
+
+/*CSS Animations*/
+
+.gfadeIn {
+  -webkit-animation: gfadeIn 0.5s ease;
+  animation: gfadeIn 0.5s ease;
+}
+
+.gfadeOut {
+  -webkit-animation: gfadeOut 0.5s ease;
+  animation: gfadeOut 0.5s ease;
+}
+
+.gslideOutLeft {
+  -webkit-animation: gslideOutLeft 0.3s ease;
+  animation: gslideOutLeft 0.3s ease;
+}
+
+.gslideInLeft {
+  -webkit-animation: gslideInLeft 0.3s ease;
+  animation: gslideInLeft 0.3s ease;
+}
+
+.gslideOutRight {
+  -webkit-animation: gslideOutRight 0.3s ease;
+  animation: gslideOutRight 0.3s ease;
+}
+
+.gslideInRight {
+  -webkit-animation: gslideInRight 0.3s ease;
+  animation: gslideInRight 0.3s ease;
+}
+
+.gzoomIn {
+  -webkit-animation: gzoomIn 0.5s ease;
+  animation: gzoomIn 0.5s ease;
+}
+
+.gzoomOut {
+  -webkit-animation: gzoomOut 0.5s ease;
+  animation: gzoomOut 0.5s ease;
+}
+
+@-webkit-keyframes lightboxLoader {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes lightboxLoader {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes gfadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gfadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gfadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes gfadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes gslideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+  }
+  to {
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes gslideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+  }
+  to {
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gslideOutLeft {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+@keyframes gslideOutLeft {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+@-webkit-keyframes gslideInRight {
+  from {
+    opacity: 0;
+    visibility: visible;
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes gslideInRight {
+  from {
+    opacity: 0;
+    visibility: visible;
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gslideOutRight {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes gslideOutRight {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes gzoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gzoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gzoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes gzoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@media (min-width: 769px) {
+  .glightbox-container .ginner-container {
+    width: auto;
+    height: auto;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .glightbox-container .ginner-container.desc-top .gslide-description {
+    -webkit-box-ordinal-group: 1;
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .glightbox-container .ginner-container.desc-top .gslide-image,
+  .glightbox-container .ginner-container.desc-top .gslide-image img {
+    -webkit-box-ordinal-group: 2;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .glightbox-container .ginner-container.desc-left .gslide-description {
+    -webkit-box-ordinal-group: 1;
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .glightbox-container .ginner-container.desc-left .gslide-image {
+    -webkit-box-ordinal-group: 2;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .gslide-image img {
+    max-height: 97vh;
+    max-width: 100%;
+  }
+  .gslide-image img.zoomable {
+    cursor: -webkit-zoom-in;
+    cursor: zoom-in;
+  }
+  .zoomed .gslide-image img.zoomable {
+    cursor: -webkit-grab;
+    cursor: grab;
+  }
+  .gslide-inline {
+    max-height: 95vh;
+  }
+  .gslide-external {
+    max-height: 100vh;
+  }
+  .gslide-description.description-left,
+  .gslide-description.description-right {
+    max-width: 275px;
+  }
+  .glightbox-open {
+    height: auto;
+  }
+  .goverlay {
+    background: rgba(0, 0, 0, 0.92);
+  }
+  .glightbox-clean .gslide-media {
+    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
+    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
+  }
+  .glightbox-clean .description-left .gdesc-inner,
+  .glightbox-clean .description-right .gdesc-inner {
+    position: absolute;
+    height: 100%;
+    overflow-y: auto;
+  }
+  .glightbox-clean .gprev,
+  .glightbox-clean .gnext,
+  .glightbox-clean .gclose {
+    background-color: rgba(0, 0, 0, 0.32);
+  }
+  .glightbox-clean .gprev:hover,
+  .glightbox-clean .gnext:hover,
+  .glightbox-clean .gclose:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+  }
+  .glightbox-clean .gprev {
+    top: 45%;
+  }
+  .glightbox-clean .gnext {
+    top: 45%;
+  }
+}
+
+.gslide-count {
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+
+  transition: all 0.3s;
+}
+
+@media (min-width: 992px) {
+  .glightbox-clean .gclose {
+    opacity: 0.7;
+    right: 20px;
+  }
+}
diff --git a/quarter-rtl/assets/css/lightcase.css b/quarter-rtl/assets/css/lightcase.css
new file mode 100644
index 0000000..ddbf5ca
--- /dev/null
+++ b/quarter-rtl/assets/css/lightcase.css
@@ -0,0 +1,468 @@
+@font-face {
+  font-family: lightcase;
+  src: url(../fonts/lightcase.eot?55356177);
+  src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
+    url(../fonts/lightcase.woff?55356177) format("woff"),
+    url(../fonts/lightcase.ttf?55356177) format("truetype"),
+    url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
+  font-weight: 400;
+  font-style: normal;
+}
+[class*="lightcase-icon-"]:before {
+  font-family: lightcase, sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+}
+.lightcase-icon-play:before {
+  content: "\e800";
+}
+.lightcase-icon-pause:before {
+  content: "\e801";
+}
+.lightcase-icon-close:before {
+  content: "\e802";
+}
+.lightcase-icon-prev:before {
+  content: "\e803";
+}
+.lightcase-icon-next:before {
+  content: "\e804";
+}
+.lightcase-icon-spin:before {
+  content: "\e805";
+}
+@-webkit-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-moz-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+#lightcase-case {
+  display: none;
+  position: fixed;
+  z-index: 2002;
+  top: 50%;
+  left: 50%;
+  font-family: arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+#lightcase-loading > span,
+a[class*="lightcase-icon-"] > span {
+  display: inline-block;
+  text-indent: -9999px;
+}
+@media screen and (min-width: 641px) {
+  html:not([data-lc-type="error"]) #lightcase-content {
+    position: relative;
+    z-index: 1;
+    text-shadow: none;
+    background-color: #fff;
+    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -webkit-backface-visibility: hidden;
+  }
+  html[data-lc-type="image"] #lightcase-content,
+  html[data-lc-type="video"] #lightcase-content {
+    background-color: #333;
+  }
+}
+html[data-lc-type="ajax"] #lightcase-content,
+html[data-lc-type="error"] #lightcase-content,
+html[data-lc-type="inline"] #lightcase-content {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+}
+html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+@media screen and (max-width: 640px) {
+  html[data-lc-type="ajax"] #lightcase-case,
+  html[data-lc-type="inline"] #lightcase-case {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    margin: 0 !important;
+    padding: 55px 0 70px;
+    width: 100% !important;
+    height: 100% !important;
+    overflow: auto !important;
+  }
+  html[data-lc-type="ajax"] #lightcase-content,
+  html[data-lc-type="error"] #lightcase-content,
+  html[data-lc-type="inline"] #lightcase-content {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    background: 0 0 !important;
+  }
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
+    padding: 15px;
+  }
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
+    width: 100% !important;
+    max-width: none !important;
+  }
+  html[data-lc-type="ajax"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe),
+  html[data-lc-type="error"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe),
+  html[data-lc-type="inline"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe) {
+    height: auto !important;
+    max-height: none !important;
+  }
+  html.lightcase-isMobileDevice[data-lc-type="iframe"]
+    #lightcase-content
+    .lightcase-contentInner
+    iframe {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media screen and (max-width: 640px) and (min-width: 641px) {
+  html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
+    line-height: 0.75;
+  }
+}
+html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
+  position: relative;
+  overflow: hidden !important;
+}
+@media screen and (max-width: 640px) {
+  html[data-lc-type="ajax"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap,
+  html[data-lc-type="error"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap,
+  html[data-lc-type="inline"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    background: 0 0 !important;
+  }
+  #lightcase-content h1,
+  #lightcase-content h2,
+  #lightcase-content h3,
+  #lightcase-content h4,
+  #lightcase-content h5,
+  #lightcase-content h6,
+  #lightcase-content p {
+  }
+}
+#lightcase-loading,
+a[class*="lightcase-icon-"] {
+  width: 1.123em;
+  height: auto;
+  line-height: 1;
+  text-align: center;
+  position: fixed;
+}
+@media screen and (min-width: 641px) {
+  html:not([data-lc-type="error"])
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap {
+    padding: 30px;
+    overflow: auto;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  #lightcase-content h1,
+  #lightcase-content h2,
+  #lightcase-content h3,
+  #lightcase-content h4,
+  #lightcase-content h5,
+  #lightcase-content h6,
+  #lightcase-content p {
+  }
+}
+#lightcase-case p.lightcase-error {
+  margin: 0;
+  font-size: 17px;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-case p.lightcase-error {
+    padding: 30px 0;
+  }
+}
+@media screen and (min-width: 641px) {
+  #lightcase-case p.lightcase-error {
+    padding: 0;
+  }
+}
+.lightcase-open body {
+  overflow: hidden;
+}
+.lightcase-isMobileDevice .lightcase-open body {
+  max-width: 100%;
+  max-height: 100%;
+}
+#lightcase-info {
+  position: absolute;
+  padding-top: 15px;
+}
+#lightcase-info #lightcase-caption,
+#lightcase-info #lightcase-title {
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+  font-weight: 400;
+  text-overflow: ellipsis;
+}
+#lightcase-info #lightcase-title {
+  font-size: 17px;
+}
+#lightcase-info #lightcase-caption {
+  clear: both;
+  font-size: 13px;
+}
+#lightcase-info #lightcase-sequenceInfo {
+  font-size: 11px;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-info #lightcase-title {
+    position: fixed;
+    top: 10px;
+    left: 0;
+    max-width: 87.5%;
+    padding: 5px 15px;
+    background: #333;
+  }
+  .lightcase-fullScreenMode #lightcase-info {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
+      [data-lc-type="flash"]
+    ):not([data-lc-type="error"])
+    #lightcase-info {
+    position: static;
+  }
+}
+#lightcase-loading {
+  z-index: 2001;
+  top: 50%;
+  left: 50%;
+  margin-top: -0.5em;
+  margin-left: -0.5em;
+  opacity: 1;
+  font-size: 32px;
+  text-shadow: 0 0 15px #fff;
+  -moz-transform-origin: 50% 53%;
+  -webkit-animation: lightcase-spin 0.5s infinite linear;
+  -moz-animation: lightcase-spin 0.5s infinite linear;
+  -o-animation: lightcase-spin 0.5s infinite linear;
+  animation: lightcase-spin 0.5s infinite linear;
+}
+#lightcase-loading,
+#lightcase-loading:focus {
+  text-decoration: none;
+  color: #fff;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-transition: color, opacity, ease-in-out 0.25s;
+  -moz-transition: color, opacity, ease-in-out 0.25s;
+  -o-transition: color, opacity, ease-in-out 0.25s;
+  transition: color, opacity, ease-in-out 0.25s;
+}
+a[class*="lightcase-icon-"] {
+  z-index: 9999;
+  font-size: 38px;
+  text-shadow: none;
+  outline: 0;
+  cursor: pointer;
+}
+a[class*="lightcase-icon-"],
+a[class*="lightcase-icon-"]:focus {
+  text-decoration: none;
+  color: rgba(255, 255, 255, 0.6);
+  -webkit-tap-highlight-color: transparent;
+  -webkit-transition: color, opacity, ease-in-out 0.25s;
+  -moz-transition: color, opacity, ease-in-out 0.25s;
+  -o-transition: color, opacity, ease-in-out 0.25s;
+  transition: color, opacity, ease-in-out 0.25s;
+}
+a[class*="lightcase-icon-"]:hover {
+  color: #fff;
+  text-shadow: 0 0 15px #fff;
+}
+.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
+  text-shadow: none;
+}
+a[class*="lightcase-icon-"].lightcase-icon-close {
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  bottom: auto;
+  margin: 0;
+  opacity: 0;
+  outline: 0;
+}
+a[class*="lightcase-icon-"].lightcase-icon-prev {
+  left: 15px;
+}
+a[class*="lightcase-icon-"].lightcase-icon-next {
+  right: 15px;
+}
+a[class*="lightcase-icon-"].lightcase-icon-pause,
+a[class*="lightcase-icon-"].lightcase-icon-play {
+  left: 50%;
+  margin-left: -0.5em;
+}
+@media screen and (max-width: 640px) {
+  a[class*="lightcase-icon-"] {
+    bottom: 15px;
+    font-size: 24px;
+  }
+}
+@media screen and (min-width: 641px) {
+  a[class*="lightcase-icon-"].lightcase-icon-pause,
+  a[class*="lightcase-icon-"].lightcase-icon-play {
+    opacity: 0;
+  }
+  a[class*="lightcase-icon-"] {
+    bottom: 50%;
+    margin-bottom: -0.5em;
+  }
+  #lightcase-case:hover ~ a[class*="lightcase-icon-"],
+  a[class*="lightcase-icon-"]:hover {
+    opacity: 1;
+  }
+}
+#lightcase-overlay {
+  display: none;
+  width: 100%;
+  min-height: 100%;
+  position: fixed;
+  z-index: 2000;
+  top: -9999px;
+  bottom: -9999px;
+  left: 0;
+  background: #333;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-overlay {
+    opacity: 1 !important;
+  }
+}
diff --git a/quarter-rtl/assets/css/nice-select2.css b/quarter-rtl/assets/css/nice-select2.css
new file mode 100644
index 0000000..4119446
--- /dev/null
+++ b/quarter-rtl/assets/css/nice-select2.css
@@ -0,0 +1,200 @@
+.nice-select {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: #fff;
+  border-radius: 5px;
+  border: solid 1px #e8e8e8;
+  box-sizing: border-box;
+  clear: both;
+  cursor: pointer;
+  display: block;
+  float: left;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: normal;
+  height: 38px;
+  line-height: 36px;
+  outline: none;
+  padding-left: 18px;
+  padding-right: 30px;
+  position: relative;
+  text-align: left !important;
+  transition: all 0.2s ease-in-out;
+  user-select: none;
+  white-space: nowrap;
+  width: auto;
+}
+.nice-select:hover {
+  border-color: #dbdbdb;
+}
+.nice-select:active,
+.nice-select.open,
+.nice-select:focus {
+  border-color: #999;
+}
+.nice-select:after {
+  border-bottom: 2px solid #999;
+  border-right: 2px solid #999;
+  content: "";
+  display: block;
+  height: 5px;
+  margin-top: -4px;
+  pointer-events: none;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform-origin: 66% 66%;
+  transform: rotate(45deg);
+  transition: all 0.15s ease-in-out;
+  width: 5px;
+}
+.nice-select.open:after {
+  transform: rotate(-135deg);
+}
+.nice-select.open .nice-select-dropdown {
+  opacity: 1;
+  pointer-events: auto;
+  transform: scale(1) translateY(0);
+  width: 100%;
+}
+.nice-select.disabled {
+  border-color: #ededed;
+  color: #999;
+  pointer-events: none;
+}
+.nice-select.disabled:after {
+  border-color: #ccc;
+}
+.nice-select.wide {
+  width: 100%;
+}
+.nice-select.wide .nice-select-dropdown {
+  left: 0 !important;
+  right: 0 !important;
+}
+.nice-select.right {
+  float: right;
+}
+.nice-select.right .nice-select-dropdown {
+  left: auto;
+  right: 0;
+}
+.nice-select.small {
+  font-size: 12px;
+  height: 36px;
+  line-height: 34px;
+}
+.nice-select.small:after {
+  height: 4px;
+  width: 4px;
+}
+.nice-select.small .option {
+  line-height: 34px;
+  min-height: 34px;
+}
+.nice-select .nice-select-dropdown {
+  margin-top: 4px;
+  background-color: #fff;
+  border-radius: 5px;
+  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
+  pointer-events: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  transform-origin: 50% 0;
+  transform: scale(0.75) translateY(19px);
+  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+  z-index: 9;
+  opacity: 0;
+}
+.nice-select .list {
+  border-radius: 5px;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding: 0;
+  max-height: 210px;
+  overflow-y: auto;
+}
+.nice-select .list:hover .option:not(:hover) {
+  background-color: rgba(0, 0, 0, 0) !important;
+}
+.nice-select .option {
+  cursor: pointer;
+  font-weight: 400;
+  line-height: 40px;
+  list-style: none;
+  outline: none;
+  padding-left: 18px;
+  padding-right: 29px;
+  text-align: left;
+  transition: all 0.2s;
+}
+.nice-select .option:hover,
+.nice-select .option.focus,
+.nice-select .option.selected.focus {
+  background-color: #f6f6f6;
+}
+.nice-select .option.selected {
+  font-weight: bold;
+}
+.nice-select .option.disabled {
+  background-color: rgba(0, 0, 0, 0);
+  color: #999;
+  cursor: default;
+}
+.nice-select .optgroup {
+  font-weight: bold;
+}
+.no-csspointerevents .nice-select .nice-select-dropdown {
+  display: none;
+}
+.no-csspointerevents .nice-select.open .nice-select-dropdown {
+  display: block;
+}
+
+.nice-select .has-multiple {
+  white-space: inherit;
+  height: auto;
+  padding: 7px 12px;
+  min-height: 36px;
+  line-height: 22px;
+}
+.nice-select .has-multiple span.current {
+  border: 1px solid #ccc;
+  background: #eee;
+  padding: 0 10px;
+  border-radius: 3px;
+  display: inline-block;
+  line-height: 24px;
+  font-size: 14px;
+  margin-bottom: 3px;
+  margin-right: 3px;
+}
+.nice-select .has-multiple .multiple-options {
+  display: block;
+  line-height: 24px;
+  padding: 0;
+}
+.nice-select .nice-select-search-box {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 5px;
+  pointer-events: none;
+  border-radius: 5px 5px 0 0;
+}
+.nice-select .nice-select-search {
+  box-sizing: border-box;
+  background-color: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 3px;
+  color: #444;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 7px 12px;
+  margin: 0 10px 0 0;
+  width: 100%;
+  min-height: 36px;
+  line-height: 22px;
+  height: auto;
+  outline: 0 !important;
+  font-size: 14px;
+}
diff --git a/quarter-rtl/assets/css/style.css b/quarter-rtl/assets/css/style.css
new file mode 100644
index 0000000..f50c282
--- /dev/null
+++ b/quarter-rtl/assets/css/style.css
@@ -0,0 +1,8397 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
+
+/*
+    Template Name: Quarter
+    Description: Real Estate HTML Template
+    Version: 1.0.0
+    Author: Kamrul Hasan
+    Email:786hasankamrul96@gmail.com
+*/
+
+/* ============================================================
+>>> TABLE OF CONTENTS:
+===============================================================
+# Google fonts
+# tailwind directives 
+# vaiables
+# default style
+# Typography
+# header 
+# banner 
+# scrollbar
+# swiper slider
+# accordion
+# nice select 
+#  nice checkbox 
+# range
+# service cards
+# tab
+# popup gallery 
+# scroll up
+# brands
+# Google Map Locations
+# Price Filter Widget 
+# responsiveness
+============================================================= */
+
+/*============= Google fonts ============*/
+
+/*============= tailwind directives ============*/
+
+/*
+    ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: currentColor;
+  /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4;
+  /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
+  -webkit-tap-highlight-color: transparent;
+  /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  /* 1 */
+  font-feature-settings: normal;
+  /* 2 */
+  font-variation-settings: normal;
+  /* 3 */
+  font-size: 1em;
+  /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  font-weight: inherit;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
+*, ::before, ::after{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+::backdrop{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+.container{
+  max-width: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+  margin: 0px auto;
+}
+
+@media (min-width: 576px){
+  .container{
+    max-width: 33.75rem;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 45rem;
+  }
+}
+
+@media (min-width: 992px){
+  .container{
+    max-width: 60rem;
+  }
+}
+
+@media (min-width: 1200px){
+  .container{
+    max-width: 75rem;
+  }
+}
+
+.container-3{
+  max-width: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+@media (min-width: 1400px){
+  .container-3{
+    padding-left: 2%;
+    padding-right: 2%;
+  }
+}
+
+@media (min-width: 1600px){
+  .container-3{
+    padding-left: 7%;
+    padding-right: 7%;
+  }
+}
+
+.visible{
+  visibility: visible;
+}
+
+.invisible{
+  visibility: hidden;
+}
+
+.collapse{
+  visibility: collapse;
+}
+
+.static{
+  position: static;
+}
+
+.fixed{
+  position: fixed;
+}
+
+.absolute{
+  position: absolute;
+}
+
+.relative{
+  position: relative;
+}
+
+.sticky{
+  position: sticky;
+}
+
+.\!-bottom-\[6px\]{
+  bottom: -6px !important;
+}
+
+.-bottom-2{
+  bottom: -0.5rem;
+}
+
+.-bottom-\[100px\]{
+  bottom: -100px;
+}
+
+.-left-2{
+  left: -0.5rem;
+}
+
+.-left-3{
+  left: -0.75rem;
+}
+
+.-left-\[300px\]{
+  left: -300px;
+}
+
+.-right-3{
+  right: -0.75rem;
+}
+
+.-right-\[300px\]{
+  right: -300px;
+}
+
+.-top-1{
+  top: -0.25rem;
+}
+
+.-top-3{
+  top: -0.75rem;
+}
+
+.-top-\[15px\]{
+  top: -15px;
+}
+
+.bottom-0{
+  bottom: 0px;
+}
+
+.bottom-20{
+  bottom: 5rem;
+}
+
+.bottom-\[-30px\]{
+  bottom: -30px;
+}
+
+.bottom-\[100px\]{
+  bottom: 100px;
+}
+
+.bottom-\[10px\]{
+  bottom: 10px;
+}
+
+.bottom-\[30px\]{
+  bottom: 30px;
+}
+
+.bottom-\[50px\]{
+  bottom: 50px;
+}
+
+.bottom-\[5px\]{
+  bottom: 5px;
+}
+
+.bottom-\[70px\]{
+  bottom: 70px;
+}
+
+.left-0{
+  left: 0px;
+}
+
+.left-1\/2{
+  left: 50%;
+}
+
+.left-3{
+  left: 0.75rem;
+}
+
+.left-4{
+  left: 1rem;
+}
+
+.left-5{
+  left: 1.25rem;
+}
+
+.left-7{
+  left: 1.75rem;
+}
+
+.left-\[10px\]{
+  left: 10px;
+}
+
+.left-\[11px\]{
+  left: 11px;
+}
+
+.left-\[18px\]{
+  left: 18px;
+}
+
+.left-\[3\%\]{
+  left: 3%;
+}
+
+.left-\[30px\]{
+  left: 30px;
+}
+
+.left-\[50px\]{
+  left: 50px;
+}
+
+.left-\[60px\]{
+  left: 60px;
+}
+
+.left-full{
+  left: 100%;
+}
+
+.right-0{
+  right: 0px;
+}
+
+.right-1\/2{
+  right: 50%;
+}
+
+.right-3{
+  right: 0.75rem;
+}
+
+.right-4{
+  right: 1rem;
+}
+
+.right-5{
+  right: 1.25rem;
+}
+
+.right-7{
+  right: 1.75rem;
+}
+
+.right-\[10px\]{
+  right: 10px;
+}
+
+.right-\[11px\]{
+  right: 11px;
+}
+
+.right-\[15px\]{
+  right: 15px;
+}
+
+.right-\[18px\]{
+  right: 18px;
+}
+
+.right-\[3\%\]{
+  right: 3%;
+}
+
+.right-\[30px\]{
+  right: 30px;
+}
+
+.right-\[50px\]{
+  right: 50px;
+}
+
+.right-\[60px\]{
+  right: 60px;
+}
+
+.right-full{
+  right: 100%;
+}
+
+.top-0{
+  top: 0px;
+}
+
+.top-1\/2{
+  top: 50%;
+}
+
+.top-10{
+  top: 2.5rem;
+}
+
+.top-4{
+  top: 1rem;
+}
+
+.top-\[11px\]{
+  top: 11px;
+}
+
+.top-\[15\%\]{
+  top: 15%;
+}
+
+.top-\[15px\]{
+  top: 15px;
+}
+
+.top-\[30px\]{
+  top: 30px;
+}
+
+.top-\[45\%\]{
+  top: 45%;
+}
+
+.top-full{
+  top: 100%;
+}
+
+.-z-1{
+  z-index: -1;
+}
+
+.-z-\[2\]{
+  z-index: -2;
+}
+
+.z-0{
+  z-index: 0;
+}
+
+.z-1{
+  z-index: 1;
+}
+
+.z-10{
+  z-index: 10;
+}
+
+.z-20{
+  z-index: 20;
+}
+
+.z-high{
+  z-index: 99999999;
+}
+
+.z-small{
+  z-index: 999999;
+}
+
+.z-xl{
+  z-index: 999999999;
+}
+
+.z-xsmall{
+  z-index: 99999;
+}
+
+.z-xxl{
+  z-index: 9999999999;
+}
+
+.float-right{
+  float: right;
+}
+
+.float-left{
+  float: left;
+}
+
+.clear-both{
+  clear: both;
+}
+
+.m-2{
+  margin: 0.5rem;
+}
+
+.m-5{
+  margin: 1.25rem;
+}
+
+.-mx-15px{
+  margin-left: -.9375rem;
+  margin-right: -.9375rem;
+}
+
+.mx-15px{
+  margin-left: .9375rem;
+  margin-right: .9375rem;
+}
+
+.mx-5{
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.mx-auto{
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-30px{
+  margin-top: 1.875rem;
+  margin-bottom: 1.875rem;
+}
+
+.my-5{
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.my-50px{
+  margin-top: 3.125rem;
+  margin-bottom: 3.125rem;
+}
+
+.my-6{
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.\!-ml-1{
+  margin-left: -0.25rem !important;
+}
+
+.\!-ml-1\.5{
+  margin-left: -0.375rem !important;
+}
+
+.-mb-1{
+  margin-bottom: -0.25rem;
+}
+
+.-mb-10px{
+  margin-bottom: -.625rem;
+}
+
+.-mb-\[180px\]{
+  margin-bottom: -180px;
+}
+
+.-ml-0{
+  margin-left: -0px;
+}
+
+.-ml-0\.5{
+  margin-left: -0.125rem;
+}
+
+.-mt-0{
+  margin-top: -0px;
+}
+
+.-mt-0\.5{
+  margin-top: -0.125rem;
+}
+
+.-mt-3{
+  margin-top: -0.75rem;
+}
+
+.-mt-60px{
+  margin-top: -3.75rem;
+}
+
+.-mt-\[2px\]{
+  margin-top: -2px;
+}
+
+.mb-0{
+  margin-bottom: 0px;
+}
+
+.mb-0\.5{
+  margin-bottom: 0.125rem;
+}
+
+.mb-1{
+  margin-bottom: 0.25rem;
+}
+
+.mb-1\.5{
+  margin-bottom: 0.375rem;
+}
+
+.mb-10{
+  margin-bottom: 2.5rem;
+}
+
+.mb-10px{
+  margin-bottom: .625rem;
+}
+
+.mb-15px{
+  margin-bottom: .9375rem;
+}
+
+.mb-2{
+  margin-bottom: 0.5rem;
+}
+
+.mb-20{
+  margin-bottom: 5rem;
+}
+
+.mb-22px{
+  margin-bottom: 1.375rem;
+}
+
+.mb-25px{
+  margin-bottom: 1.5625rem;
+}
+
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
+.mb-30{
+  margin-bottom: 7.5rem;
+}
+
+.mb-30px{
+  margin-bottom: 1.875rem;
+}
+
+.mb-35px{
+  margin-bottom: 2.1875rem;
+}
+
+.mb-4{
+  margin-bottom: 1rem;
+}
+
+.mb-45px{
+  margin-bottom: 2.8125rem;
+}
+
+.mb-5{
+  margin-bottom: 1.25rem;
+}
+
+.mb-50px{
+  margin-bottom: 3.125rem;
+}
+
+.mb-5px{
+  margin-bottom: .3125rem;
+}
+
+.mb-6{
+  margin-bottom: 1.5rem;
+}
+
+.mb-60px{
+  margin-bottom: 3.75rem;
+}
+
+.mb-65px{
+  margin-bottom: 4.0625rem;
+}
+
+.mb-6px{
+  margin-bottom: .375rem;
+}
+
+.mb-8{
+  margin-bottom: 2rem;
+}
+
+.mb-9{
+  margin-bottom: 2.25rem;
+}
+
+.ml-0{
+  margin-left: 0px;
+}
+
+.ml-1{
+  margin-left: 0.25rem;
+}
+
+.ml-10px{
+  margin-left: .625rem;
+}
+
+.ml-15px{
+  margin-left: .9375rem;
+}
+
+.ml-2{
+  margin-left: 0.5rem;
+}
+
+.ml-25px{
+  margin-left: 1.5625rem;
+}
+
+.ml-3{
+  margin-left: 0.75rem;
+}
+
+.ml-4{
+  margin-left: 1rem;
+}
+
+.ml-43px{
+  margin-left: 2.6875rem;
+}
+
+.ml-5{
+  margin-left: 1.25rem;
+}
+
+.mr-0{
+  margin-right: 0px;
+}
+
+.mr-0\.5{
+  margin-right: 0.125rem;
+}
+
+.mr-1{
+  margin-right: 0.25rem;
+}
+
+.mr-10px{
+  margin-right: .625rem;
+}
+
+.mr-15px{
+  margin-right: .9375rem;
+}
+
+.mr-2{
+  margin-right: 0.5rem;
+}
+
+.mr-25px{
+  margin-right: 1.5625rem;
+}
+
+.mr-3{
+  margin-right: 0.75rem;
+}
+
+.mr-43px{
+  margin-right: 2.6875rem;
+}
+
+.mr-5{
+  margin-right: 1.25rem;
+}
+
+.mr-5px{
+  margin-right: .3125rem;
+}
+
+.mt-0{
+  margin-top: 0px;
+}
+
+.mt-0\.5{
+  margin-top: 0.125rem;
+}
+
+.mt-1{
+  margin-top: 0.25rem;
+}
+
+.mt-1\.5{
+  margin-top: 0.375rem;
+}
+
+.mt-10px{
+  margin-top: .625rem;
+}
+
+.mt-150px{
+  margin-top: 9.375rem;
+}
+
+.mt-15px{
+  margin-top: .9375rem;
+}
+
+.mt-2{
+  margin-top: 0.5rem;
+}
+
+.mt-20{
+  margin-top: 5rem;
+}
+
+.mt-25px{
+  margin-top: 1.5625rem;
+}
+
+.mt-30{
+  margin-top: 7.5rem;
+}
+
+.mt-30px{
+  margin-top: 1.875rem;
+}
+
+.mt-4{
+  margin-top: 1rem;
+}
+
+.mt-5{
+  margin-top: 1.25rem;
+}
+
+.mt-50px{
+  margin-top: 3.125rem;
+}
+
+.mt-6{
+  margin-top: 1.5rem;
+}
+
+.mt-95px{
+  margin-top: 5.9375rem;
+}
+
+.mt-\[100px\]{
+  margin-top: 100px;
+}
+
+.box-border{
+  box-sizing: border-box;
+}
+
+.box-content{
+  box-sizing: content-box;
+}
+
+.block{
+  display: block;
+}
+
+.inline-block{
+  display: inline-block;
+}
+
+.inline{
+  display: inline;
+}
+
+.flex{
+  display: flex;
+}
+
+.table{
+  display: table;
+}
+
+.grid{
+  display: grid;
+}
+
+.contents{
+  display: contents;
+}
+
+.hidden{
+  display: none;
+}
+
+.h-0{
+  height: 0px;
+}
+
+.h-0\.5{
+  height: 0.125rem;
+}
+
+.h-1{
+  height: 0.25rem;
+}
+
+.h-10{
+  height: 2.5rem;
+}
+
+.h-140px{
+  height: 8.75rem;
+}
+
+.h-20{
+  height: 5rem;
+}
+
+.h-30px{
+  height: 1.875rem;
+}
+
+.h-350px{
+  height: 21.875rem;
+}
+
+.h-360px{
+  height: 22.5rem;
+}
+
+.h-4{
+  height: 1rem;
+}
+
+.h-45px{
+  height: 2.8125rem;
+}
+
+.h-5{
+  height: 1.25rem;
+}
+
+.h-50px{
+  height: 3.125rem;
+}
+
+.h-60px{
+  height: 3.75rem;
+}
+
+.h-65px{
+  height: 4.0625rem;
+}
+
+.h-8{
+  height: 2rem;
+}
+
+.h-80{
+  height: 20rem;
+}
+
+.h-9{
+  height: 2.25rem;
+}
+
+.h-\[560px\]{
+  height: 560px;
+}
+
+.h-\[70px\]{
+  height: 70px;
+}
+
+.h-\[800px\]{
+  height: 800px;
+}
+
+.h-auto{
+  height: auto;
+}
+
+.h-full{
+  height: 100%;
+}
+
+.max-h-\[calc\(100\%-\(360px\)\)\]{
+  max-height: calc(100% - (360px));
+}
+
+.min-h-80{
+  min-height: 20rem;
+}
+
+.min-h-\[150px\]{
+  min-height: 150px;
+}
+
+.min-h-\[300px\]{
+  min-height: 300px;
+}
+
+.min-h-\[400px\]{
+  min-height: 400px;
+}
+
+.min-h-screen{
+  min-height: 100vh;
+}
+
+.w-0{
+  width: 0px;
+}
+
+.w-10{
+  width: 2.5rem;
+}
+
+.w-100px{
+  width: 6.25rem;
+}
+
+.w-125px{
+  width: 7.8125rem;
+}
+
+.w-130px{
+  width: 8.125rem;
+}
+
+.w-14{
+  width: 3.5rem;
+}
+
+.w-140px{
+  width: 8.75rem;
+}
+
+.w-150px{
+  width: 9.375rem;
+}
+
+.w-15px{
+  width: .9375rem;
+}
+
+.w-20{
+  width: 5rem;
+}
+
+.w-250px{
+  width: 15.625rem;
+}
+
+.w-300px{
+  width: 18.75rem;
+}
+
+.w-30px{
+  width: 1.875rem;
+}
+
+.w-4{
+  width: 1rem;
+}
+
+.w-45px{
+  width: 2.8125rem;
+}
+
+.w-5{
+  width: 1.25rem;
+}
+
+.w-50{
+  width: 12.5rem;
+}
+
+.w-50px{
+  width: 3.125rem;
+}
+
+.w-60px{
+  width: 3.75rem;
+}
+
+.w-70px{
+  width: 4.375rem;
+}
+
+.w-8{
+  width: 2rem;
+}
+
+.w-80{
+  width: 20rem;
+}
+
+.w-9{
+  width: 2.25rem;
+}
+
+.w-\[10px\]{
+  width: 10px;
+}
+
+.w-\[270px\]{
+  width: 270px;
+}
+
+.w-\[426px\]{
+  width: 426px;
+}
+
+.w-\[48\%\]{
+  width: 48%;
+}
+
+.w-\[68px\]{
+  width: 68px;
+}
+
+.w-\[85px\]{
+  width: 85px;
+}
+
+.w-\[880px\]{
+  width: 880px;
+}
+
+.w-\[95px\]{
+  width: 95px;
+}
+
+.w-dropdown{
+  width: 14.375rem;
+}
+
+.w-full{
+  width: 100%;
+}
+
+.w-screen{
+  width: 100vw;
+}
+
+.min-w-\[110px\]{
+  min-width: 110px;
+}
+
+.min-w-\[120px\]{
+  min-width: 120px;
+}
+
+.min-w-\[500px\]{
+  min-width: 500px;
+}
+
+.max-w-350px{
+  max-width: 21.875rem;
+}
+
+.max-w-450px{
+  max-width: 28.125rem;
+}
+
+.max-w-500px{
+  max-width: 31.25rem;
+}
+
+.max-w-\[130px\]{
+  max-width: 130px;
+}
+
+.max-w-\[2126px\]{
+  max-width: 2126px;
+}
+
+.max-w-\[255px\]{
+  max-width: 255px;
+}
+
+.max-w-\[27\%\]{
+  max-width: 27%;
+}
+
+.max-w-\[34\%\]{
+  max-width: 34%;
+}
+
+.max-w-\[400px\]{
+  max-width: 400px;
+}
+
+.max-w-\[460px\]{
+  max-width: 460px;
+}
+
+.max-w-\[550px\]{
+  max-width: 550px;
+}
+
+.max-w-\[95\%\]{
+  max-width: 95%;
+}
+
+.max-w-full{
+  max-width: 100%;
+}
+
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+
+.flex-grow{
+  flex-grow: 1;
+}
+
+.basis-1\/2{
+  flex-basis: 50%;
+}
+
+.basis-\[42px\]{
+  flex-basis: 42px;
+}
+
+.basis-full{
+  flex-basis: 100%;
+}
+
+.table-fixed{
+  table-layout: fixed;
+}
+
+.border-collapse{
+  border-collapse: collapse;
+}
+
+.\!-translate-y-1{
+  --tw-translate-y: -0.25rem !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+
+.\!-translate-y-1\.5{
+  --tw-translate-y: -0.375rem !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+
+.-translate-x-1\/2{
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-x-3{
+  --tw-translate-x: -0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-x-5{
+  --tw-translate-x: -1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-y-1\/2{
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-y-20{
+  --tw-translate-y: -5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-1\/2{
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-3{
+  --tw-translate-x: 0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-5{
+  --tw-translate-x: 1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-1{
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-1\/2{
+  --tw-translate-y: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-2{
+  --tw-translate-y: 0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-4{
+  --tw-translate-y: 1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-\[5px\]{
+  --tw-translate-y: 5px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-rotate-\[45deg\]{
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-90{
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-\[45deg\]{
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform{
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+@keyframes pulse1{
+  0%{
+    box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
+  }
+
+  70%{
+    box-shadow: 0 0 0 15px rgba(255,255,255, 0);
+  }
+
+  100%{
+    box-shadow: 0 0 0 0 rgba(255,255,255, 0);
+  }
+}
+
+.animate-pulse1{
+  animation: pulse1 1s infinite;
+}
+
+@keyframes pulse2{
+  0%{
+    box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
+  }
+
+  70%{
+    box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
+  }
+
+  100%{
+    box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
+  }
+}
+
+.animate-pulse2{
+  animation: pulse2 1s infinite;
+}
+
+.cursor-default{
+  cursor: default;
+}
+
+.cursor-pointer{
+  cursor: pointer;
+}
+
+.cursor-zoom-out{
+  cursor: zoom-out;
+}
+
+.resize{
+  resize: both;
+}
+
+.grid-cols-1{
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2{
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-4{
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.flex-row{
+  flex-direction: row;
+}
+
+.flex-row-reverse{
+  flex-direction: row-reverse;
+}
+
+.flex-col{
+  flex-direction: column;
+}
+
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
+.flex-wrap{
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse{
+  flex-wrap: wrap-reverse;
+}
+
+.items-start{
+  align-items: flex-start;
+}
+
+.items-end{
+  align-items: flex-end;
+}
+
+.items-center{
+  align-items: center;
+}
+
+.items-stretch{
+  align-items: stretch;
+}
+
+.justify-start{
+  justify-content: flex-start;
+}
+
+.justify-end{
+  justify-content: flex-end;
+}
+
+.justify-center{
+  justify-content: center;
+}
+
+.justify-between{
+  justify-content: space-between;
+}
+
+.gap-1{
+  gap: 0.25rem;
+}
+
+.gap-10px{
+  gap: 10px;
+}
+
+.gap-15px{
+  gap: .9375rem;
+}
+
+.gap-18px{
+  gap: 1.125rem;
+}
+
+.gap-25px{
+  gap: 1.5625rem;
+}
+
+.gap-3{
+  gap: 0.75rem;
+}
+
+.gap-30px{
+  gap: 1.875rem;
+}
+
+.gap-4{
+  gap: 1rem;
+}
+
+.gap-5{
+  gap: 1.25rem;
+}
+
+.gap-50px{
+  gap: 3.125rem;
+}
+
+.gap-5px{
+  gap: .3125rem;
+}
+
+.gap-6{
+  gap: 1.5rem;
+}
+
+.gap-x-10px{
+  -moz-column-gap: 10px;
+       column-gap: 10px;
+}
+
+.gap-x-15px{
+  -moz-column-gap: .9375rem;
+       column-gap: .9375rem;
+}
+
+.gap-x-2{
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.gap-x-25px{
+  -moz-column-gap: 1.5625rem;
+       column-gap: 1.5625rem;
+}
+
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-x-30px{
+  -moz-column-gap: 1.875rem;
+       column-gap: 1.875rem;
+}
+
+.gap-x-5{
+  -moz-column-gap: 1.25rem;
+       column-gap: 1.25rem;
+}
+
+.gap-x-\[18px\]{
+  -moz-column-gap: 18px;
+       column-gap: 18px;
+}
+
+.gap-y-1{
+  row-gap: 0.25rem;
+}
+
+.gap-y-10{
+  row-gap: 2.5rem;
+}
+
+.gap-y-10px{
+  row-gap: 10px;
+}
+
+.gap-y-15px{
+  row-gap: .9375rem;
+}
+
+.gap-y-3{
+  row-gap: 0.75rem;
+}
+
+.gap-y-30px{
+  row-gap: 1.875rem;
+}
+
+.gap-y-4{
+  row-gap: 1rem;
+}
+
+.gap-y-5{
+  row-gap: 1.25rem;
+}
+
+.gap-y-50px{
+  row-gap: 3.125rem;
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.space-y-5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+
+.space-y-\[15px\] > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(15px * var(--tw-space-y-reverse));
+}
+
+.overflow-auto{
+  overflow: auto;
+}
+
+.overflow-hidden{
+  overflow: hidden;
+}
+
+.\!overflow-visible{
+  overflow: visible !important;
+}
+
+.overflow-visible{
+  overflow: visible;
+}
+
+.overflow-y-auto{
+  overflow-y: auto;
+}
+
+.overflow-x-hidden{
+  overflow-x: hidden;
+}
+
+.hyphens-none{
+  -webkit-hyphens: none;
+          hyphens: none;
+}
+
+.whitespace-normal{
+  white-space: normal;
+}
+
+.whitespace-nowrap{
+  white-space: nowrap;
+}
+
+.text-nowrap{
+  text-wrap: nowrap;
+}
+
+.rounded-100\%{
+  border-radius: 100%;
+}
+
+.rounded-10px{
+  border-radius: .625rem;
+}
+
+.rounded-\[25px\]{
+  border-radius: 25px;
+}
+
+.rounded-full{
+  border-radius: 9999px;
+}
+
+.rounded-lg{
+  border-radius: 0.5rem;
+}
+
+.rounded-none{
+  border-radius: 0px;
+}
+
+.rounded-sm{
+  border-radius: 0.125rem;
+}
+
+.border{
+  border-width: 1px;
+}
+
+.border-0{
+  border-width: 0px;
+}
+
+.border-2{
+  border-width: 2px;
+}
+
+.border-3px{
+  border-width: 3px;
+}
+
+.border-8{
+  border-width: 8px;
+}
+
+.border-\[7px\]{
+  border-width: 7px;
+}
+
+.border-y{
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+
+.border-b{
+  border-bottom-width: 1px;
+}
+
+.border-b-0{
+  border-bottom-width: 0px;
+}
+
+.border-b-2{
+  border-bottom-width: 2px;
+}
+
+.border-l{
+  border-left-width: 1px;
+}
+
+.border-l-0{
+  border-left-width: 0px;
+}
+
+.border-l-2{
+  border-left-width: 2px;
+}
+
+.border-l-4{
+  border-left-width: 4px;
+}
+
+.border-r{
+  border-right-width: 1px;
+}
+
+.border-r-0{
+  border-right-width: 0px;
+}
+
+.border-r-2{
+  border-right-width: 2px;
+}
+
+.border-r-4{
+  border-right-width: 4px;
+}
+
+.border-t{
+  border-top-width: 1px;
+}
+
+.border-t-0{
+  border-top-width: 0px;
+}
+
+.border-t-\[5px\]{
+  border-top-width: 5px;
+}
+
+.\!border-dashed{
+  border-style: dashed !important;
+}
+
+.border-black{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-border-color-1{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 234 238 / var(--tw-border-opacity));
+}
+
+.border-border-color-10{
+  --tw-border-opacity: 1;
+  border-color: rgb(235 238 238 / var(--tw-border-opacity));
+}
+
+.border-border-color-11{
+  --tw-border-opacity: 1;
+  border-color: rgb(237 237 237 / var(--tw-border-opacity));
+}
+
+.border-border-color-12{
+  --tw-border-opacity: 1;
+  border-color: rgb(225 230 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-13{
+  --tw-border-opacity: 1;
+  border-color: rgb(241 248 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-14{
+  --tw-border-opacity: 1;
+  border-color: rgb(87 100 102 / var(--tw-border-opacity));
+}
+
+.border-border-color-15{
+  --tw-border-opacity: 1;
+  border-color: rgb(244 250 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-16{
+  --tw-border-opacity: 1;
+  border-color: rgb(147 149 158 / var(--tw-border-opacity));
+}
+
+.border-border-color-17{
+  --tw-border-opacity: 1;
+  border-color: rgb(222 226 230 / var(--tw-border-opacity));
+}
+
+.border-border-color-18{
+  --tw-border-opacity: 1;
+  border-color: rgb(32 51 54 / var(--tw-border-opacity));
+}
+
+.border-border-color-3{
+  --tw-border-opacity: 1;
+  border-color: rgb(92 97 127 / var(--tw-border-opacity));
+}
+
+.border-border-color-8{
+  --tw-border-opacity: 1;
+  border-color: rgb(246 246 246 / var(--tw-border-opacity));
+}
+
+.border-border-color-9{
+  --tw-border-opacity: 1;
+  border-color: rgb(228 236 242 / var(--tw-border-opacity));
+}
+
+.border-border-dashed{
+  --tw-border-opacity: 1;
+  border-color: rgb(221 221 221 / var(--tw-border-opacity));
+}
+
+.border-border-primary{
+  --tw-border-opacity: 1;
+  border-color: rgb(238 238 238 / var(--tw-border-opacity));
+}
+
+.border-primary-color{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-secondary-color{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.border-section-bg-1{
+  --tw-border-opacity: 1;
+  border-color: rgb(242 246 247 / var(--tw-border-opacity));
+}
+
+.border-transparent{
+  border-color: transparent;
+}
+
+.border-white{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.border-white-4{
+  --tw-border-opacity: 1;
+  border-color: rgb(230 236 240 / var(--tw-border-opacity));
+}
+
+.border-white-5{
+  --tw-border-opacity: 1;
+  border-color: rgb(240 244 247 / var(--tw-border-opacity));
+}
+
+.border-white-6{
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity));
+}
+
+.border-opacity-20{
+  --tw-border-opacity: 0.2;
+}
+
+.border-opacity-25{
+  --tw-border-opacity: 0.25;
+}
+
+.bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-color-6{
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 223 220 / var(--tw-bg-opacity));
+}
+
+.bg-gray1{
+  --tw-bg-opacity: 1;
+  background-color: rgb(126 126 126 / var(--tw-bg-opacity));
+}
+
+.bg-green{
+  --tw-bg-opacity: 1;
+  background-color: rgb(119 199 32 / var(--tw-bg-opacity));
+}
+
+.bg-heading-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.bg-lightBlack{
+  background-color: rgba(0,0,0,.7);
+}
+
+.bg-orange{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 165 0 / var(--tw-bg-opacity));
+}
+
+.bg-overlay{
+  background-color: rgba(7, 28, 31, 0.6);
+}
+
+.bg-overlay-primary{
+  --tw-bg-opacity: 1;
+  background-color: rgba(7, 28, 31, var(--tw-bg-opacity));
+}
+
+.bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-primary-color-3{
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 50 54 / var(--tw-bg-opacity));
+}
+
+.bg-secondary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.bg-secondary-color-2{
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-1{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-2{
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 27 42 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-5{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 242 240 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-6{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 44 61 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-7{
+  --tw-bg-opacity: 1;
+  background-color: rgb(40 43 56 / var(--tw-bg-opacity));
+}
+
+.bg-table-bg{
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
+}
+
+.bg-transparent{
+  background-color: transparent;
+}
+
+.bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-white-5{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 244 247 / var(--tw-bg-opacity));
+}
+
+.bg-opacity-10{
+  --tw-bg-opacity: 0.1;
+}
+
+.bg-opacity-100{
+  --tw-bg-opacity: 1;
+}
+
+.bg-opacity-30{
+  --tw-bg-opacity: 0.3;
+}
+
+.bg-opacity-5{
+  --tw-bg-opacity: 0.05;
+}
+
+.bg-opacity-75{
+  --tw-bg-opacity: 0.75;
+}
+
+.bg-opacity-90{
+  --tw-bg-opacity: 0.9;
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/13\.jpg\'\)\]{
+  background-image: url('../img/bg/13.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/14\.jpg\'\)\]{
+  background-image: url('../img/bg/14.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/15\.jpg\'\)\]{
+  background-image: url('../img/bg/15.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/19\.jpg\'\)\]{
+  background-image: url('../img/bg/19.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/20\.jpg\'\)\]{
+  background-image: url('../img/bg/20.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/22\.jpg\'\)\]{
+  background-image: url('../img/bg/22.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/23\.jpg\'\)\]{
+  background-image: url('../img/bg/23.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/6\.jpg\'\)\]{
+  background-image: url('../img/bg/6.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/7\.jpg\'\)\]{
+  background-image: url('../img/bg/7.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/8\.jpg\'\)\]{
+  background-image: url('../img/bg/8.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/blog\/2\.jpg\'\)\]{
+  background-image: url('../img/blog/2.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/blog\/3\.jpg\'\)\]{
+  background-image: url('../img/blog/3.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/2\.jpg\'\)\]{
+  background-image: url('../img/gallery/2.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/3\.jpg\'\)\]{
+  background-image: url('../img/gallery/3.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/7\.jpg\'\)\]{
+  background-image: url('../img/gallery/7.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/8\.jpg\'\)\]{
+  background-image: url('../img/gallery/8.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/9\.jpg\'\)\]{
+  background-image: url('../img/gallery/9.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/others\/5\.jpg\'\)\]{
+  background-image: url('../img/others/5.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/11\.jpg\'\)\]{
+  background-image: url('../img/slider/11.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/111\.jpeg\'\)\]{
+  background-image: url('../img/slider/111.jpeg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/12\.jpg\'\)\]{
+  background-image: url('../img/slider/12.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/13\.jpg\'\)\]{
+  background-image: url('../img/slider/13.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/14\.jpg\'\)\]{
+  background-image: url('../img/slider/14.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/52\.jpg\'\)\]{
+  background-image: url('../img/slider/52.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/62\.jpg\'\)\]{
+  background-image: url('../img/slider/62.jpg');
+}
+
+.bg-gradient-color-2{
+  background-image: linear-gradient(to top, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
+}
+
+.bg-gradient-color-3{
+  background-image: linear-gradient(to bottom, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
+}
+
+.bg-gradient-color-5{
+  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%);
+}
+
+.bg-cover{
+  background-size: cover;
+}
+
+.bg-fixed{
+  background-attachment: fixed;
+}
+
+.bg-center{
+  background-position: center;
+}
+
+.bg-top{
+  background-position: top;
+}
+
+.bg-no-repeat{
+  background-repeat: no-repeat;
+}
+
+.object-cover{
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.p-1{
+  padding: 0.25rem;
+}
+
+.p-10{
+  padding: 2.5rem;
+}
+
+.p-10px{
+  padding: .625rem;
+}
+
+.p-15px{
+  padding: .9375rem;
+}
+
+.p-1px{
+  padding: 1px;
+}
+
+.p-2{
+  padding: 0.5rem;
+}
+
+.p-25px{
+  padding: 1.5625rem;
+}
+
+.p-30px{
+  padding: 1.875rem;
+}
+
+.p-35px{
+  padding: 2.1875rem;
+}
+
+.p-5{
+  padding: 1.25rem;
+}
+
+.p-50px{
+  padding: 3.125rem;
+}
+
+.px-0{
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.px-0\.5{
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.px-10{
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.px-10px{
+  padding-left: .625rem;
+  padding-right: .625rem;
+}
+
+.px-15px{
+  padding-left: .9375rem;
+  padding-right: .9375rem;
+}
+
+.px-18px{
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
+}
+
+.px-2{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-22px{
+  padding-left: 1.375rem;
+  padding-right: 1.375rem;
+}
+
+.px-25px{
+  padding-left: 1.5625rem;
+  padding-right: 1.5625rem;
+}
+
+.px-3{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-30px{
+  padding-left: 1.875rem;
+  padding-right: 1.875rem;
+}
+
+.px-35px{
+  padding-left: 2.1875rem;
+  padding-right: 2.1875rem;
+}
+
+.px-3px{
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.px-4{
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-5{
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.px-5px{
+  padding-left: .3125rem;
+  padding-right: .3125rem;
+}
+
+.px-6{
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.px-7px{
+  padding-left: .4375rem;
+  padding-right: .4375rem;
+}
+
+.py-0{
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.py-0\.5{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.py-1{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.py-10{
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.py-100px{
+  padding-top: 6.25rem;
+  padding-bottom: 6.25rem;
+}
+
+.py-10px{
+  padding-top: .625rem;
+  padding-bottom: .625rem;
+}
+
+.py-110px{
+  padding-top: 6.875rem;
+  padding-bottom: 6.875rem;
+}
+
+.py-14px{
+  padding-top: .875rem;
+  padding-bottom: .875rem;
+}
+
+.py-15px{
+  padding-top: .9375rem;
+  padding-bottom: .9375rem;
+}
+
+.py-1px{
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.py-2{
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.py-21px{
+  padding-top: 1.3125rem;
+  padding-bottom: 1.3125rem;
+}
+
+.py-22px{
+  padding-top: 1.375rem;
+  padding-bottom: 1.375rem;
+}
+
+.py-23px{
+  padding-top: 1.4375rem;
+  padding-bottom: 1.4375rem;
+}
+
+.py-25px{
+  padding-top: 1.5625rem;
+  padding-bottom: 1.5625rem;
+}
+
+.py-3{
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-30{
+  padding-top: 7.5rem;
+  padding-bottom: 7.5rem;
+}
+
+.py-30px{
+  padding-top: 1.875rem;
+  padding-bottom: 1.875rem;
+}
+
+.py-35px{
+  padding-top: 2.1875rem;
+  padding-bottom: 2.1875rem;
+}
+
+.py-4{
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-5{
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-50px{
+  padding-top: 3.125rem;
+  padding-bottom: 3.125rem;
+}
+
+.py-5px{
+  padding-top: .3125rem;
+  padding-bottom: .3125rem;
+}
+
+.py-6px{
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.py-7{
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.py-7px{
+  padding-top: .4375rem;
+  padding-bottom: .4375rem;
+}
+
+.pb-0{
+  padding-bottom: 0px;
+}
+
+.pb-0\.5{
+  padding-bottom: 0.125rem;
+}
+
+.pb-1{
+  padding-bottom: 0.25rem;
+}
+
+.pb-10{
+  padding-bottom: 2.5rem;
+}
+
+.pb-100px{
+  padding-bottom: 6.25rem;
+}
+
+.pb-10px{
+  padding-bottom: .625rem;
+}
+
+.pb-110px{
+  padding-bottom: 6.875rem;
+}
+
+.pb-115px{
+  padding-bottom: 7.1875rem;
+}
+
+.pb-140px{
+  padding-bottom: 8.75rem;
+}
+
+.pb-15px{
+  padding-bottom: .9375rem;
+}
+
+.pb-2{
+  padding-bottom: 0.5rem;
+}
+
+.pb-20{
+  padding-bottom: 5rem;
+}
+
+.pb-21px{
+  padding-bottom: 1.3125rem;
+}
+
+.pb-25px{
+  padding-bottom: 1.5625rem;
+}
+
+.pb-3{
+  padding-bottom: 0.75rem;
+}
+
+.pb-30{
+  padding-bottom: 7.5rem;
+}
+
+.pb-30px{
+  padding-bottom: 1.875rem;
+}
+
+.pb-35px{
+  padding-bottom: 2.1875rem;
+}
+
+.pb-4{
+  padding-bottom: 1rem;
+}
+
+.pb-5{
+  padding-bottom: 1.25rem;
+}
+
+.pb-50px{
+  padding-bottom: 3.125rem;
+}
+
+.pb-55px{
+  padding-bottom: 3.4375rem;
+}
+
+.pb-60px{
+  padding-bottom: 3.75rem;
+}
+
+.pb-65px{
+  padding-bottom: 4.0625rem;
+}
+
+.pb-70px{
+  padding-bottom: 4.375rem;
+}
+
+.pb-8{
+  padding-bottom: 2rem;
+}
+
+.pb-90px{
+  padding-bottom: 5.625rem;
+}
+
+.pb-\[104px\]{
+  padding-bottom: 104px;
+}
+
+.pb-\[105px\]{
+  padding-bottom: 105px;
+}
+
+.pb-\[75px\]{
+  padding-bottom: 75px;
+}
+
+.pl-0{
+  padding-left: 0px;
+}
+
+.pl-0\.5{
+  padding-left: 0.125rem;
+}
+
+.pl-1{
+  padding-left: 0.25rem;
+}
+
+.pl-1\.5{
+  padding-left: 0.375rem;
+}
+
+.pl-10px{
+  padding-left: .625rem;
+}
+
+.pl-15px{
+  padding-left: .9375rem;
+}
+
+.pl-25px{
+  padding-left: 1.5625rem;
+}
+
+.pl-30px{
+  padding-left: 1.875rem;
+}
+
+.pl-35px{
+  padding-left: 2.1875rem;
+}
+
+.pl-5{
+  padding-left: 1.25rem;
+}
+
+.pl-50px{
+  padding-left: 3.125rem;
+}
+
+.pl-5px{
+  padding-left: .3125rem;
+}
+
+.pl-7{
+  padding-left: 1.75rem;
+}
+
+.pl-8{
+  padding-left: 2rem;
+}
+
+.pr-0{
+  padding-right: 0px;
+}
+
+.pr-0\.5{
+  padding-right: 0.125rem;
+}
+
+.pr-1{
+  padding-right: 0.25rem;
+}
+
+.pr-1\.5{
+  padding-right: 0.375rem;
+}
+
+.pr-10{
+  padding-right: 2.5rem;
+}
+
+.pr-10px{
+  padding-right: .625rem;
+}
+
+.pr-15px{
+  padding-right: .9375rem;
+}
+
+.pr-18px{
+  padding-right: 1.125rem;
+}
+
+.pr-25px{
+  padding-right: 1.5625rem;
+}
+
+.pr-3{
+  padding-right: 0.75rem;
+}
+
+.pr-30px{
+  padding-right: 1.875rem;
+}
+
+.pr-35px{
+  padding-right: 2.1875rem;
+}
+
+.pr-4{
+  padding-right: 1rem;
+}
+
+.pr-5{
+  padding-right: 1.25rem;
+}
+
+.pr-50px{
+  padding-right: 3.125rem;
+}
+
+.pr-6{
+  padding-right: 1.5rem;
+}
+
+.pr-7{
+  padding-right: 1.75rem;
+}
+
+.pr-8{
+  padding-right: 2rem;
+}
+
+.pt-10{
+  padding-top: 2.5rem;
+}
+
+.pt-100px{
+  padding-top: 6.25rem;
+}
+
+.pt-10px{
+  padding-top: .625rem;
+}
+
+.pt-115px{
+  padding-top: 7.1875rem;
+}
+
+.pt-140px{
+  padding-top: 8.75rem;
+}
+
+.pt-15px{
+  padding-top: .9375rem;
+}
+
+.pt-187px{
+  padding-top: 11.6875rem;
+}
+
+.pt-2{
+  padding-top: 0.5rem;
+}
+
+.pt-20{
+  padding-top: 5rem;
+}
+
+.pt-22px{
+  padding-top: 1.375rem;
+}
+
+.pt-25px{
+  padding-top: 1.5625rem;
+}
+
+.pt-3{
+  padding-top: 0.75rem;
+}
+
+.pt-30{
+  padding-top: 7.5rem;
+}
+
+.pt-300px{
+  padding-top: 18.75rem;
+}
+
+.pt-30px{
+  padding-top: 1.875rem;
+}
+
+.pt-35px{
+  padding-top: 2.1875rem;
+}
+
+.pt-3px{
+  padding-top: 3px;
+}
+
+.pt-4{
+  padding-top: 1rem;
+}
+
+.pt-5{
+  padding-top: 1.25rem;
+}
+
+.pt-50px{
+  padding-top: 3.125rem;
+}
+
+.pt-5px{
+  padding-top: .3125rem;
+}
+
+.pt-60px{
+  padding-top: 3.75rem;
+}
+
+.pt-6px{
+  padding-top: .375rem;
+}
+
+.pt-70px{
+  padding-top: 4.375rem;
+}
+
+.pt-90px{
+  padding-top: 5.625rem;
+}
+
+.pt-\[290px\]{
+  padding-top: 290px;
+}
+
+.text-center{
+  text-align: center;
+}
+
+.text-start{
+  text-align: start;
+}
+
+.text-end{
+  text-align: end;
+}
+
+.font-poppins{
+  font-family: "Poppins", sans-serif;
+}
+
+.text-10px{
+  font-size: .625rem;
+}
+
+.text-11px{
+  font-size: .6875rem;
+}
+
+.text-13px{
+  font-size: .8125rem;
+}
+
+.text-17px{
+  font-size: 1.0625rem;
+}
+
+.text-22px{
+  font-size: 1.375rem;
+}
+
+.text-25px{
+  font-size: 1.5625rem;
+}
+
+.text-26px{
+  font-size: 1.625rem;
+}
+
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-34px{
+  font-size: 2.125rem;
+}
+
+.text-3xl{
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-40px{
+  font-size: 2.5rem;
+}
+
+.text-4xl{
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-50px{
+  font-size: 3.125rem;
+}
+
+.text-65px{
+  font-size: 4.0625rem;
+}
+
+.text-6xl{
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.text-80px{
+  font-size: 5rem;
+}
+
+.text-\[110px\]{
+  font-size: 110px;
+}
+
+.text-\[12\.25px\]{
+  font-size: 12.25px;
+}
+
+.text-\[120px\]{
+  font-size: 120px;
+}
+
+.text-\[12px\]{
+  font-size: 12px;
+}
+
+.text-\[14px\]{
+  font-size: 14px;
+}
+
+.text-\[240px\]{
+  font-size: 240px;
+}
+
+.text-base{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xl{
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.font-bold{
+  font-weight: 700;
+}
+
+.font-extrabold{
+  font-weight: 800;
+}
+
+.font-medium{
+  font-weight: 500;
+}
+
+.font-normal{
+  font-weight: 400;
+}
+
+.font-semibold{
+  font-weight: 600;
+}
+
+.uppercase{
+  text-transform: uppercase;
+}
+
+.capitalize{
+  text-transform: capitalize;
+}
+
+.\!leading-22px{
+  line-height: 1.375rem !important;
+}
+
+.leading-1{
+  line-height: 1;
+}
+
+.leading-1\.2{
+  line-height: 1.2;
+}
+
+.leading-1\.3{
+  line-height: 1.3;
+}
+
+.leading-1\.5{
+  line-height: 1.5;
+}
+
+.leading-1\.8{
+  line-height: 1.8;
+}
+
+.leading-10{
+  line-height: 2.5rem;
+}
+
+.leading-12{
+  line-height: 3rem;
+}
+
+.leading-15px{
+  line-height: .9375rem;
+}
+
+.leading-22px{
+  line-height: 1.375rem;
+}
+
+.leading-23px{
+  line-height: 1.4375rem;
+}
+
+.leading-25px{
+  line-height: 1.5625rem;
+}
+
+.leading-30px{
+  line-height: 1.875rem;
+}
+
+.leading-5{
+  line-height: 1.25rem;
+}
+
+.leading-50px{
+  line-height: 3.125rem;
+}
+
+.leading-60px{
+  line-height: 3.75rem;
+}
+
+.leading-65px{
+  line-height: 4.0625rem;
+}
+
+.leading-9{
+  line-height: 2.25rem;
+}
+
+.leading-\[0\]{
+  line-height: 0;
+}
+
+.leading-\[70px\]{
+  line-height: 70px;
+}
+
+.tracking-\[3px\]{
+  letter-spacing: 3px;
+}
+
+.\!text-white{
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+}
+
+.text-black{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-color-1{
+  --tw-text-opacity: 1;
+  color: rgb(140 178 178 / var(--tw-text-opacity));
+}
+
+.text-color-7{
+  --tw-text-opacity: 1;
+  color: rgb(33 37 41 / var(--tw-text-opacity));
+}
+
+.text-green{
+  --tw-text-opacity: 1;
+  color: rgb(119 199 32 / var(--tw-text-opacity));
+}
+
+.text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.text-paragraph-color{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.text-primary-color{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-ratings{
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity));
+}
+
+.text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.text-white-7{
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.underline{
+  text-decoration-line: underline;
+}
+
+.opacity-0{
+  opacity: 0;
+}
+
+.opacity-10{
+  opacity: 0.1;
+}
+
+.opacity-100{
+  opacity: 1;
+}
+
+.opacity-25{
+  opacity: 0.25;
+}
+
+.opacity-40{
+  opacity: 0.4;
+}
+
+.opacity-50{
+  opacity: 0.5;
+}
+
+.opacity-60{
+  opacity: 0.6;
+}
+
+.shadow{
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-1{
+  --tw-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --tw-shadow-colored: 0 16px 32px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-2{
+  --tw-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-3{
+  --tw-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
+  --tw-shadow-colored: 0 1px 6px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-4{
+  --tw-shadow: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
+  --tw-shadow-colored: 0 5px 20px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-5{
+  --tw-shadow: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
+  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.outline-none{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.outline{
+  outline-style: solid;
+}
+
+.outline-4{
+  outline-width: 4px;
+}
+
+.outline-offset-\[15px\]{
+  outline-offset: 15px;
+}
+
+.outline-border-color-9{
+  outline-color: #e4ecf2;
+}
+
+.blur{
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.invert{
+  --tw-invert: invert(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.transition{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-none{
+  transition-property: none;
+}
+
+.duration-200{
+  transition-duration: 200ms;
+}
+
+.duration-300{
+  transition-duration: 300ms;
+}
+
+.duration-500{
+  transition-duration: 500ms;
+}
+
+.duration-700{
+  transition-duration: 700ms;
+}
+
+/*============= vaiables =============*/
+
+:root {
+  /* colors */
+  --white: #fff;
+  --primary-color: #000000;
+  --secondary-color: #ff5a3c;
+  --color-1: #8cb2b2;
+  --heading-color: #071c1f;
+  --paragraph-color: #5c727d;
+  --heading-font: "Poppins", sans-serif;
+  --body-font: "Nunito Sans", sans-serif;
+  --border-color-1: #e5eaee;
+  --section-bg-1: #f2f6f7;
+  --section-bg-2: #171b2a;
+  --border-color-9: #e4ecf2;
+  /* shadows */
+  --box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
+  --box-shadow-8: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
+  /* position */
+  --left--5:-5px;
+  --left-auto:auto;
+  --left-3-per: 3%;
+  --left-10-per: 10%;
+  --left-15-per: 15%;
+  --left-half: 50%;
+  --right--14:-14px;
+  --right--20:-20px;
+  --right-16:16px;
+  --right-20:20px;
+  --right-100:100px;
+  --right-1-per:1%;
+  --right-3-per:3%;
+  --right-8-per:8%;
+  --right-15-per:15%;
+  --right-half: 50%;
+  /* transform */
+  --x--6: translateX(-6px);
+  --x--10:translateX(-10px);
+  --x--30:translateX(-30px);
+  --x--37:translateX(-37px);
+  --x--40:translateX(-40px);
+  --x--50:translateX(-50px);
+  --x--60:translateX(-60px);
+  --x--half:translateX(-50%);
+  --x-6:translateX(6px);
+  --x-10:translateX(10px);
+  --x-30:translateX(30px);
+  --x-37:translateX(37px);
+  --x-40:translateX(40px);
+  --x-50:translateX(50px);
+  --x-60:translateX(60px);
+  --x-half:translateX(50%);
+  --x-3d-half:translate3d(-50%, -50%, 0);
+}
+
+[dir="rtl"]  {
+  /* position */
+  --left--5:5px;
+  --left-auto:auto;
+  --left-3-per: -3%;
+  --left-10-per: -10%;
+  --left-15-per: -15%;
+  --left-half: -50%;
+  --right--14: 14px;
+  --right--20: 20px;
+  --right-16: -16px;
+  --right-20: -20px;
+  --right-100: -100px;
+  --right-1-per: -1%;
+  --right-3-per: -3%;
+  --right-8-per: -8%;
+  --right-15-per: -15%;
+  --righ-half: -50%;
+  /* transform */
+  --x--6: translateX(6px);
+  --x--10:translateX(10px);
+  --x--30:translateX(30px);
+  --x--37:translateX(37px);
+  --x--40:translateX(40px);
+  --x--50:translateX(50px);
+  --x--60:translateX(60px);
+  --x--half:translateX(50%);
+  --x-6:translateX(-6px);
+  --x-10:translateX(-10px);
+  --x-30:translateX(-30px);
+  --x-37:translateX(-37px);
+  --x-40:translateX(-40px);
+  --x-50:translateX(-50px);
+  --x-60:translateX(-60px);
+  --x-half:translateX(-50%);
+  --x-3d-half:translate3d(50%, -50%, 0);
+}
+
+/*============= default style =============*/
+
+/* typography */
+
+body {
+  color: var(--paragraph-color);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  font-family: var(--body-font);
+  line-height: 1.8;
+  z-index: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--heading-color);
+  clear: both;
+  font-family: var(--heading-font);
+  font-weight: 700;
+  line-height: 1.3;
+  margin-bottom: 15px;
+}
+
+h1 {
+  font-size: 24px;
+}
+
+h2 {
+  font-size: 20px;
+}
+
+h3 {
+  font-size: 18px;
+}
+
+h4 {
+  font-size: 17px;
+}
+
+h5 {
+  font-size: 16px;
+}
+
+h6 {
+  font-size: 14px;
+}
+
+a,
+button,
+input,
+span {
+  display: inline-block;
+}
+
+p {
+  color: var(--paragraph-color);
+  font-size: 14px;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  color: var(--paragraph-color);
+  transition: all 0.3s ease 0s;
+  display: inline-block;
+}
+
+a,
+a:hover,
+a:focus,
+a:active {
+  text-decoration: none;
+  outline: none;
+  color: inherit;
+}
+
+a:hover {
+  color: var(--secondary-color);
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: var(--body-font);
+  transition: all 0.3s ease 0s;
+}
+
+pre,
+code,
+kbd,
+tt,
+var,
+samp {
+  font-family: var(--body-font);
+}
+
+h1 button,
+h2 button,
+h3 button,
+h4 button,
+h5 button,
+h6 button {
+  font-family: var(--heading-font);
+  line-height: 1.5;
+}
+
+pre {
+  word-break: break-word;
+}
+
+a i {
+  padding: 0 2px;
+}
+
+img {
+  max-width: 100%;
+}
+
+/*============= header =============*/
+
+.sticky-header.active {
+  display: none;
+}
+
+.sticky-secondary.active {
+  background: var(--heading-color);
+}
+
+.sticky-header.active .container {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.sticky-secondary.active .container {
+  padding-top: 17px;
+  padding-bottom: 17px;
+}
+
+.sticky-header.active .navbar-container {
+  justify-content: space-between;
+}
+
+.sticky-header.active .header-logo {
+  display: block;
+}
+
+.sticky-header.active .navbar {
+  justify-content: flex-end;
+}
+
+.mobile-menu-container.active .drawer {
+  left: 0;
+}
+
+[dir="rtl"] .mobile-menu-container.active .drawer {
+  right: 0;
+  left: auto;
+}
+
+.cart-container.active .drawer {
+  right: 0;
+}
+
+[dir="rtl"] .cart-container.active .drawer {
+  left: 0;
+  right: auto;
+}
+
+.drawer-container.active .drawer-overlay {
+  opacity: 0.4;
+  visibility: visible;
+  z-index: 999999;
+}
+
+.language::before {
+  content: "\e911";
+  font-size: 14px;
+  position: absolute;
+  top: 36%;
+  right: var(right--14);
+  transform: translateY(-50%);
+  font-family: "icomoon";
+  color: var(--secondary-color);
+}
+
+[dir="rtl"] .language::before {
+  left: -14px;
+}
+
+/* mobile menu */
+
+.show-drawer svg {
+  position: absolute;
+  top: 50%;
+  left: var(--left-half);
+  width: 50px;
+  height: 60px;
+  margin-top: -2px;
+  margin-left: -2px;
+  cursor: pointer;
+  transform: var(--x-3d-half);
+}
+
+.show-drawer svg path {
+  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
+    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
+  fill: none;
+  stroke: #333;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke-width: 30px;
+}
+
+.show-drawer svg path#top,
+.show-drawer svg path#bottom {
+  stroke-dasharray: 240px 950px;
+}
+
+.show-drawer svg path#middle {
+  stroke-dasharray: 240px 240px;
+}
+
+.show-drawer .close svg path#top,
+.show-drawer .close svg path#bottom {
+  stroke-dasharray: -650px;
+  stroke-dashoffset: -650px;
+}
+
+.show-drawer .close svg path#middle {
+  stroke-dasharray: 1px 220px;
+  stroke-dashoffset: -115px;
+}
+
+/*============= banner =============*/
+
+.breadcrumb .home::after {
+  position: absolute;
+  content: "\f054";
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  font-size: 10px;
+  right: var(--right--20);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+[dir="rtl"] .breadcrumb .home::after {
+  left: -20px;
+  right: auto;
+  content: "\f053";
+}
+
+/* search form */
+
+.search-form-container.active .search-form {
+  height: 90px;
+}
+
+.search-form-container.active .for-search-show {
+  display: none;
+}
+
+.search-form-container.active .for-search-close {
+  display: block;
+}
+
+/*============= scrollbar  =============*/
+
+/* width */
+
+.drawer ::-webkit-scrollbar {
+  width: 2px;
+}
+
+/* Track */
+
+.drawer ::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+/* Handle */
+
+.drawer ::-webkit-scrollbar-thumb {
+  background: #dedede;
+}
+
+/*============= swiper slider  =============*/
+
+.swiper-container .swiper-button-prev::after,
+.swiper-container .swiper-button-next::after {
+  display: none;
+}
+
+.swiper-container .swiper-button-prev,
+.swiper-container .swiper-button-next {
+  width: 50px;
+  height: 50px;
+  border-radius: 100%;
+  text-align: center;
+  z-index: 9999 !important;
+  border: 1px solid var(--border-color-1);
+  color: var(--primary-color);
+  font-size: 20px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s;
+}
+
+.swiper-container .swiper-button-prev {
+  transform: translateX(0);
+}
+
+.swiper-container .swiper-button-next {
+  transform: translateX(0);
+}
+
+.swiper-container:hover .swiper-button-prev {
+  transform: var(--x-6);
+}
+
+.swiper-container:hover .swiper-button-next {
+  transform: var(--x--6);
+}
+
+.swiper-container:hover .swiper-button-prev,
+.swiper-container:hover .swiper-button-next {
+  opacity: 100;
+  visibility: visible;
+}
+
+.swiper-container .swiper-button-prev:hover,
+.swiper-container .swiper-button-next:hover {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+
+.swiper-container .swiper-pagination,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  position: absolute;
+  bottom: 40px;
+}
+
+.swiper-pagination-bullet {
+  width: 10px;
+  height: 10px;
+  transition: 0.3s;
+}
+
+.home-3 .swiper-pagination-bullet {
+  background: white;
+  opacity: 0.6;
+}
+
+.swiper-pagination-bullet:hover {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  opacity: 1;
+}
+
+.home-3 .swiper-pagination-bullet-active,
+.swiper-pagination-bullet-active {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  margin-bottom: -2px !important;
+}
+
+/* hero slider */
+
+.hero-slider-container .swiper-button-prev,
+.hero-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 1px;
+}
+
+.hero-slider-container .swiper-button-prev {
+  transform: var(--x-30);
+}
+
+.hero-slider-container .swiper-button-next {
+  transform: var(--x--30);
+}
+
+.hero-slider-container:hover .swiper-button-prev {
+  transform: var(--x-10);
+}
+
+.hero-slider-container:hover .swiper-button-next {
+  transform: var(--x--10);
+}
+
+.hero-slider2 .swiper-button-prev,
+.hero-slider2 .swiper-button-next {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  color: var(--paragraph-color);
+  background-color: var(--section-bg-1);
+  font-size: 14px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  border: none;
+  transition: all 0.3s;
+  position: relative;
+}
+
+.hero-slider2 .swiper-button-next {
+  right: 0;
+}
+
+[dir="rtl"] .hero-slider2 .swiper-button-next {
+  left: 0;
+}
+
+.hero-slider2:hover .swiper-button-prev,
+.hero-slider2:hover .swiper-button-next {
+  transform: translate(0);
+}
+
+.hero-slider2 .swiper-button-prev:hover,
+.hero-slider2 .swiper-button-next:hover {
+  background: var(--section-bg-1);
+  color: var(--secondary-color);
+}
+
+/* .hero-slider2-tumbs_slider .swiper-wrapper {
+  max-width: calc(100%);
+}
+.hero-slider2-tumbs_slider .swiper-slide {
+  width: calc((100% / 3));
+} */
+
+/* testimonials slider*/
+
+.testimonial-quote-menu {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  z-index: 10;
+}
+
+.testimonial-quote-menu2 {
+  z-index: 9;
+  display: none;
+}
+
+.testimonial-quote-menu li img {
+  position: absolute;
+  cursor: pointer;
+}
+
+.testimonial-quote-menu li:nth-child(1) img {
+  width: 105px;
+  top: -14%;
+  left: var(--left--5);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1) img {
+  right: -5px;
+}
+
+.testimonial-quote-menu li:nth-child(2) img {
+  width: 65px;
+  top: -15px;
+  left: auto;
+  right: var(--right-1-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2) img {
+  right: auto;
+  left: 1%;
+}
+
+.testimonial-quote-menu li:nth-child(3) img {
+  width: 65px;
+  top: 69.23%;
+  left: var(--left-10-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3) img {
+  left: auto;
+  right: 10%;
+}
+
+.testimonial-quote-menu li:nth-child(4) img {
+  width: 125px;
+  top: 58.1%;
+  left: auto;
+  right: var(--right-8-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4) img {
+  right: auto;
+  left: 8%;
+}
+
+.testimonial-quote-menu li:nth-child(5) img {
+  width: 75px;
+  top: 40%;
+  left: var(--left-3-per);
+}
+
+[dir="rtl"]  .testimonial-quote-menu li:nth-child(5) img {
+  right: 3%;
+}
+
+.testimonial-quote-menu li:nth-child(6) img {
+  width: 75px;
+  top: 25%;
+  left: auto;
+  right: var(--right-15-per);
+}
+
+[dir="rtl"]  
+.testimonial-quote-menu li:nth-child(7) img {
+  right: 15%;
+}
+
+.testimonial-quote-menu li:nth-child(8) img {
+  width: 55px;
+  top: 40%;
+  left: auto;
+  right: var(--right-3-per);
+}
+
+[dir="rtl"]  
+
+.testimonial-quote-menu2 li img {
+  width: 125px !important;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.testimonial-quote-menu2 li.active img {
+  opacity: 0.8;
+  visibility: visible;
+  z-index: 10000000;
+}
+
+.testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8_rtl 0.3s ease-in-out;
+}
+
+@keyframes imgAnimation1 {
+  0% {
+    top: -14%;
+    left: var(--left--5);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation2 {
+  0% {
+    top: -15px;
+    left: auto;
+    right: var(--right-1-per);
+  }
+
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation3 {
+  0% {
+    top: 70%;
+    left: var(--left-10-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation4 {
+  0% {
+    top: 58%;
+    left: auto;
+    right: var(--right-8-per);
+  }
+
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation5 {
+  0% {
+    top: 40%;
+    left: var(--left-3-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation6 {
+  0% {
+    top: 25%;
+    right: var(--right-15-per);
+  }
+
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation7 {
+  0% {
+    top: 20%;
+    left: var(--left-15-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation8 {
+  0% {
+    top: 40%;
+    right: var(--right-3-per);
+  }
+
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation1_rtl {
+  0% {
+    top: -14%;
+    right: -5px;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation2_rtl {
+  0% {
+    top: -15px;
+    left: 1%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation3_rtl {
+  0% {
+    top: 70%;
+    right: 10%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation4_rtl {
+  0% {
+    top: 58%;
+    left: 8%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation5_rtl {
+  0% {
+    top: 40%;
+    right: 3%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation6_rtl {
+  0% {
+    top: 25%;
+    left: 15%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation7_rtl {
+  0% {
+    top: 20%;
+    right: 15%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation8_rtl {
+  0% {
+    top: 40%;
+    left: 3%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+/* upcoming project slider */
+
+.upcoming-project-slider-container .swiper-button-prev,
+.upcoming-project-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 0;
+  bottom: auto;
+  left: auto;
+  top: -97px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  font-size: 16px;
+}
+
+.upcoming-project-slider-container:hover .swiper-button-prev,
+.upcoming-project-slider-container:hover .swiper-button-next {
+  transform: translate(0);
+}
+
+.upcoming-project-slider-container .swiper-button-prev {
+  right: var(--right-100);
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+  color: white;
+}
+
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-prev {
+  left: 100px;
+  right: auto
+}
+
+.upcoming-project-slider-container .swiper-button-next {
+  right: var(--right-16);
+}
+
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-next {
+  left: 16px;
+  right: auto;
+}
+
+/* neibour slider */
+
+.neighbour-slider-tumbs_slider .swiper-slide-thumb-active {
+  opacity: 0.6;
+}
+
+/* portfolio slider */
+
+.portfolio-slider-container:hover .swiper-button-prev {
+  transform: var(--x-37);
+}
+
+.portfolio-slider-container:hover .swiper-button-next {
+  transform: var(--x--37);
+}
+
+/*============= Slider Animation   =============*/
+
+.slide-animation {
+  position: relative;
+  z-index: 9;
+}
+
+.slide-animation > * {
+  opacity: 0;
+  visibility: hidden;
+  animation-name: fadeOutUp;
+}
+
+.slide-animation > *:nth-child(1) {
+  animation-delay: 0.5s;
+  animation-duration: 0.5s;
+}
+
+.slide-animation > *:nth-child(2) {
+  animation-delay: 1s;
+  animation-duration: 1s;
+}
+
+.slide-animation > *:nth-child(3) {
+  animation-delay: 1.5s;
+  animation-duration: 1.5s;
+}
+
+.slide-animation > *:nth-child(4) {
+  animation-delay: 2s;
+  animation-duration: 2s;
+}
+
+.slide-animation > *:nth-child(5) {
+  animation-delay: 2.5s;
+  animation-duration: 2.5s;
+}
+
+.slide-animation > *:nth-child(6) {
+  animation-delay: 3s;
+  animation-duration: 3s;
+}
+
+.slide-animation > *:nth-child(7) {
+  animation-delay: 3.5s;
+  animation-duration: 3.5s;
+}
+
+.slide-animation > *:nth-child(8) {
+  animation-delay: 4s;
+  animation-duration: 4s;
+}
+
+.slide-animation > *:nth-child(9) {
+  animation-delay: 4.5s;
+  animation-duration: 4.5s;
+}
+
+.slide-animation > *:nth-child(11) {
+  animation-delay: 5s;
+  animation-duration: 5s;
+}
+
+.swiper-slide-active .slide-animation > *,
+.slide-animation-active .slide-animation > * {
+  opacity: 1;
+  visibility: visible;
+  animation-name: fadeInUp;
+}
+
+/*============= accordion   =============*/
+
+.neighbour-accordion .active button span {
+  background: var(--secondary-color);
+}
+
+/*============= nice select    =============*/
+
+.nice-select {
+  margin: 0;
+  height: 60px;
+  line-height: 58px;
+  padding-right: 40px;
+  padding-left: 20px;
+  border-radius: 0;
+  min-width: 200px;
+  font-size: 16px;
+  font-weight: 500;
+  font-family: var(--heading-font);
+  width: 100%;
+  color: #000000;
+}
+
+[dir="rtl"] .nice-select {
+  text-align: right!important;
+  direction: rtl!important;
+  padding-right: 20px!important;
+  padding-left:  40px !important;
+}
+
+[dir="rtl"] .nice-select::after {
+  right: auto;
+  left:12px;
+}
+
+.nice-select .list {
+  width: 100%;
+  z-index: 99;
+  max-height: 250px;
+  overflow-y: auto;
+}
+
+.nice-select .option {
+  line-height: 48.8px;
+}
+
+[dir="rtl"] .nice-select .option{
+  text-align: right;
+  padding-left: 29px;
+  padding-right: 18px;
+}
+
+.form-primary .nice-select {
+  font-family: var(--body-font);
+  height: 65px;
+  border: 2px solid var(--border-color-9);
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--paragraph-color);
+  padding: 0 38px 0 18px;
+}
+
+.form-loacation .nice-select {
+  min-width: 300px;
+}
+
+.form-primary .nice-select .list {
+  max-height: 400px;
+}
+
+.form-primary .nice-select .option {
+  line-height: 45.2px;
+}
+
+.property-form .nice-select {
+  min-width: 190px;
+  height: 50px;
+  border-color: #ededed;
+  line-height: 50px;
+}
+
+.add-property-form .nice-select {
+  min-width: auto;
+}
+
+.form-primary .nice-select::before {
+  content: "\f063";
+  font-size: 14px;
+  position: absolute;
+  top: 50%;
+  right: var(--right-20);
+  transform: translateY(-50%);
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  color: var(--secondary-color);
+}
+
+[dir="rtl"] .form-primary .nice-select::before {
+  right: auto;
+  left: 20px;
+}
+
+.form-primary .nice-select::after {
+  display: none;
+}
+
+.property-form .nice-select::after {
+  display: block;
+}
+
+.hero-form .nice-select {
+  color: var(--paragraph-color);
+}
+
+.hero-form .nice-select::before {
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  margin-right: 10px;
+  color: var(--secondary-color);
+}
+
+.property-form .nice-select::before {
+  display: none;
+}
+
+.hero-form .apartment-select::before {
+  content: "\f073";
+}
+
+.hero-form .location-select::before {
+  content: "\f1b9";
+}
+
+.hero-form .sub-location-select::before {
+  content: "\f3fd";
+}
+
+.hero-form .bedrooms-select::before {
+  content: "\f1cd";
+}
+
+[dir="rtl"]  .hero-form .selectize::before{
+  margin-right: 0;
+  margin-left: 15px;
+}
+
+/*=============  nice checkbox =============*/
+
+.checkmark.active {
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+}
+
+.checkmark.active::after {
+  opacity: 1;
+}
+
+/*============= range    =============*/
+
+.range-slider .slider {
+  height: 8px;
+  background-color: white;
+  overflow: visible;
+}
+
+.range-slider .progress {
+  height: 8px;
+  background-color: var(--secondary-color);
+  border-radius: 20px;
+  position: relative;
+  overflow: visible;
+}
+
+.range input::-webkit-slider-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+
+/* Internet Explorer */
+
+input[type="range"]::-ms-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+
+.range input:nth-child(2)::-webkit-slider-thumb {
+  position: relative;
+  overflow: visible;
+}
+
+/* .range input:nth-child(2)::-webkit-slider-thumb::after {
+  content: url("../img/icons/car.png");
+  width: 125px !important;
+  height: 50px;
+  position: absolute;
+  right: -111px;
+  top: -10px;
+  transform: translateY(-40%);
+} */
+
+/* .range input:nth-child(2)::-moz-range-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border: none;
+  border-radius: 0;
+  position: relative;
+} */
+
+.range input:nth-child(2)::-webkit-slider-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border-radius: 0;
+  transform: translate(6px);
+}
+
+/*============= service cards    =============*/
+
+.service-cards .service-card.active .hover-line {
+  width: 100% !important;
+}
+
+.service-cards .service-card.active .find-service {
+  color: var(--secondary-color);
+}
+
+.service-cards .service-card-2.active > div {
+  box-shadow: var(--box-shadow-1);
+}
+
+/*============= tab  =============*/
+
+.plan-tab .active {
+  border-color: var(--secondary-color);
+  color: var(--secondary-color);
+}
+
+.plan-tab .active::after {
+  background-color: var(--secondary-color);
+}
+
+.hero-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+}
+
+.property-tab .tab-links .active button {
+  color: var(--secondary-color);
+}
+
+/* my account */
+
+.account-tab .tab-links .active button {
+  background: var(--section-bg-2);
+  color: white;
+}
+
+/* history */
+
+.history-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+
+/*============= popup gallery =============*/
+
+.goverlay {
+  background: var(--section-bg-2);
+  opacity: 0.9;
+}
+
+.gcontainer {
+  cursor: pointer;
+}
+
+.gslide-media {
+  margin: 0 50px;
+}
+
+.gslide-count {
+  font-size: 11px;
+  color: #8cb2b2;
+}
+
+.plyr__control--overlaid {
+  border-radius: 15px;
+  background: red !important;
+  padding: 15px 25px;
+}
+
+.plyr--video .plyr__control:hover {
+  background: red;
+}
+
+.plyr--full-ui input[type="range"] {
+  color: red;
+}
+
+.plyr--full-ui input[type="range"]:last-child {
+  color: white;
+}
+
+.gprev,
+.gnext,
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+  border: 1px solid white;
+  border-radius: 100% !important;
+  background: transparent;
+  opacity: 0.5;
+}
+
+.glightbox-clean .gnext,
+.glightbox-clean .gprev {
+  top: 90%;
+}
+
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+}
+
+.gprev:hover,
+.gnext:hover,
+.gclose:hover {
+  box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
+  opacity: 1;
+}
+
+.glightbox-clean button {
+  background: transparent;
+}
+
+.gprev svg,
+.gnext svg,
+.gclose svg {
+  width: 10px;
+  height: auto;
+}
+
+.gclose svg {
+  width: 10px !important;
+  height: auto;
+}
+
+.gslide-inline {
+  overflow: visible;
+  background-color: transparent;
+}
+
+.gslide-inline .ginlined-content {
+  background-color: white;
+  overflow: auto;
+}
+
+.gslide-external {
+  overflow: visible;
+  background-color: transparent;
+}
+
+/*=============  scroll up =============*/
+
+.scroll-up {
+  opacity: 0;
+  visibility: hidden;
+  z-index: -1;
+  transition: all 0.3s;
+}
+
+.scroll-up.active {
+  opacity: 1;
+  visibility: visible;
+  z-index: 99999;
+}
+
+/*=============  brands =============*/
+
+.brands .glightbox2:hover {
+  outline: outset;
+}
+
+/* letest appartment */
+
+/* .apart-card .card-quick-area.active {
+  top: 150px;
+} */
+
+/* portfolio filter */
+
+.filter-controllers .is-checked {
+  background-color: var(--primary-color);
+  color: white;
+}
+
+/*============= Google Map Locations  ============= */
+
+.google-map-locations-area #gmap {
+  height: 90vh;
+}
+
+.google-map-locations-area #gmap .gm-ui-hover-effect {
+  top: 0 !important;
+  right: 0 !important;
+}
+
+[dir="rtl"] .google-map-locations-area #gmap .gm-ui-hover-effect {
+  left: 0 !important;
+}
+
+.google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 8px 25px 25px ;
+  border-radius: 0;
+}
+
+[dir="rtl"] .google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 25px 25px 8px !important;
+  border-radius: 0;
+}
+
+.map-item {
+  padding: 30px 25px 35px;
+  box-shadow: var(--box-shadow-4);
+}
+
+.map-item .location-name {
+  border-bottom: 2px solid var(--border-color-1);
+  margin-bottom: 25px;
+  color: var(--secondary-color);
+  font-size: 20px;
+}
+
+.map-item .location-single-info {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.map-item .location-single-info i {
+  margin-right: 10px;
+  background: var(--secondary-color);
+  color: var(--white);
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+}
+
+.map-item .btn-wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+.map-item .btn {
+  padding: 10px 10px;
+  font-size: 13px;
+  margin-right: 10px;
+}
+
+.google-map-locations-list-area .map-item {
+  margin-bottom: 50px;
+}
+
+.location-search h3 {
+  float: left;
+  margin-right: 30px;
+  margin-bottom: 0;
+  line-height: 63px;
+  color: var(--white);
+}
+
+.location-search .input-item {
+  float: left;
+  width: 300px;
+}
+
+.location-search form {
+  padding: 50px 50px 20px;
+  background-color: var(--secondary-color);
+}
+
+.state-location-title {
+  padding: 15px 30px;
+  background-color: var(--secondary-color);
+  color: var(--white);
+  margin: 50px 0;
+}
+
+.map-product-item {
+  max-width: 260px;
+}
+
+.map-product-item img {
+  max-width: 100%;
+  margin-bottom: 25px;
+}
+
+.map-product-item .map-product-title {
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.map-product-item .map-product-price {
+  color: var(--secondary-color);
+}
+
+.map-product-item .map-product-location {
+  font-weight: 500;
+}
+
+.map-product-item .map-product-location i {
+  color: var(--secondary-color);
+  margin-right: 2px;
+}
+
+.map-product-item .map-product-info {
+  font-weight: 500;
+}
+
+.map-product-item .map-product-info span {
+  margin-right: 10px;
+}
+
+.gmap_controls .dropdown {
+  color: var(--primary-color);
+  outline: 1px solid var(--primary-color);
+}
+
+.gmap_controls .dropdown:focus {
+  outline-color: rgba(0, 0, 0, 0.2);
+}
+
+/*=============  Price Filter Widget ============= */
+
+.price_filter {
+  padding-bottom: 13px;
+}
+
+.price_slider_amount {
+  overflow: hidden;
+}
+
+.price_slider_amount > input[type="text"],
+.price_slider_amount > input[type="submit"] {
+  background: transparent none repeat scroll 0 0;
+  border: medium none;
+  box-shadow: none;
+  float: left;
+  height: 25px;
+  padding: 0;
+  text-align: left;
+  width: 140px;
+  margin-bottom: 20px;
+}
+
+.price_slider_amount > input[type="text"]:focus
+{
+  border: 0;
+  outline: none;
+}
+
+[dir="rtl"] .price_slider_amount > input[type="text"],
+[dir="rtl"] .price_slider_amount > input[type="submit"] {
+  float: right;
+  text-align: right;
+}
+
+.price_slider_amount > input[type="text"] {
+  font-weight: 700;
+}
+
+.price_filter .ui-widget-content {
+  background-color: var(--primary-color);
+  border: medium none;
+  color: #222;
+  height: 3px;
+  width: 98%;
+  background-image: none;
+}
+
+.price_filter .ui-slider .ui-slider-range {
+  background-color: var(--secondary-color);
+  background-image: none;
+}
+
+.price_filter .ui-state-default,
+.price_filter .ui-widget-content .ui-state-default,
+.price_filter .ui-widget-header .ui-state-default {
+  background-color: var(--secondary-color);
+  border: medium none;
+  border-radius: 100%;
+  height: 12px;
+  margin-left: 0;
+  margin-top: -6px;
+  top: 50%;
+  width: 12px;
+  background-image: none;
+  outline: none;
+}
+
+.car-price-filter-range .price_filter .ui-widget-content {
+  height: 8px;
+  background-color: var(--white);
+  margin-top: 20px;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::before {
+  position: absolute;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::after {
+  position: absolute;
+  content: "";
+  top: -30px;
+  left: var(--left--5);
+  background-image: url(../img/icons/car.png);
+  z-index: 99;
+  width: 125px;
+  height: 50px;
+  background-repeat: no-repeat;
+  display: none;
+}
+
+.car-price-filter-range .price_slider_amount > input[type="text"],
+.car-price-filter-range .price_slider_amount > input[type="submit"] {
+  font-weight: 700;
+  margin-bottom: 0px;
+}
+
+/* 
+/*============= responsiveness =============*/
+
+/* tablet  */
+
+@media (min-width: 768px) {
+  /* default */
+
+  body {
+    font-size: 16px;
+    line-height: 1.8;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1 {
+    font-size: 26px;
+  }
+
+  h2 {
+    font-size: 22px;
+  }
+
+  h3 {
+    font-size: 20px;
+  }
+
+  h4 {
+    font-size: 18px;
+  }
+
+  h5 {
+    font-size: 16px;
+  }
+
+  h6 {
+    font-size: 15px;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  .glightbox-clean .gbtn:hover {
+    background: transparent;
+  }
+
+  .plyr__control--overlaid {
+    background: red !important;
+  }
+
+  .gslide-media {
+    margin: 0 50px;
+  }
+
+  .gprev,
+  .gnext,
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+
+  .glightbox-clean .gnext,
+  .glightbox-clean .gprev {
+    top: 45%;
+  }
+
+  .gprev svg,
+  .gnext svg,
+  .gclose svg {
+    width: 18px;
+    height: auto;
+  }
+
+  .gclose svg {
+    width: 13px !important;
+    height: auto;
+  }
+
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+
+  /* range */
+
+  .car-price-filter-range .price_filter .ui-state-default:last-child::after {
+    display: block;
+  }
+}
+
+/* desktop normal */
+
+@media (min-width: 992px) {
+  /* default */
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1 {
+    font-size: 30px;
+  }
+
+  h2 {
+    font-size: 26px;
+  }
+
+  h3 {
+    font-size: 22px;
+  }
+
+  h4 {
+    font-size: 20px;
+  }
+
+  h5 {
+    font-size: 18px;
+  }
+
+  h6 {
+    font-size: 16px;
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.8 !important;
+  }
+
+  .sticky-header.active {
+    display: block;
+    box-shadow: var(--box-shadow-8);
+  }
+
+  .swiper-container:hover .product-details-slider .swiper-button-prev,
+  .swiper-container:hover .news-single-slider .swiper-button-prev {
+    transform: var(--x-40);
+  }
+
+  .swiper-container:hover .product-details-slider .swiper-button-next,
+  .swiper-container:hover .news-single-slider .swiper-button-next {
+    transform: var(--x--40);
+  }
+
+  .testimonial-quote-menu2 {
+    display: block;
+  }
+}
+
+/*  desktop xl */
+
+@media screen and (min-width: 1200px) {
+  /* default */
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1,
+  .h1 {
+    font-size: 36px;
+  }
+
+  h2,
+  .h2 {
+    font-size: 30px;
+  }
+
+  h3,
+  .h3 {
+    font-size: 24px;
+  }
+
+  h4,
+  .h4 {
+    font-size: 20px;
+  }
+
+  h5,
+  .h5 {
+    font-size: 18px;
+  }
+
+  h6,
+  .h6 {
+    font-size: 16px;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* sticky header */
+
+  .sticky-header.active .container {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+/*  desktop xxxl */
+
+@media screen and (min-width: 1400px) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* swiper slider */
+
+  .swiper-container:hover .swiper-button-prev {
+    transform: var(--x--60);
+  }
+
+  .swiper-container:hover .swiper-button-next {
+    transform: var(--x-60);
+  }
+
+  .hero-slider-container:hover .swiper-button-prev {
+    transform: var(--x-50);
+  }
+
+  .hero-slider-container:hover .swiper-button-next {
+    transform: var(--x--50);
+  }
+
+  .hero-slider2 .swiper-button-prev,
+  .hero-slider2 .swiper-button-next {
+    transform: translate(0);
+  }
+
+  .hero-slider2 .swiper-button-next {
+    right: 0;
+  }
+
+  [dir="rtl"] .hero-slider2 .swiper-button-next {
+    left: 0;
+  }
+
+  .hero-slider2:hover .swiper-button-prev,
+  .hero-slider2:hover .swiper-button-next {
+    transform: translate(0);
+  }
+
+  /* upcoming project slider */
+
+  .upcoming-project-slider-container:hover .swiper-button-prev,
+  .upcoming-project-slider-container:hover .swiper-button-next {
+    transform: translate(0);
+  }
+
+  /* portfolio slider */
+
+  .portfolio-slider-container:hover .swiper-button-prev {
+    transform: var(--x-37);
+  }
+
+  .portfolio-slider-container:hover .swiper-button-next {
+    transform: var(--x--37);
+  }
+}
+
+.placeholder\:text-sm::-moz-placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.placeholder\:text-sm::placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.placeholder\:text-heading-color::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-heading-color::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-paragraph-color::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-paragraph-color::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-white::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-white::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-opacity-50::-moz-placeholder{
+  --tw-text-opacity: 0.5;
+}
+
+.placeholder\:text-opacity-50::placeholder{
+  --tw-text-opacity: 0.5;
+}
+
+.placeholder\:text-opacity-60::-moz-placeholder{
+  --tw-text-opacity: 0.6;
+}
+
+.placeholder\:text-opacity-60::placeholder{
+  --tw-text-opacity: 0.6;
+}
+
+.placeholder\:text-opacity-85::-moz-placeholder{
+  --tw-text-opacity: 0.85;
+}
+
+.placeholder\:text-opacity-85::placeholder{
+  --tw-text-opacity: 0.85;
+}
+
+.placeholder\:opacity-100::-moz-placeholder{
+  opacity: 1;
+}
+
+.placeholder\:opacity-100::placeholder{
+  opacity: 1;
+}
+
+.placeholder\:opacity-50::-moz-placeholder{
+  opacity: 0.5;
+}
+
+.placeholder\:opacity-50::placeholder{
+  opacity: 0.5;
+}
+
+.placeholder\:opacity-60::-moz-placeholder{
+  opacity: 0.6;
+}
+
+.placeholder\:opacity-60::placeholder{
+  opacity: 0.6;
+}
+
+.placeholder\:opacity-70::-moz-placeholder{
+  opacity: 0.7;
+}
+
+.placeholder\:opacity-70::placeholder{
+  opacity: 0.7;
+}
+
+.before\:absolute::before{
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.before\:relative::before{
+  content: var(--tw-content);
+  position: relative;
+}
+
+.before\:left-0::before{
+  content: var(--tw-content);
+  left: 0px;
+}
+
+.before\:left-1\/2::before{
+  content: var(--tw-content);
+  left: 50%;
+}
+
+.before\:right-0::before{
+  content: var(--tw-content);
+  right: 0px;
+}
+
+.before\:top-0::before{
+  content: var(--tw-content);
+  top: 0px;
+}
+
+.before\:top-1\/2::before{
+  content: var(--tw-content);
+  top: 50%;
+}
+
+.before\:top-\[-46\%\]::before{
+  content: var(--tw-content);
+  top: -46%;
+}
+
+.before\:top-\[5px\]::before{
+  content: var(--tw-content);
+  top: 5px;
+}
+
+.before\:-z-1::before{
+  content: var(--tw-content);
+  z-index: -1;
+}
+
+.before\:mb-10px::before{
+  content: var(--tw-content);
+  margin-bottom: .625rem;
+}
+
+.before\:block::before{
+  content: var(--tw-content);
+  display: block;
+}
+
+.before\:hidden::before{
+  content: var(--tw-content);
+  display: none;
+}
+
+.before\:h-0::before{
+  content: var(--tw-content);
+  height: 0px;
+}
+
+.before\:h-0\.5::before{
+  content: var(--tw-content);
+  height: 0.125rem;
+}
+
+.before\:h-1::before{
+  content: var(--tw-content);
+  height: 0.25rem;
+}
+
+.before\:h-\[72\%\]::before{
+  content: var(--tw-content);
+  height: 72%;
+}
+
+.before\:h-\[84px\]::before{
+  content: var(--tw-content);
+  height: 84px;
+}
+
+.before\:h-full::before{
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.before\:w-0::before{
+  content: var(--tw-content);
+  width: 0px;
+}
+
+.before\:w-0\.5::before{
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
+.before\:w-1::before{
+  content: var(--tw-content);
+  width: 0.25rem;
+}
+
+.before\:w-full::before{
+  content: var(--tw-content);
+  width: 100%;
+}
+
+.before\:-translate-x-1\/2::before{
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.before\:-translate-y-1\/2::before{
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.before\:border-b::before{
+  content: var(--tw-content);
+  border-bottom-width: 1px;
+}
+
+.before\:border-dashed::before{
+  content: var(--tw-content);
+  border-style: dashed;
+}
+
+.before\:border-color-1::before{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(140 178 178 / var(--tw-border-opacity));
+}
+
+.before\:border-white::before{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.before\:bg-heading-color::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.before\:bg-overlay2::before{
+  content: var(--tw-content);
+  background-color: rgba(7, 28, 31, 0.9);
+}
+
+.before\:bg-secondary-color::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.before\:bg-secondary-color-2::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.before\:bg-section-bg-1::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.before\:bg-white::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.before\:bg-white-6::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
+}
+
+.before\:bg-opacity-90::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 0.9;
+}
+
+.before\:text-center::before{
+  content: var(--tw-content);
+  text-align: center;
+}
+
+.before\:font-fontawesome::before{
+  content: var(--tw-content);
+  font-family: 'Font Awesome 5 Free';
+}
+
+.before\:font-icomoon::before{
+  content: var(--tw-content);
+  font-family: icomoon;
+}
+
+.before\:text-3xl::before{
+  content: var(--tw-content);
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.before\:text-6xl::before{
+  content: var(--tw-content);
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.before\:text-xs::before{
+  content: var(--tw-content);
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.before\:font-\[900\]::before{
+  content: var(--tw-content);
+  font-weight: 900;
+}
+
+.before\:font-bold::before{
+  content: var(--tw-content);
+  font-weight: 700;
+}
+
+.before\:text-heading-color::before{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.before\:text-white::before{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.before\:opacity-0::before{
+  content: var(--tw-content);
+  opacity: 0;
+}
+
+.before\:transition-all::before{
+  content: var(--tw-content);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.before\:duration-300::before{
+  content: var(--tw-content);
+  transition-duration: 300ms;
+}
+
+.before\:content-\[\'\\e94d\'\]::before{
+  --tw-content: '\e94d';
+  content: var(--tw-content);
+}
+
+.before\:content-\[\'\\f00c\'\]::before{
+  --tw-content: '\f00c';
+  content: var(--tw-content);
+}
+
+.after\:invisible::after{
+  content: var(--tw-content);
+  visibility: hidden;
+}
+
+.after\:absolute::after{
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.after\:bottom-0::after{
+  content: var(--tw-content);
+  bottom: 0px;
+}
+
+.after\:bottom-\[-51\%\]::after{
+  content: var(--tw-content);
+  bottom: -51%;
+}
+
+.after\:left-0::after{
+  content: var(--tw-content);
+  left: 0px;
+}
+
+.after\:left-1::after{
+  content: var(--tw-content);
+  left: 0.25rem;
+}
+
+.after\:left-1\/2::after{
+  content: var(--tw-content);
+  left: 50%;
+}
+
+.after\:right-0::after{
+  content: var(--tw-content);
+  right: 0px;
+}
+
+.after\:right-1::after{
+  content: var(--tw-content);
+  right: 0.25rem;
+}
+
+.after\:top-0::after{
+  content: var(--tw-content);
+  top: 0px;
+}
+
+.after\:top-1\/2::after{
+  content: var(--tw-content);
+  top: 50%;
+}
+
+.after\:-z-1::after{
+  content: var(--tw-content);
+  z-index: -1;
+}
+
+.after\:z-1::after{
+  content: var(--tw-content);
+  z-index: 1;
+}
+
+.after\:z-10::after{
+  content: var(--tw-content);
+  z-index: 10;
+}
+
+.after\:m-\[1px\]::after{
+  content: var(--tw-content);
+  margin: 1px;
+}
+
+.after\:inline-block::after{
+  content: var(--tw-content);
+  display: inline-block;
+}
+
+.after\:hidden::after{
+  content: var(--tw-content);
+  display: none;
+}
+
+.after\:h-10px::after{
+  content: var(--tw-content);
+  height: 10px;
+}
+
+.after\:h-\[11px\]::after{
+  content: var(--tw-content);
+  height: 11px;
+}
+
+.after\:h-\[84px\]::after{
+  content: var(--tw-content);
+  height: 84px;
+}
+
+.after\:h-\[85\%\]::after{
+  content: var(--tw-content);
+  height: 85%;
+}
+
+.after\:h-full::after{
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.after\:w-0::after{
+  content: var(--tw-content);
+  width: 0px;
+}
+
+.after\:w-0\.5::after{
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
+.after\:w-10px::after{
+  content: var(--tw-content);
+  width: 10px;
+}
+
+.after\:w-30px::after{
+  content: var(--tw-content);
+  width: 1.875rem;
+}
+
+.after\:w-\[11px\]::after{
+  content: var(--tw-content);
+  width: 11px;
+}
+
+.after\:w-\[5px\]::after{
+  content: var(--tw-content);
+  width: 5px;
+}
+
+.after\:w-full::after{
+  content: var(--tw-content);
+  width: 100%;
+}
+
+.after\:-translate-x-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:-translate-y-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:translate-y-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-y: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rotate-\[-45deg\]::after{
+  content: var(--tw-content);
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rotate-\[45deg\]::after{
+  content: var(--tw-content);
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rounded-100\%::after{
+  content: var(--tw-content);
+  border-radius: 100%;
+}
+
+.after\:border::after{
+  content: var(--tw-content);
+  border-width: 1px;
+}
+
+.after\:border-3px::after{
+  content: var(--tw-content);
+  border-width: 3px;
+}
+
+.after\:border-l-0::after{
+  content: var(--tw-content);
+  border-left-width: 0px;
+}
+
+.after\:border-r-0::after{
+  content: var(--tw-content);
+  border-right-width: 0px;
+}
+
+.after\:border-t-0::after{
+  content: var(--tw-content);
+  border-top-width: 0px;
+}
+
+.after\:border-white::after{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.after\:bg-\[rgba\(7\2c 28\2c 31\2c 0\.9\)\]::after{
+  content: var(--tw-content);
+  background-color: rgba(7,28,31,0.9);
+}
+
+.after\:bg-heading-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.after\:bg-primary-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.after\:bg-secondary-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.after\:bg-transparent::after{
+  content: var(--tw-content);
+  background-color: transparent;
+}
+
+.after\:bg-white::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.after\:bg-opacity-30::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 0.3;
+}
+
+.after\:font-icomoon::after{
+  content: var(--tw-content);
+  font-family: icomoon;
+}
+
+.after\:text-3xl::after{
+  content: var(--tw-content);
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.after\:text-secondary-color::after{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.after\:opacity-0::after{
+  content: var(--tw-content);
+  opacity: 0;
+}
+
+.after\:opacity-30::after{
+  content: var(--tw-content);
+  opacity: 0.3;
+}
+
+.after\:opacity-40::after{
+  content: var(--tw-content);
+  opacity: 0.4;
+}
+
+.after\:outline::after{
+  content: var(--tw-content);
+  outline-style: solid;
+}
+
+.after\:outline-1::after{
+  content: var(--tw-content);
+  outline-width: 1px;
+}
+
+.after\:outline-offset-\[2px\]::after{
+  content: var(--tw-content);
+  outline-offset: 2px;
+}
+
+.after\:outline-heading-color::after{
+  content: var(--tw-content);
+  outline-color: #071c1f;
+}
+
+.after\:transition-all::after{
+  content: var(--tw-content);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.after\:duration-300::after{
+  content: var(--tw-content);
+  transition-duration: 300ms;
+}
+
+.after\:content-\[\'\\e958\'\]::after{
+  --tw-content: '\e958';
+  content: var(--tw-content);
+}
+
+.checked\:after\:bg-heading-color:checked::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.hover\:translate-x-0:hover{
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:scale-110:hover{
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:border-heading-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(7 28 31 / var(--tw-border-opacity));
+}
+
+.hover\:border-primary-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.hover\:border-secondary-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.hover\:bg-heading-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-secondary-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-secondary-color-2:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-section-bg-1:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-opacity-20:hover{
+  --tw-bg-opacity: 0.2;
+}
+
+.hover\:bg-opacity-60:hover{
+  --tw-bg-opacity: 0.6;
+}
+
+.hover\:text-primary-color:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.hover\:text-secondary-color:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hover\:underline:hover{
+  text-decoration-line: underline;
+}
+
+.hover\:shadow-box-shadow-1:hover{
+  --tw-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --tw-shadow-colored: 0 16px 32px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:before\:h-4\/5:hover::before{
+  content: var(--tw-content);
+  height: 80%;
+}
+
+.hover\:before\:opacity-100:hover::before{
+  content: var(--tw-content);
+  opacity: 1;
+}
+
+.focus\:border:focus{
+  border-width: 1px;
+}
+
+.focus\:border-0:focus{
+  border-width: 0px;
+}
+
+.focus\:border-secondary-color:focus{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.focus\:shadow-none:focus{
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:outline-none:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.disabled\:cursor-not-allowed:disabled{
+  cursor: not-allowed;
+}
+
+.disabled\:bg-primary-color:disabled{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.disabled\:opacity-65:disabled{
+  opacity: 0.65;
+}
+
+.group\/nested:hover .group-hover\/nested\:visible{
+  visibility: visible;
+}
+
+.group:hover .group-hover\:visible{
+  visibility: visible;
+}
+
+.group:hover .group-hover\:bottom-0{
+  bottom: 0px;
+}
+
+.group:hover .group-hover\:top-\[35\%\]{
+  top: 35%;
+}
+
+.group\/nested:hover .group-hover\/nested\:w-0{
+  width: 0px;
+}
+
+.group:hover .group-hover\:w-0{
+  width: 0px;
+}
+
+.group:hover .group-hover\:w-full{
+  width: 100%;
+}
+
+.group\/nested:hover .group-hover\/nested\:translate-y-0{
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:-translate-y-4{
+  --tw-translate-y: -1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:translate-y-0{
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:scale-110{
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group\/nested:hover .group-hover\/nested\:bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-secondary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-secondary-color-3{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 65 42 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-paragraph-color{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:opacity-100{
+  opacity: 1;
+}
+
+.group:hover .group-hover\:opacity-100{
+  opacity: 1;
+}
+
+.group:hover .group-hover\:after\:visible::after{
+  content: var(--tw-content);
+  visibility: visible;
+}
+
+.group:hover .group-hover\:after\:opacity-90::after{
+  content: var(--tw-content);
+  opacity: 0.9;
+}
+
+.group:hover .disabled\:group-hover\:text-white:disabled{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+@media (min-width: 480px){
+  .xs\:-left-\[400px\]{
+    left: -400px;
+  }
+
+  .xs\:-right-\[400px\]{
+    right: -400px;
+  }
+
+  .xs\:w-100{
+    width: 25rem;
+  }
+
+  .xs\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+}
+
+@media (min-width: 576px){
+  .sm\:mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:block{
+    display: block;
+  }
+
+  .sm\:hidden{
+    display: none;
+  }
+
+  .sm\:w-1\/2{
+    width: 50%;
+  }
+
+  .sm\:max-w-500px{
+    max-width: 31.25rem;
+  }
+
+  .sm\:basis-1\/2{
+    flex-basis: 50%;
+  }
+
+  .sm\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:whitespace-nowrap{
+    white-space: nowrap;
+  }
+
+  .sm\:px-15px{
+    padding-left: .9375rem;
+    padding-right: .9375rem;
+  }
+
+  .sm\:pb-0{
+    padding-bottom: 0px;
+  }
+
+  .sm\:pt-3px{
+    padding-top: 3px;
+  }
+
+  .sm\:text-13px{
+    font-size: .8125rem;
+  }
+
+  .sm\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .sm\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-1{
+    line-height: 1;
+  }
+
+  .sm\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .sm\:leading-25px{
+    line-height: 1.5625rem;
+  }
+}
+
+@media (min-width: 768px){
+  .md\:absolute{
+    position: absolute;
+  }
+
+  .md\:bottom-10{
+    bottom: 2.5rem;
+  }
+
+  .md\:left-0{
+    left: 0px;
+  }
+
+  .md\:right-0{
+    right: 0px;
+  }
+
+  .md\:top-0{
+    top: 0px;
+  }
+
+  .md\:col-span-1{
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .md\:row-span-2{
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:row-start-1{
+    grid-row-start: 1;
+  }
+
+  .md\:row-start-2{
+    grid-row-start: 2;
+  }
+
+  .md\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .md\:mb-10{
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:mb-30px{
+    margin-bottom: 1.875rem;
+  }
+
+  .md\:mb-6{
+    margin-bottom: 1.5rem;
+  }
+
+  .md\:ml-10{
+    margin-left: 2.5rem;
+  }
+
+  .md\:ml-\[70px\]{
+    margin-left: 70px;
+  }
+
+  .md\:mr-10{
+    margin-right: 2.5rem;
+  }
+
+  .md\:mr-30px{
+    margin-right: 1.875rem;
+  }
+
+  .md\:mr-\[70px\]{
+    margin-right: 70px;
+  }
+
+  .md\:mt-0{
+    margin-top: 0px;
+  }
+
+  .md\:box-border{
+    box-sizing: border-box;
+  }
+
+  .md\:block{
+    display: block;
+  }
+
+  .md\:table-cell{
+    display: table-cell;
+  }
+
+  .md\:hidden{
+    display: none;
+  }
+
+  .md\:h-100px{
+    height: 6.25rem;
+  }
+
+  .md\:h-20{
+    height: 5rem;
+  }
+
+  .md\:h-350px{
+    height: 21.875rem;
+  }
+
+  .md\:h-50px{
+    height: 3.125rem;
+  }
+
+  .md\:h-full{
+    height: 100%;
+  }
+
+  .md\:min-h-350px{
+    min-height: 21.875rem;
+  }
+
+  .md\:min-h-\[350px\]{
+    min-height: 350px;
+  }
+
+  .md\:w-1\/3{
+    width: 33.333333%;
+  }
+
+  .md\:w-100px{
+    width: 6.25rem;
+  }
+
+  .md\:w-20{
+    width: 5rem;
+  }
+
+  .md\:w-300px{
+    width: 18.75rem;
+  }
+
+  .md\:w-50px{
+    width: 3.125rem;
+  }
+
+  .md\:w-\[110px\]{
+    width: 110px;
+  }
+
+  .md\:w-\[164px\]{
+    width: 164px;
+  }
+
+  .md\:w-\[180px\]{
+    width: 180px;
+  }
+
+  .md\:w-auto{
+    width: auto;
+  }
+
+  .md\:max-w-\[70\%\]{
+    max-width: 70%;
+  }
+
+  .md\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .md\:basis-2\/5{
+    flex-basis: 40%;
+  }
+
+  .md\:basis-3\/5{
+    flex-basis: 60%;
+  }
+
+  .md\:basis-auto{
+    flex-basis: auto;
+  }
+
+  .md\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:flex-row{
+    flex-direction: row;
+  }
+
+  .md\:flex-nowrap{
+    flex-wrap: nowrap;
+  }
+
+  .md\:items-center{
+    align-items: center;
+  }
+
+  .md\:justify-start{
+    justify-content: flex-start;
+  }
+
+  .md\:justify-between{
+    justify-content: space-between;
+  }
+
+  .md\:gap-x-30px{
+    -moz-column-gap: 1.875rem;
+         column-gap: 1.875rem;
+  }
+
+  .md\:gap-x-35px{
+    -moz-column-gap: 2.1875rem;
+         column-gap: 2.1875rem;
+  }
+
+  .md\:border-l{
+    border-left-width: 1px;
+  }
+
+  .md\:border-r{
+    border-right-width: 1px;
+  }
+
+  .md\:border-border-color-17{
+    --tw-border-opacity: 1;
+    border-color: rgb(222 226 230 / var(--tw-border-opacity));
+  }
+
+  .md\:border-border-color-7{
+    --tw-border-opacity: 1;
+    border-color: rgb(209 218 224 / var(--tw-border-opacity));
+  }
+
+  .md\:border-transparent{
+    border-color: transparent;
+  }
+
+  .md\:bg-transparent{
+    background-color: transparent;
+  }
+
+  .md\:p-10{
+    padding: 2.5rem;
+  }
+
+  .md\:p-30px{
+    padding: 1.875rem;
+  }
+
+  .md\:p-50px{
+    padding: 3.125rem;
+  }
+
+  .md\:p-70px{
+    padding: 4.375rem;
+  }
+
+  .md\:px-0{
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .md\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .md\:px-10px{
+    padding-left: .625rem;
+    padding-right: .625rem;
+  }
+
+  .md\:px-15px{
+    padding-left: .9375rem;
+    padding-right: .9375rem;
+  }
+
+  .md\:px-25px{
+    padding-left: 1.5625rem;
+    padding-right: 1.5625rem;
+  }
+
+  .md\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .md\:px-5{
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .md\:px-50px{
+    padding-left: 3.125rem;
+    padding-right: 3.125rem;
+  }
+
+  .md\:py-0{
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .md\:py-10px{
+    padding-top: .625rem;
+    padding-bottom: .625rem;
+  }
+
+  .md\:py-15px{
+    padding-top: .9375rem;
+    padding-bottom: .9375rem;
+  }
+
+  .md\:py-3{
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:py-30px{
+    padding-top: 1.875rem;
+    padding-bottom: 1.875rem;
+  }
+
+  .md\:py-50px{
+    padding-top: 3.125rem;
+    padding-bottom: 3.125rem;
+  }
+
+  .md\:py-60px{
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .md\:pb-10{
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:pb-22px{
+    padding-bottom: 1.375rem;
+  }
+
+  .md\:pb-30{
+    padding-bottom: 7.5rem;
+  }
+
+  .md\:pb-5{
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:pl-10{
+    padding-left: 2.5rem;
+  }
+
+  .md\:pl-30px{
+    padding-left: 1.875rem;
+  }
+
+  .md\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .md\:pl-45px{
+    padding-left: 2.8125rem;
+  }
+
+  .md\:pl-60px{
+    padding-left: 3.75rem;
+  }
+
+  .md\:pl-70px{
+    padding-left: 4.375rem;
+  }
+
+  .md\:pr-10{
+    padding-right: 2.5rem;
+  }
+
+  .md\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .md\:pr-45px{
+    padding-right: 2.8125rem;
+  }
+
+  .md\:pr-50px{
+    padding-right: 3.125rem;
+  }
+
+  .md\:pr-70px{
+    padding-right: 4.375rem;
+  }
+
+  .md\:pt-0{
+    padding-top: 0px;
+  }
+
+  .md\:pt-10{
+    padding-top: 2.5rem;
+  }
+
+  .md\:pt-25px{
+    padding-top: 1.5625rem;
+  }
+
+  .md\:pt-30px{
+    padding-top: 1.875rem;
+  }
+
+  .md\:pt-50{
+    padding-top: 12.5rem;
+  }
+
+  .md\:text-start{
+    text-align: start;
+  }
+
+  .md\:text-end{
+    text-align: end;
+  }
+
+  .md\:text-15px{
+    font-size: .9375rem;
+  }
+
+  .md\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .md\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .md\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-40px{
+    font-size: 2.5rem;
+  }
+
+  .md\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .md\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .md\:text-\[160px\]{
+    font-size: 160px;
+  }
+
+  .md\:text-\[70px\]{
+    font-size: 70px;
+  }
+
+  .md\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .md\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-sm{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .md\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:leading-1{
+    line-height: 1;
+  }
+
+  .md\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .md\:leading-1\.8{
+    line-height: 1.8;
+  }
+
+  .md\:leading-10{
+    line-height: 2.5rem;
+  }
+
+  .md\:leading-50px{
+    line-height: 3.125rem;
+  }
+
+  .md\:leading-9{
+    line-height: 2.25rem;
+  }
+
+  .md\:leading-90px{
+    line-height: 5.625rem;
+  }
+
+  .md\:before\:absolute::before{
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .md\:before\:left-\[45px\]::before{
+    content: var(--tw-content);
+    left: 45px;
+  }
+
+  .md\:before\:right-\[45px\]::before{
+    content: var(--tw-content);
+    right: 45px;
+  }
+
+  .md\:before\:top-1\/2::before{
+    content: var(--tw-content);
+    top: 50%;
+  }
+
+  .md\:before\:mb-0::before{
+    content: var(--tw-content);
+    margin-bottom: 0px;
+  }
+
+  .md\:before\:text-start::before{
+    content: var(--tw-content);
+    text-align: start;
+  }
+
+  .md\:before\:text-150px::before{
+    content: var(--tw-content);
+    font-size: 9.375rem;
+  }
+
+  .md\:before\:text-50px::before{
+    content: var(--tw-content);
+    font-size: 3.125rem;
+  }
+}
+
+@media (min-width: 992px){
+  .lg\:absolute{
+    position: absolute;
+  }
+
+  .lg\:bottom-10{
+    bottom: 2.5rem;
+  }
+
+  .lg\:bottom-\[70px\]{
+    bottom: 70px;
+  }
+
+  .lg\:left-\[10\%\]{
+    left: 10%;
+  }
+
+  .lg\:left-\[35px\]{
+    left: 35px;
+  }
+
+  .lg\:right-\[10\%\]{
+    right: 10%;
+  }
+
+  .lg\:right-\[35px\]{
+    right: 35px;
+  }
+
+  .lg\:top-5{
+    top: 1.25rem;
+  }
+
+  .lg\:z-xl{
+    z-index: 999999999;
+  }
+
+  .lg\:col-span-1{
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4{
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5{
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-7{
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8{
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2{
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3{
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-5{
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6{
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-8{
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9{
+    grid-column-start: 9;
+  }
+
+  .lg\:row-span-1{
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:row-start-1{
+    grid-row-start: 1;
+  }
+
+  .lg\:-mx-15px{
+    margin-left: -.9375rem;
+    margin-right: -.9375rem;
+  }
+
+  .lg\:mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .lg\:my-6{
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .lg\:mb-10{
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:mb-25px{
+    margin-bottom: 1.5625rem;
+  }
+
+  .lg\:mb-50px{
+    margin-bottom: 3.125rem;
+  }
+
+  .lg\:mb-6{
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:mb-9{
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:ml-30px{
+    margin-left: 1.875rem;
+  }
+
+  .lg\:ml-5{
+    margin-left: 1.25rem;
+  }
+
+  .lg\:mr-3{
+    margin-right: 0.75rem;
+  }
+
+  .lg\:mr-30px{
+    margin-right: 1.875rem;
+  }
+
+  .lg\:mr-5{
+    margin-right: 1.25rem;
+  }
+
+  .lg\:mt-0{
+    margin-top: 0px;
+  }
+
+  .lg\:mt-10{
+    margin-top: 2.5rem;
+  }
+
+  .lg\:mt-5{
+    margin-top: 1.25rem;
+  }
+
+  .lg\:block{
+    display: block;
+  }
+
+  .lg\:hidden{
+    display: none;
+  }
+
+  .lg\:h-10{
+    height: 2.5rem;
+  }
+
+  .lg\:h-20{
+    height: 5rem;
+  }
+
+  .lg\:h-\[450px\]{
+    height: 450px;
+  }
+
+  .lg\:h-\[650px\]{
+    height: 650px;
+  }
+
+  .lg\:h-full{
+    height: 100%;
+  }
+
+  .lg\:min-h-\[550px\]{
+    min-height: 550px;
+  }
+
+  .lg\:w-10{
+    width: 2.5rem;
+  }
+
+  .lg\:w-100px{
+    width: 6.25rem;
+  }
+
+  .lg\:w-2\/3{
+    width: 66.666667%;
+  }
+
+  .lg\:w-20{
+    width: 5rem;
+  }
+
+  .lg\:w-42px{
+    width: 2.625rem;
+  }
+
+  .lg\:w-\[120px\]{
+    width: 120px;
+  }
+
+  .lg\:w-\[420px\]{
+    width: 420px;
+  }
+
+  .lg\:w-\[45\%\]{
+    width: 45%;
+  }
+
+  .lg\:w-full{
+    width: 100%;
+  }
+
+  .lg\:max-w-980px{
+    max-width: 61.25rem;
+  }
+
+  .lg\:max-w-\[45\%\]{
+    max-width: 45%;
+  }
+
+  .lg\:max-w-\[920px\]{
+    max-width: 920px;
+  }
+
+  .lg\:basis-1\/2{
+    flex-basis: 50%;
+  }
+
+  .lg\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .lg\:basis-1\/4{
+    flex-basis: 25%;
+  }
+
+  .lg\:translate-x-0{
+    --tw-translate-x: 0px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:grid-cols-12{
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:flex-row{
+    flex-direction: row;
+  }
+
+  .lg\:items-start{
+    align-items: flex-start;
+  }
+
+  .lg\:items-center{
+    align-items: center;
+  }
+
+  .lg\:justify-start{
+    justify-content: flex-start;
+  }
+
+  .lg\:justify-end{
+    justify-content: flex-end;
+  }
+
+  .lg\:justify-center{
+    justify-content: center;
+  }
+
+  .lg\:justify-between{
+    justify-content: space-between;
+  }
+
+  .lg\:gap-0{
+    gap: 0px;
+  }
+
+  .lg\:gap-30px{
+    gap: 1.875rem;
+  }
+
+  .lg\:gap-4{
+    gap: 1rem;
+  }
+
+  .lg\:gap-5{
+    gap: 1.25rem;
+  }
+
+  .lg\:gap-9{
+    gap: 2.25rem;
+  }
+
+  .lg\:gap-x-30px{
+    -moz-column-gap: 1.875rem;
+         column-gap: 1.875rem;
+  }
+
+  .lg\:bg-white{
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-opacity-35{
+    --tw-bg-opacity: 0.35;
+  }
+
+  .lg\:p-30px{
+    padding: 1.875rem;
+  }
+
+  .lg\:px-0{
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .lg\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .lg\:px-25px{
+    padding-left: 1.5625rem;
+    padding-right: 1.5625rem;
+  }
+
+  .lg\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .lg\:px-5{
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:px-60px{
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .lg\:py-15px{
+    padding-top: .9375rem;
+    padding-bottom: .9375rem;
+  }
+
+  .lg\:py-17px{
+    padding-top: 1.0625rem;
+    padding-bottom: 1.0625rem;
+  }
+
+  .lg\:py-2{
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:py-2\.5{
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:pb-100px{
+    padding-bottom: 6.25rem;
+  }
+
+  .lg\:pb-13px{
+    padding-bottom: .8125rem;
+  }
+
+  .lg\:pb-25px{
+    padding-bottom: 1.5625rem;
+  }
+
+  .lg\:pb-30{
+    padding-bottom: 7.5rem;
+  }
+
+  .lg\:pb-70px{
+    padding-bottom: 4.375rem;
+  }
+
+  .lg\:pl-20{
+    padding-left: 5rem;
+  }
+
+  .lg\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .lg\:pr-17px{
+    padding-right: 1.0625rem;
+  }
+
+  .lg\:pr-20{
+    padding-right: 5rem;
+  }
+
+  .lg\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .lg\:pr-35px{
+    padding-right: 2.1875rem;
+  }
+
+  .lg\:pt-0{
+    padding-top: 0px;
+  }
+
+  .lg\:pt-15px{
+    padding-top: .9375rem;
+  }
+
+  .lg\:pt-30{
+    padding-top: 7.5rem;
+  }
+
+  .lg\:pt-5{
+    padding-top: 1.25rem;
+  }
+
+  .lg\:text-start{
+    text-align: start;
+  }
+
+  .lg\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .lg\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .lg\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .lg\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .lg\:text-42px{
+    font-size: 2.625rem;
+  }
+
+  .lg\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .lg\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .lg\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .lg\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .lg\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-sm{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .lg\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-1{
+    line-height: 1;
+  }
+
+  .lg\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .lg\:leading-1\.5{
+    line-height: 1.5;
+  }
+
+  .lg\:leading-1\.8{
+    line-height: 1.8;
+  }
+
+  .lg\:leading-11{
+    line-height: 2.75rem;
+  }
+
+  .lg\:leading-50px{
+    line-height: 3.125rem;
+  }
+
+  .lg\:before\:absolute::before{
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .lg\:before\:top-2::before{
+    content: var(--tw-content);
+    top: 0.5rem;
+  }
+
+  .lg\:before\:mb-0::before{
+    content: var(--tw-content);
+    margin-bottom: 0px;
+  }
+
+  .before\:lg\:block::before{
+    content: var(--tw-content);
+    display: block;
+  }
+
+  .after\:lg\:block::after{
+    content: var(--tw-content);
+    display: block;
+  }
+}
+
+@media (min-width: 1200px){
+  .xl\:left-\[150px\]{
+    left: 150px;
+  }
+
+  .xl\:right-\[150px\]{
+    right: 150px;
+  }
+
+  .xl\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-10{
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-4{
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-6{
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-8{
+    grid-column-start: 8;
+  }
+
+  .xl\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .xl\:mb-27px{
+    margin-bottom: 27px;
+  }
+
+  .xl\:mb-30px{
+    margin-bottom: 1.875rem;
+  }
+
+  .xl\:mb-50px{
+    margin-bottom: 3.125rem;
+  }
+
+  .xl\:ml-10{
+    margin-left: 2.5rem;
+  }
+
+  .xl\:mr-10{
+    margin-right: 2.5rem;
+  }
+
+  .xl\:block{
+    display: block;
+  }
+
+  .xl\:flex{
+    display: flex;
+  }
+
+  .xl\:hidden{
+    display: none;
+  }
+
+  .xl\:h-100px{
+    height: 6.25rem;
+  }
+
+  .xl\:h-\[500px\]{
+    height: 500px;
+  }
+
+  .xl\:h-\[600px\]{
+    height: 600px;
+  }
+
+  .xl\:h-screen{
+    height: 100vh;
+  }
+
+  .xl\:min-h-0{
+    min-height: 0px;
+  }
+
+  .xl\:w-100px{
+    width: 6.25rem;
+  }
+
+  .xl\:w-90px{
+    width: 5.625rem;
+  }
+
+  .xl\:w-\[180px\]{
+    width: 180px;
+  }
+
+  .xl\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .xl\:grid-cols-12{
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:gap-30px{
+    gap: 1.875rem;
+  }
+
+  .xl\:gap-5{
+    gap: 1.25rem;
+  }
+
+  .xl\:gap-x-5{
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .xl\:gap-x-50px{
+    -moz-column-gap: 3.125rem;
+         column-gap: 3.125rem;
+  }
+
+  .xl\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .xl\:px-35px{
+    padding-left: 2.1875rem;
+    padding-right: 2.1875rem;
+  }
+
+  .xl\:py-21px{
+    padding-top: 1.3125rem;
+    padding-bottom: 1.3125rem;
+  }
+
+  .xl\:py-50px{
+    padding-top: 3.125rem;
+    padding-bottom: 3.125rem;
+  }
+
+  .xl\:pl-100px{
+    padding-left: 6.25rem;
+  }
+
+  .xl\:pl-30px{
+    padding-left: 1.875rem;
+  }
+
+  .xl\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .xl\:pr-100px{
+    padding-right: 6.25rem;
+  }
+
+  .xl\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .xl\:pt-100px{
+    padding-top: 6.25rem;
+  }
+
+  .xl\:text-15px{
+    font-size: .9375rem;
+  }
+
+  .xl\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .xl\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .xl\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .xl\:text-35px{
+    font-size: 2.1875rem;
+  }
+
+  .xl\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .xl\:text-44px{
+    font-size: 2.75rem;
+  }
+
+  .xl\:text-45px{
+    font-size: 2.8125rem;
+  }
+
+  .xl\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .xl\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .xl\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .xl\:text-\[56px\]{
+    font-size: 56px;
+  }
+
+  .xl\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-1{
+    line-height: 1;
+  }
+
+  .xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .xl\:leading-110px{
+    line-height: 6.875rem;
+  }
+
+  .xl\:before\:top-7::before{
+    content: var(--tw-content);
+    top: 1.75rem;
+  }
+
+  .xl\:before\:text-80px::before{
+    content: var(--tw-content);
+    font-size: 5rem;
+  }
+}
+
+@media (min-width: 1300px){
+  .\32xl\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width: 1400px){
+  .\33xl\:block{
+    display: block;
+  }
+
+  .\33xl\:w-auto{
+    width: auto;
+  }
+
+  .\33xl\:px-35px{
+    padding-left: 2.1875rem;
+    padding-right: 2.1875rem;
+  }
+
+  .\33xl\:px-\[2\%\]{
+    padding-left: 2%;
+    padding-right: 2%;
+  }
+
+  .\33xl\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .\33xl\:leading-1{
+    line-height: 1;
+  }
+
+  .\33xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+}
+
+@media (min-width: 1600px){
+  .\34xl\:absolute{
+    position: absolute;
+  }
+
+  .\34xl\:-mt-65px{
+    margin-top: -4.0625rem;
+  }
+
+  .\34xl\:ml-auto{
+    margin-left: auto;
+  }
+
+  .\34xl\:mr-auto{
+    margin-right: auto;
+  }
+
+  .\34xl\:block{
+    display: block;
+  }
+
+  .\34xl\:h-\[70\%\]{
+    height: 70%;
+  }
+
+  .\34xl\:h-\[800px\]{
+    height: 800px;
+  }
+
+  .\34xl\:h-full{
+    height: 100%;
+  }
+
+  .\34xl\:h-screen{
+    height: 100vh;
+  }
+
+  .\34xl\:min-h-\[780px\]{
+    min-height: 780px;
+  }
+
+  .\34xl\:min-h-\[800px\]{
+    min-height: 800px;
+  }
+
+  .\34xl\:w-100{
+    width: 25rem;
+  }
+
+  .\34xl\:w-\[45\%\]{
+    width: 45%;
+  }
+
+  .\34xl\:max-w-500px{
+    max-width: 31.25rem;
+  }
+
+  .\34xl\:border-\[5px\]{
+    border-width: 5px;
+  }
+
+  .\34xl\:px-10px{
+    padding-left: .625rem;
+    padding-right: .625rem;
+  }
+
+  .\34xl\:px-\[5\%\]{
+    padding-left: 5%;
+    padding-right: 5%;
+  }
+
+  .\34xl\:px-\[9\%\]{
+    padding-left: 9%;
+    padding-right: 9%;
+  }
+
+  .\34xl\:text-65px{
+    font-size: 4.0625rem;
+  }
+
+  .\34xl\:text-7xl{
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .\34xl\:text-80px{
+    font-size: 5rem;
+  }
+
+  .\34xl\:text-90px{
+    font-size: 5.625rem;
+  }
+
+  .\34xl\:text-\[46px\]{
+    font-size: 46px;
+  }
+
+  .\34xl\:leading-1{
+    line-height: 1;
+  }
+
+  .\34xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .\34xl\:leading-65px{
+    line-height: 4.0625rem;
+  }
+}
+
+.ltr\:-left-\[300px\]:where([dir="ltr"], [dir="ltr"] *){
+  left: -300px;
+}
+
+.ltr\:-right-\[300px\]:where([dir="ltr"], [dir="ltr"] *){
+  right: -300px;
+}
+
+.ltr\:left-0:where([dir="ltr"], [dir="ltr"] *){
+  left: 0px;
+}
+
+.ltr\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *){
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *){
+  border-left-width: 1px;
+}
+
+@media (min-width: 480px){
+  .ltr\:xs\:-left-\[400px\]:where([dir="ltr"], [dir="ltr"] *){
+    left: -400px;
+  }
+
+  .ltr\:xs\:-right-\[400px\]:where([dir="ltr"], [dir="ltr"] *){
+    right: -400px;
+  }
+}
+
+.rtl\:-left-3:where([dir="rtl"], [dir="rtl"] *){
+  left: -0.75rem;
+}
+
+.rtl\:-left-\[300px\]:where([dir="rtl"], [dir="rtl"] *){
+  left: -300px;
+}
+
+.rtl\:-right-2:where([dir="rtl"], [dir="rtl"] *){
+  right: -0.5rem;
+}
+
+.rtl\:-right-\[300px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: -300px;
+}
+
+.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *){
+  right: 0px;
+}
+
+.rtl\:right-5:where([dir="rtl"], [dir="rtl"] *){
+  right: 1.25rem;
+}
+
+.rtl\:right-\[10px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: 10px;
+}
+
+.rtl\:right-\[60px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: 60px;
+}
+
+.rtl\:ml-25px:where([dir="rtl"], [dir="rtl"] *){
+  margin-left: 1.5625rem;
+}
+
+.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *){
+  margin-left: 0.75rem;
+}
+
+.rtl\:block:where([dir="rtl"], [dir="rtl"] *){
+  display: block;
+}
+
+.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *){
+  display: none;
+}
+
+.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rtl\:border-l:where([dir="rtl"], [dir="rtl"] *){
+  border-left-width: 1px;
+}
+
+.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *){
+  border-right-width: 1px;
+}
+
+.rtl\:border-r-4:where([dir="rtl"], [dir="rtl"] *){
+  border-right-width: 4px;
+}
+
+.rtl\:pl-15px:where([dir="rtl"], [dir="rtl"] *){
+  padding-left: .9375rem;
+}
+
+.rtl\:pr-10px:where([dir="rtl"], [dir="rtl"] *){
+  padding-right: .625rem;
+}
+
+.rtl\:pr-15px:where([dir="rtl"], [dir="rtl"] *){
+  padding-right: .9375rem;
+}
+
+@media (min-width: 480px){
+  .rtl\:xs\:-left-\[400px\]:where([dir="rtl"], [dir="rtl"] *){
+    left: -400px;
+  }
+
+  .rtl\:xs\:-right-\[400px\]:where([dir="rtl"], [dir="rtl"] *){
+    right: -400px;
+  }
+}
+
+@media (min-width: 1200px){
+  .rtl\:xl\:right-\[150px\]:where([dir="rtl"], [dir="rtl"] *){
+    right: 150px;
+  }
+
+  .rtl\:xl\:pl-30px:where([dir="rtl"], [dir="rtl"] *){
+    padding-left: 1.875rem;
+  }
+
+  .rtl\:xl\:pr-30px:where([dir="rtl"], [dir="rtl"] *){
+    padding-right: 1.875rem;
+  }
+}
diff --git a/quarter-rtl/assets/css/swiper-bundle.min.css b/quarter-rtl/assets/css/swiper-bundle.min.css
new file mode 100644
index 0000000..9991ad5
--- /dev/null
+++ b/quarter-rtl/assets/css/swiper-bundle.min.css
@@ -0,0 +1,705 @@
+/**
+ * Swiper 11.1.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2024 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: May 30, 2024
+ */
+
+@font-face {
+  font-family: swiper-icons;
+  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
+  font-weight: 400;
+  font-style: normal;
+}
+:root {
+  --swiper-theme-color: #007aff;
+}
+:host {
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  z-index: 1;
+}
+.swiper {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  z-index: 1;
+  display: block;
+}
+.swiper-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  transition-timing-function: var(
+    --swiper-wrapper-transition-timing-function,
+    initial
+  );
+  box-sizing: content-box;
+}
+.swiper-android .swiper-slide,
+.swiper-ios .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-horizontal {
+  touch-action: pan-y;
+}
+.swiper-vertical {
+  touch-action: pan-x;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+  display: block;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+  transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper {
+  transform-style: preserve-3d;
+}
+.swiper-3d {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-cube-shadow,
+.swiper-3d .swiper-slide {
+  transform-style: preserve-3d;
+}
+.swiper-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-css-mode.swiper-vertical > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
+  content: "";
+  flex-shrink: 0;
+  order: 9999;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: center center;
+  scroll-snap-stop: always;
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal
+  > .swiper-wrapper
+  > .swiper-slide:first-child {
+  margin-inline-start: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+  height: 100%;
+  min-height: 1px;
+  width: var(--swiper-centered-offset-after);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical
+  > .swiper-wrapper
+  > .swiper-slide:first-child {
+  margin-block-start: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+  width: 100%;
+  min-width: 1px;
+  height: var(--swiper-centered-offset-after);
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+  background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(
+    to left,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(
+    to top,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  transform-origin: 50%;
+  box-sizing: border-box;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
+.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
+  animation: swiper-preloader-spin 1s infinite linear;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.swiper-virtual .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+  height: 1px;
+  width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+  width: 1px;
+  height: var(--swiper-virtual-size);
+}
+:root {
+  --swiper-navigation-size: 44px;
+}
+.swiper-button-next,
+.swiper-button-prev {
+  position: absolute;
+  top: var(--swiper-navigation-top-offset, 50%);
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-next.swiper-button-disabled,
+.swiper-button-prev.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-next.swiper-button-hidden,
+.swiper-button-prev.swiper-button-hidden {
+  opacity: 0;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-navigation-disabled .swiper-button-next,
+.swiper-navigation-disabled .swiper-button-prev {
+  display: none !important;
+}
+.swiper-button-next svg,
+.swiper-button-prev svg {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transform-origin: center;
+}
+.swiper-rtl .swiper-button-next svg,
+.swiper-rtl .swiper-button-prev svg {
+  transform: rotate(180deg);
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+  left: var(--swiper-navigation-sides-offset, 10px);
+  right: auto;
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  font-variant: initial;
+  line-height: 1;
+}
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+  content: "prev";
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
+}
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+  content: "next";
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 0.3s opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+.swiper-pagination-disabled > .swiper-pagination,
+.swiper-pagination.swiper-pagination-disabled {
+  display: none !important;
+}
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal,
+.swiper-pagination-custom,
+.swiper-pagination-fraction {
+  bottom: var(--swiper-pagination-bottom, 8px);
+  top: var(--swiper-pagination-top, auto);
+  left: 0;
+  width: 100%;
+}
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: var(
+    --swiper-pagination-bullet-width,
+    var(--swiper-pagination-bullet-size, 8px)
+  );
+  height: var(
+    --swiper-pagination-bullet-height,
+    var(--swiper-pagination-bullet-size, 8px)
+  );
+  display: inline-block;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
+  background: var(--swiper-pagination-bullet-inactive-color, #000);
+  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+.swiper-pagination-bullet-active {
+  opacity: var(--swiper-pagination-bullet-opacity, 1);
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-pagination-vertical.swiper-pagination-bullets,
+.swiper-vertical > .swiper-pagination-bullets {
+  right: var(--swiper-pagination-right, 8px);
+  left: var(--swiper-pagination-left, auto);
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+  display: block;
+}
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet,
+.swiper-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 0.2s transform, 0.2s top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets
+  .swiper-pagination-bullet {
+  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: 0.2s transform, 0.2s left;
+}
+.swiper-horizontal.swiper-rtl
+  > .swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: 0.2s transform, 0.2s right;
+}
+.swiper-pagination-fraction {
+  color: var(--swiper-pagination-fraction-color, inherit);
+}
+.swiper-pagination-progressbar {
+  background: var(
+    --swiper-pagination-progressbar-bg-color,
+    rgba(0, 0, 0, 0.25)
+  );
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
+.swiper-vertical
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: var(--swiper-pagination-progressbar-size, 4px);
+  left: 0;
+  top: 0;
+}
+.swiper-horizontal
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-vertical > .swiper-pagination-progressbar {
+  width: var(--swiper-pagination-progressbar-size, 4px);
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+.swiper-scrollbar {
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  position: relative;
+  touch-action: none;
+  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
+}
+.swiper-scrollbar-disabled > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-disabled {
+  display: none !important;
+}
+.swiper-horizontal > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-horizontal {
+  position: absolute;
+  left: var(--swiper-scrollbar-sides-offset, 1%);
+  bottom: var(--swiper-scrollbar-bottom, 4px);
+  top: var(--swiper-scrollbar-top, auto);
+  z-index: 50;
+  height: var(--swiper-scrollbar-size, 4px);
+  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+.swiper-scrollbar.swiper-scrollbar-vertical,
+.swiper-vertical > .swiper-scrollbar {
+  position: absolute;
+  left: var(--swiper-scrollbar-left, auto);
+  right: var(--swiper-scrollbar-right, 4px);
+  top: var(--swiper-scrollbar-sides-offset, 1%);
+  z-index: 50;
+  width: var(--swiper-scrollbar-size, 4px);
+  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > canvas,
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+  touch-action: none;
+}
+.swiper .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-grid > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-fade .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube {
+  overflow: visible;
+}
+.swiper-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+  content: "";
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  filter: blur(50px);
+}
+.swiper-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-flip {
+  overflow: visible;
+}
+.swiper-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-creative .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  overflow: hidden;
+  transition-property: transform, opacity, height;
+}
+.swiper-cards {
+  overflow: visible;
+}
+.swiper-cards .swiper-slide {
+  transform-origin: center bottom;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  overflow: hidden;
+}
diff --git a/quarter-rtl/assets/css/ui-widget.css b/quarter-rtl/assets/css/ui-widget.css
new file mode 100644
index 0000000..4bbd3a7
--- /dev/null
+++ b/quarter-rtl/assets/css/ui-widget.css
@@ -0,0 +1,858 @@
+/*! jQuery UI - v1.11.4 - 2016-06-07
+* http://jqueryui.com
+* Includes: core.css, slider.css, theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+.ui-helper-hidden {
+  display: none;
+}
+.ui-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+  content: "";
+  display: table;
+  border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+  clear: both;
+}
+.ui-helper-clearfix {
+  min-height: 0;
+}
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity=0);
+}
+.ui-front {
+  z-index: 100;
+}
+.ui-state-disabled {
+  cursor: default !important;
+}
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+}
+.ui-widget-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.ui-slider {
+  position: relative;
+  text-align: left;
+}
+.ui-slider .ui-slider-handle {
+  position: absolute;
+  z-index: 2;
+  width: 1.2em;
+  height: 1.2em;
+  cursor: default;
+  -ms-touch-action: none;
+  touch-action: none;
+}
+.ui-slider .ui-slider-range {
+  position: absolute;
+  z-index: 1;
+  font-size: 0.7em;
+  display: block;
+  border: 0;
+  background-position: 0 0;
+}
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+  filter: inherit;
+}
+.ui-slider-horizontal {
+  height: 0.8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+  top: -0.3em;
+  margin-left: -0.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+  top: 0;
+  height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+  left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+  right: 0;
+}
+.ui-slider-vertical {
+  width: 0.8em;
+  height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.3em;
+  margin-left: 0;
+  margin-bottom: -0.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+  left: 0;
+  width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+  bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+  top: 0;
+}
+.ui-widget {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+  font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+  font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+  font-size: 1em;
+}
+.ui-widget-content {
+  border: 1px solid #a6c9e2;
+  background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50%
+    bottom repeat-x;
+  color: #222;
+}
+.ui-widget-content a {
+  color: #222;
+}
+.ui-widget-header {
+  border: 1px solid #4297d7;
+  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50%
+    50% repeat-x;
+  color: #fff;
+  font-weight: bold;
+}
+.ui-widget-header a {
+  color: #fff;
+}
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  border: 1px solid #c5dbec;
+  background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50%
+    repeat-x;
+  font-weight: bold;
+  color: #2e6e9e;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+  color: #2e6e9e;
+  text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  border: 1px solid #79b7e7;
+  background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50%
+    repeat-x;
+  font-weight: bold;
+  color: #1d5987;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+  color: #1d5987;
+  text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+  border: 1px solid #79b7e7;
+  background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50%
+    50% repeat-x;
+  font-weight: bold;
+  color: #e17009;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+  color: #e17009;
+  text-decoration: none;
+}
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+  border: 1px solid #fad42e;
+  background: #fbec88;
+  color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+  color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+  border: 1px solid #cd0a0a;
+  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50%
+    repeat-x;
+  color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+  color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+  color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+  font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+  opacity: 0.7;
+  filter: Alpha(Opacity=70);
+  font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+  opacity: 0.35;
+  filter: Alpha(Opacity=35);
+  background-image: none;
+}
+.ui-state-disabled .ui-icon {
+  filter: Alpha(Opacity=35);
+}
+.ui-icon {
+  width: 16px;
+  height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+  background-image: url("images/ui-icons_469bdd_256x240.png");
+}
+.ui-widget-header .ui-icon {
+  background-image: url("images/ui-icons_d8e7f3_256x240.png");
+}
+.ui-state-default .ui-icon {
+  background-image: url("images/ui-icons_6da8d5_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+  background-image: url("images/ui-icons_217bc0_256x240.png");
+}
+.ui-state-active .ui-icon {
+  background-image: url("images/ui-icons_f9bd01_256x240.png");
+}
+.ui-state-highlight .ui-icon {
+  background-image: url("images/ui-icons_2e83ff_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+  background-image: url("images/ui-icons_cd0a0a_256x240.png");
+}
+.ui-icon-blank {
+  background-position: 16px 16px;
+}
+.ui-icon-carat-1-n {
+  background-position: 0 0;
+}
+.ui-icon-carat-1-ne {
+  background-position: -16px 0;
+}
+.ui-icon-carat-1-e {
+  background-position: -32px 0;
+}
+.ui-icon-carat-1-se {
+  background-position: -48px 0;
+}
+.ui-icon-carat-1-s {
+  background-position: -64px 0;
+}
+.ui-icon-carat-1-sw {
+  background-position: -80px 0;
+}
+.ui-icon-carat-1-w {
+  background-position: -96px 0;
+}
+.ui-icon-carat-1-nw {
+  background-position: -112px 0;
+}
+.ui-icon-carat-2-n-s {
+  background-position: -128px 0;
+}
+.ui-icon-carat-2-e-w {
+  background-position: -144px 0;
+}
+.ui-icon-triangle-1-n {
+  background-position: 0 -16px;
+}
+.ui-icon-triangle-1-ne {
+  background-position: -16px -16px;
+}
+.ui-icon-triangle-1-e {
+  background-position: -32px -16px;
+}
+.ui-icon-triangle-1-se {
+  background-position: -48px -16px;
+}
+.ui-icon-triangle-1-s {
+  background-position: -64px -16px;
+}
+.ui-icon-triangle-1-sw {
+  background-position: -80px -16px;
+}
+.ui-icon-triangle-1-w {
+  background-position: -96px -16px;
+}
+.ui-icon-triangle-1-nw {
+  background-position: -112px -16px;
+}
+.ui-icon-triangle-2-n-s {
+  background-position: -128px -16px;
+}
+.ui-icon-triangle-2-e-w {
+  background-position: -144px -16px;
+}
+.ui-icon-arrow-1-n {
+  background-position: 0 -32px;
+}
+.ui-icon-arrow-1-ne {
+  background-position: -16px -32px;
+}
+.ui-icon-arrow-1-e {
+  background-position: -32px -32px;
+}
+.ui-icon-arrow-1-se {
+  background-position: -48px -32px;
+}
+.ui-icon-arrow-1-s {
+  background-position: -64px -32px;
+}
+.ui-icon-arrow-1-sw {
+  background-position: -80px -32px;
+}
+.ui-icon-arrow-1-w {
+  background-position: -96px -32px;
+}
+.ui-icon-arrow-1-nw {
+  background-position: -112px -32px;
+}
+.ui-icon-arrow-2-n-s {
+  background-position: -128px -32px;
+}
+.ui-icon-arrow-2-ne-sw {
+  background-position: -144px -32px;
+}
+.ui-icon-arrow-2-e-w {
+  background-position: -160px -32px;
+}
+.ui-icon-arrow-2-se-nw {
+  background-position: -176px -32px;
+}
+.ui-icon-arrowstop-1-n {
+  background-position: -192px -32px;
+}
+.ui-icon-arrowstop-1-e {
+  background-position: -208px -32px;
+}
+.ui-icon-arrowstop-1-s {
+  background-position: -224px -32px;
+}
+.ui-icon-arrowstop-1-w {
+  background-position: -240px -32px;
+}
+.ui-icon-arrowthick-1-n {
+  background-position: 0 -48px;
+}
+.ui-icon-arrowthick-1-ne {
+  background-position: -16px -48px;
+}
+.ui-icon-arrowthick-1-e {
+  background-position: -32px -48px;
+}
+.ui-icon-arrowthick-1-se {
+  background-position: -48px -48px;
+}
+.ui-icon-arrowthick-1-s {
+  background-position: -64px -48px;
+}
+.ui-icon-arrowthick-1-sw {
+  background-position: -80px -48px;
+}
+.ui-icon-arrowthick-1-w {
+  background-position: -96px -48px;
+}
+.ui-icon-arrowthick-1-nw {
+  background-position: -112px -48px;
+}
+.ui-icon-arrowthick-2-n-s {
+  background-position: -128px -48px;
+}
+.ui-icon-arrowthick-2-ne-sw {
+  background-position: -144px -48px;
+}
+.ui-icon-arrowthick-2-e-w {
+  background-position: -160px -48px;
+}
+.ui-icon-arrowthick-2-se-nw {
+  background-position: -176px -48px;
+}
+.ui-icon-arrowthickstop-1-n {
+  background-position: -192px -48px;
+}
+.ui-icon-arrowthickstop-1-e {
+  background-position: -208px -48px;
+}
+.ui-icon-arrowthickstop-1-s {
+  background-position: -224px -48px;
+}
+.ui-icon-arrowthickstop-1-w {
+  background-position: -240px -48px;
+}
+.ui-icon-arrowreturnthick-1-w {
+  background-position: 0 -64px;
+}
+.ui-icon-arrowreturnthick-1-n {
+  background-position: -16px -64px;
+}
+.ui-icon-arrowreturnthick-1-e {
+  background-position: -32px -64px;
+}
+.ui-icon-arrowreturnthick-1-s {
+  background-position: -48px -64px;
+}
+.ui-icon-arrowreturn-1-w {
+  background-position: -64px -64px;
+}
+.ui-icon-arrowreturn-1-n {
+  background-position: -80px -64px;
+}
+.ui-icon-arrowreturn-1-e {
+  background-position: -96px -64px;
+}
+.ui-icon-arrowreturn-1-s {
+  background-position: -112px -64px;
+}
+.ui-icon-arrowrefresh-1-w {
+  background-position: -128px -64px;
+}
+.ui-icon-arrowrefresh-1-n {
+  background-position: -144px -64px;
+}
+.ui-icon-arrowrefresh-1-e {
+  background-position: -160px -64px;
+}
+.ui-icon-arrowrefresh-1-s {
+  background-position: -176px -64px;
+}
+.ui-icon-arrow-4 {
+  background-position: 0 -80px;
+}
+.ui-icon-arrow-4-diag {
+  background-position: -16px -80px;
+}
+.ui-icon-extlink {
+  background-position: -32px -80px;
+}
+.ui-icon-newwin {
+  background-position: -48px -80px;
+}
+.ui-icon-refresh {
+  background-position: -64px -80px;
+}
+.ui-icon-shuffle {
+  background-position: -80px -80px;
+}
+.ui-icon-transfer-e-w {
+  background-position: -96px -80px;
+}
+.ui-icon-transferthick-e-w {
+  background-position: -112px -80px;
+}
+.ui-icon-folder-collapsed {
+  background-position: 0 -96px;
+}
+.ui-icon-folder-open {
+  background-position: -16px -96px;
+}
+.ui-icon-document {
+  background-position: -32px -96px;
+}
+.ui-icon-document-b {
+  background-position: -48px -96px;
+}
+.ui-icon-note {
+  background-position: -64px -96px;
+}
+.ui-icon-mail-closed {
+  background-position: -80px -96px;
+}
+.ui-icon-mail-open {
+  background-position: -96px -96px;
+}
+.ui-icon-suitcase {
+  background-position: -112px -96px;
+}
+.ui-icon-comment {
+  background-position: -128px -96px;
+}
+.ui-icon-person {
+  background-position: -144px -96px;
+}
+.ui-icon-print {
+  background-position: -160px -96px;
+}
+.ui-icon-trash {
+  background-position: -176px -96px;
+}
+.ui-icon-locked {
+  background-position: -192px -96px;
+}
+.ui-icon-unlocked {
+  background-position: -208px -96px;
+}
+.ui-icon-bookmark {
+  background-position: -224px -96px;
+}
+.ui-icon-tag {
+  background-position: -240px -96px;
+}
+.ui-icon-home {
+  background-position: 0 -112px;
+}
+.ui-icon-flag {
+  background-position: -16px -112px;
+}
+.ui-icon-calendar {
+  background-position: -32px -112px;
+}
+.ui-icon-cart {
+  background-position: -48px -112px;
+}
+.ui-icon-pencil {
+  background-position: -64px -112px;
+}
+.ui-icon-clock {
+  background-position: -80px -112px;
+}
+.ui-icon-disk {
+  background-position: -96px -112px;
+}
+.ui-icon-calculator {
+  background-position: -112px -112px;
+}
+.ui-icon-zoomin {
+  background-position: -128px -112px;
+}
+.ui-icon-zoomout {
+  background-position: -144px -112px;
+}
+.ui-icon-search {
+  background-position: -160px -112px;
+}
+.ui-icon-wrench {
+  background-position: -176px -112px;
+}
+.ui-icon-gear {
+  background-position: -192px -112px;
+}
+.ui-icon-heart {
+  background-position: -208px -112px;
+}
+.ui-icon-star {
+  background-position: -224px -112px;
+}
+.ui-icon-link {
+  background-position: -240px -112px;
+}
+.ui-icon-cancel {
+  background-position: 0 -128px;
+}
+.ui-icon-plus {
+  background-position: -16px -128px;
+}
+.ui-icon-plusthick {
+  background-position: -32px -128px;
+}
+.ui-icon-minus {
+  background-position: -48px -128px;
+}
+.ui-icon-minusthick {
+  background-position: -64px -128px;
+}
+.ui-icon-close {
+  background-position: -80px -128px;
+}
+.ui-icon-closethick {
+  background-position: -96px -128px;
+}
+.ui-icon-key {
+  background-position: -112px -128px;
+}
+.ui-icon-lightbulb {
+  background-position: -128px -128px;
+}
+.ui-icon-scissors {
+  background-position: -144px -128px;
+}
+.ui-icon-clipboard {
+  background-position: -160px -128px;
+}
+.ui-icon-copy {
+  background-position: -176px -128px;
+}
+.ui-icon-contact {
+  background-position: -192px -128px;
+}
+.ui-icon-image {
+  background-position: -208px -128px;
+}
+.ui-icon-video {
+  background-position: -224px -128px;
+}
+.ui-icon-script {
+  background-position: -240px -128px;
+}
+.ui-icon-alert {
+  background-position: 0 -144px;
+}
+.ui-icon-info {
+  background-position: -16px -144px;
+}
+.ui-icon-notice {
+  background-position: -32px -144px;
+}
+.ui-icon-help {
+  background-position: -48px -144px;
+}
+.ui-icon-check {
+  background-position: -64px -144px;
+}
+.ui-icon-bullet {
+  background-position: -80px -144px;
+}
+.ui-icon-radio-on {
+  background-position: -96px -144px;
+}
+.ui-icon-radio-off {
+  background-position: -112px -144px;
+}
+.ui-icon-pin-w {
+  background-position: -128px -144px;
+}
+.ui-icon-pin-s {
+  background-position: -144px -144px;
+}
+.ui-icon-play {
+  background-position: 0 -160px;
+}
+.ui-icon-pause {
+  background-position: -16px -160px;
+}
+.ui-icon-seek-next {
+  background-position: -32px -160px;
+}
+.ui-icon-seek-prev {
+  background-position: -48px -160px;
+}
+.ui-icon-seek-end {
+  background-position: -64px -160px;
+}
+.ui-icon-seek-start {
+  background-position: -80px -160px;
+}
+.ui-icon-seek-first {
+  background-position: -80px -160px;
+}
+.ui-icon-stop {
+  background-position: -96px -160px;
+}
+.ui-icon-eject {
+  background-position: -112px -160px;
+}
+.ui-icon-volume-off {
+  background-position: -128px -160px;
+}
+.ui-icon-volume-on {
+  background-position: -144px -160px;
+}
+.ui-icon-power {
+  background-position: 0 -176px;
+}
+.ui-icon-signal-diag {
+  background-position: -16px -176px;
+}
+.ui-icon-signal {
+  background-position: -32px -176px;
+}
+.ui-icon-battery-0 {
+  background-position: -48px -176px;
+}
+.ui-icon-battery-1 {
+  background-position: -64px -176px;
+}
+.ui-icon-battery-2 {
+  background-position: -80px -176px;
+}
+.ui-icon-battery-3 {
+  background-position: -96px -176px;
+}
+.ui-icon-circle-plus {
+  background-position: 0 -192px;
+}
+.ui-icon-circle-minus {
+  background-position: -16px -192px;
+}
+.ui-icon-circle-close {
+  background-position: -32px -192px;
+}
+.ui-icon-circle-triangle-e {
+  background-position: -48px -192px;
+}
+.ui-icon-circle-triangle-s {
+  background-position: -64px -192px;
+}
+.ui-icon-circle-triangle-w {
+  background-position: -80px -192px;
+}
+.ui-icon-circle-triangle-n {
+  background-position: -96px -192px;
+}
+.ui-icon-circle-arrow-e {
+  background-position: -112px -192px;
+}
+.ui-icon-circle-arrow-s {
+  background-position: -128px -192px;
+}
+.ui-icon-circle-arrow-w {
+  background-position: -144px -192px;
+}
+.ui-icon-circle-arrow-n {
+  background-position: -160px -192px;
+}
+.ui-icon-circle-zoomin {
+  background-position: -176px -192px;
+}
+.ui-icon-circle-zoomout {
+  background-position: -192px -192px;
+}
+.ui-icon-circle-check {
+  background-position: -208px -192px;
+}
+.ui-icon-circlesmall-plus {
+  background-position: 0 -208px;
+}
+.ui-icon-circlesmall-minus {
+  background-position: -16px -208px;
+}
+.ui-icon-circlesmall-close {
+  background-position: -32px -208px;
+}
+.ui-icon-squaresmall-plus {
+  background-position: -48px -208px;
+}
+.ui-icon-squaresmall-minus {
+  background-position: -64px -208px;
+}
+.ui-icon-squaresmall-close {
+  background-position: -80px -208px;
+}
+.ui-icon-grip-dotted-vertical {
+  background-position: 0 -224px;
+}
+.ui-icon-grip-dotted-horizontal {
+  background-position: -16px -224px;
+}
+.ui-icon-grip-solid-vertical {
+  background-position: -32px -224px;
+}
+.ui-icon-grip-solid-horizontal {
+  background-position: -48px -224px;
+}
+.ui-icon-gripsmall-diagonal-se {
+  background-position: -64px -224px;
+}
+.ui-icon-grip-diagonal-se {
+  background-position: -80px -224px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+  border-top-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+  border-top-right-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+  border-bottom-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+  border-bottom-right-radius: 5px;
+}
+.ui-widget-overlay {
+  background: #aaa;
+  opacity: 0.3;
+  filter: Alpha(Opacity=30);
+}
+.ui-widget-shadow {
+  margin: -8px 0 0 -8px;
+  padding: 8px;
+  background: #aaa;
+  opacity: 0.3;
+  filter: Alpha(Opacity=30);
+  border-radius: 8px;
+}
diff --git a/quarter-rtl/assets/fonts/flaticon.eot b/quarter-rtl/assets/fonts/flaticon.eot
new file mode 100644
index 0000000..419abc8
Binary files /dev/null and b/quarter-rtl/assets/fonts/flaticon.eot differ
diff --git a/quarter-rtl/assets/fonts/flaticon.svg b/quarter-rtl/assets/fonts/flaticon.svg
new file mode 100644
index 0000000..4f2e679
--- /dev/null
+++ b/quarter-rtl/assets/fonts/flaticon.svg
@@ -0,0 +1,576 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="flaticon" horiz-adv-x="300">
+    <font-face font-family="flaticon"
+      units-per-em="300" ascent="300"
+      descent="0" >
+    <missing-glyph horiz-adv-x="0" >
+    <glyph glyph-name="add-to-cart"
+      unicode="&#xF101;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-to-cart-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x74;&#x6F;&#x2D;&#x63;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#xF102;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user-1-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user"
+      unicode="&#xF103;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add"
+      unicode="&#xF104;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="add-1"
+      unicode="&#x61;&#x64;&#x64;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="airplane"
+      unicode="&#xF105;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133843 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387243 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="airplane-1"
+      unicode="&#x61;&#x69;&#x72;&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133844 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387244 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#xF106;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment-1-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment"
+      unicode="&#xF107;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.9944461741529 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.994446174153 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="armchair"
+      unicode="&#xF108;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="armchair-1"
+      unicode="&#x61;&#x72;&#x6D;&#x63;&#x68;&#x61;&#x69;&#x72;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="bathtub"
+      unicode="&#xF109;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bathtub-1"
+      unicode="&#x62;&#x61;&#x74;&#x68;&#x74;&#x75;&#x62;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#xF10A;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed-1-1"
+      unicode="&#x62;&#x65;&#x64;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331000001 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed"
+      unicode="&#xF10B;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="beds"
+      unicode="&#xF10C;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="beds-1"
+      unicode="&#x62;&#x65;&#x64;&#x73;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="book"
+      unicode="&#xF10D;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="book-1"
+      unicode="&#x62;&#x6F;&#x6F;&#x6B;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="branch"
+      unicode="&#xF10E;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110584 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="branch-1"
+      unicode="&#x62;&#x72;&#x61;&#x6E;&#x63;&#x68;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110585 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="building"
+      unicode="&#xF10F;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="building-1"
+      unicode="&#x62;&#x75;&#x69;&#x6C;&#x64;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="buy-home"
+      unicode="&#xF110;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-home-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-online"
+      unicode="&#xF111;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="buy-online-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="call-center-agent"
+      unicode="&#xF112;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="call-center-agent-1"
+      unicode="&#x63;&#x61;&#x6C;&#x6C;&#x2D;&#x63;&#x65;&#x6E;&#x74;&#x65;&#x72;&#x2D;&#x61;&#x67;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="car"
+      unicode="&#xF113;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="car-1"
+      unicode="&#x63;&#x61;&#x72;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="chat"
+      unicode="&#xF114;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="chat-1"
+      unicode="&#x63;&#x68;&#x61;&#x74;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="clean"
+      unicode="&#xF115;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="clean-1"
+      unicode="&#x63;&#x6C;&#x65;&#x61;&#x6E;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="deal-1"
+      unicode="&#xF116;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal-1-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal"
+      unicode="&#xF117;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890404H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890404H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="deal-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890405H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890405H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="dining-table-with-chairs"
+      unicode="&#xF118;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858474 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="dining-table-with-chairs-1"
+      unicode="&#x64;&#x69;&#x6E;&#x69;&#x6E;&#x67;&#x2D;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2D;&#x77;&#x69;&#x74;&#x68;&#x2D;&#x63;&#x68;&#x61;&#x69;&#x72;&#x73;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858475 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="double-bed"
+      unicode="&#xF119;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="double-bed-1"
+      unicode="&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="dryer"
+      unicode="&#xF11A;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dryer-1"
+      unicode="&#x64;&#x72;&#x79;&#x65;&#x72;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dumbbell"
+      unicode="&#xF11B;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbell"
+      unicode="&#xF11C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="dumbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="excavator"
+      unicode="&#xF11D;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="excavator-1"
+      unicode="&#x65;&#x78;&#x63;&#x61;&#x76;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="expand"
+      unicode="&#xF11E;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="expand-1"
+      unicode="&#x65;&#x78;&#x70;&#x61;&#x6E;&#x64;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol"
+      unicode="&#xF11F;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol-1"
+      unicode="&#x66;&#x61;&#x73;&#x74;&#x2D;&#x66;&#x6F;&#x72;&#x77;&#x61;&#x72;&#x64;&#x2D;&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;&#x73;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="financial"
+      unicode="&#xF120;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="financial-1"
+      unicode="&#x66;&#x69;&#x6E;&#x61;&#x6E;&#x63;&#x69;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="garage-1"
+      unicode="&#xF121;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337972 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage-1-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337973 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage"
+      unicode="&#xF122;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="garage-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="google-docs"
+      unicode="&#xF123;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="google-docs-1"
+      unicode="&#x67;&#x6F;&#x6F;&#x67;&#x6C;&#x65;&#x2D;&#x64;&#x6F;&#x63;&#x73;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#xF124;"
+      horiz-adv-x="300" d="M275.4664589327671 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355803 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327671 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart-1-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M275.4664589327672 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355804 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327672 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart"
+      unicode="&#xF125;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="home-1"
+      unicode="&#xF126;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500001 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-1-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500002 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-2"
+      unicode="&#xF127;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102261 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355914 150.0017577919009 288.2796295355914S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274923 182.9878946731093 288.2813873274923 179.2965316812694C288.2813873274923 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355914H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907954 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-2-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102262 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355915 150.0017577919009 288.2796295355915S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274924 182.9878946731093 288.2813873274924 179.2965316812694C288.2813873274924 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355915H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907955 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-3"
+      unicode="&#xF128;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home-3-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home"
+      unicode="&#xF129;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="home-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="hospital"
+      unicode="&#xF12A;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="hospital-1"
+      unicode="&#x68;&#x6F;&#x73;&#x70;&#x69;&#x74;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="house-1"
+      unicode="&#xF12B;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-1-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-2"
+      unicode="&#xF12C;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-2-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-3"
+      unicode="&#xF12D;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-3-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-4"
+      unicode="&#xF12E;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-4-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x34;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-key"
+      unicode="&#xF12F;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747578 139.0957622091874 273.5747709747578 141.82429315231C273.5747709747578 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house-key-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747579 139.0957622091874 273.5747709747579 141.82429315231C273.5747709747579 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house"
+      unicode="&#xF130;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="house-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="key-1"
+      unicode="&#xF131;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key-1-1"
+      unicode="&#x6B;&#x65;&#x79;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key"
+      unicode="&#xF132;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="key-1"
+      unicode="&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#xF133;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote-1-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote"
+      unicode="&#xF134;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937501 73.96046484375 299.9970135937501 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937502 73.96046484375 299.9970135937502 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quotes-sign"
+      unicode="&#xF135;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="left-quotes-sign-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x73;&#x2D;&#x73;&#x69;&#x67;&#x6E;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="location"
+      unicode="&#xF136;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875001C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="location-1"
+      unicode="&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875002C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="loupe"
+      unicode="&#xF137;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="loupe-1"
+      unicode="&#x6C;&#x6F;&#x75;&#x70;&#x65;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="mall"
+      unicode="&#xF138;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="mall-1"
+      unicode="&#x6D;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="maps-and-location"
+      unicode="&#xF139;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="maps-and-location-1"
+      unicode="&#x6D;&#x61;&#x70;&#x73;&#x2D;&#x61;&#x6E;&#x64;&#x2D;&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="measure"
+      unicode="&#xF13A;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="measure-1"
+      unicode="&#x6D;&#x65;&#x61;&#x73;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="metro"
+      unicode="&#xF13B;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="metro-1"
+      unicode="&#x6D;&#x65;&#x74;&#x72;&#x6F;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="mortarboard"
+      unicode="&#xF13C;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortarboard-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x61;&#x72;&#x62;&#x6F;&#x61;&#x72;&#x64;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortgage"
+      unicode="&#xF13D;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mortgage-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x67;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mountain"
+      unicode="&#xF13E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="mountain-1"
+      unicode="&#x6D;&#x6F;&#x75;&#x6E;&#x74;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="office"
+      unicode="&#xF13F;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351352 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="office-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x65;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351353 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="official-documents"
+      unicode="&#xF140;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="official-documents-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x69;&#x61;&#x6C;&#x2D;&#x64;&#x6F;&#x63;&#x75;&#x6D;&#x65;&#x6E;&#x74;&#x73;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="online-shop"
+      unicode="&#xF141;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844131L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="online-shop-1"
+      unicode="&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;&#x2D;&#x73;&#x68;&#x6F;&#x70;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844132L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="operator"
+      unicode="&#xF142;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="operator-1"
+      unicode="&#x6F;&#x70;&#x65;&#x72;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="package"
+      unicode="&#xF143;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101324 152.622985546875 294.1406135101324 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="package-1"
+      unicode="&#x70;&#x61;&#x63;&#x6B;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101325 152.622985546875 294.1406135101325 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="park"
+      unicode="&#xF144;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="park-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="parking"
+      unicode="&#xF145;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="parking-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="pencil"
+      unicode="&#xF146;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="pencil-1"
+      unicode="&#x70;&#x65;&#x6E;&#x63;&#x69;&#x6C;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="phone-call"
+      unicode="&#xF147;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="phone-call-1"
+      unicode="&#x70;&#x68;&#x6F;&#x6E;&#x65;&#x2D;&#x63;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="pin"
+      unicode="&#xF148;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="pin-1"
+      unicode="&#x70;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="plane"
+      unicode="&#xF149;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plane-1"
+      unicode="&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plus"
+      unicode="&#xF14A;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="plus-1"
+      unicode="&#x70;&#x6C;&#x75;&#x73;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="quotation"
+      unicode="&#xF14B;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="quotation-1"
+      unicode="&#x71;&#x75;&#x6F;&#x74;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="right-arrow"
+      unicode="&#xF14C;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-arrow-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-quote"
+      unicode="&#xF14D;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="right-quote-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="salad"
+      unicode="&#xF14E;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="salad-1"
+      unicode="&#x73;&#x61;&#x6C;&#x61;&#x64;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="secure-shield"
+      unicode="&#xF14F;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109986 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure-shield-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x69;&#x65;&#x6C;&#x64;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109987 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure"
+      unicode="&#xF150;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="secure-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="select"
+      unicode="&#xF151;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="select-1"
+      unicode="&#x73;&#x65;&#x6C;&#x65;&#x63;&#x74;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="sewing"
+      unicode="&#xF152;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="sewing-1"
+      unicode="&#x73;&#x65;&#x77;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="slider"
+      unicode="&#xF153;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000001V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000001L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250001L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slider-1"
+      unicode="&#x73;&#x6C;&#x69;&#x64;&#x65;&#x72;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000002V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000002L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250002L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slumber"
+      unicode="&#xF154;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="slumber-1"
+      unicode="&#x73;&#x6C;&#x75;&#x6D;&#x62;&#x65;&#x72;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol"
+      unicode="&#xF155;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol-1"
+      unicode="&#x73;&#x71;&#x75;&#x61;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x61;&#x70;&#x65;&#x2D;&#x64;&#x65;&#x73;&#x69;&#x67;&#x6E;&#x2D;&#x69;&#x6E;&#x74;&#x65;&#x72;&#x66;&#x61;&#x63;&#x65;&#x2D;&#x74;&#x6F;&#x6F;&#x6C;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="stethoscope"
+      unicode="&#xF156;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193495 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267263 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.4666806942399 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649143C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="stethoscope-1"
+      unicode="&#x73;&#x74;&#x65;&#x74;&#x68;&#x6F;&#x73;&#x63;&#x6F;&#x70;&#x65;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193496 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267264 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.46668069424 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649144C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="support"
+      unicode="&#xF157;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="support-1"
+      unicode="&#x73;&#x75;&#x70;&#x70;&#x6F;&#x72;&#x74;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="swimming"
+      unicode="&#xF158;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.972605415245 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="swimming-1"
+      unicode="&#x73;&#x77;&#x69;&#x6D;&#x6D;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.9726054152451 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="toilet"
+      unicode="&#xF159;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="toilet-1"
+      unicode="&#x74;&#x6F;&#x69;&#x6C;&#x65;&#x74;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="train"
+      unicode="&#xF15A;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="train-1"
+      unicode="&#x74;&#x72;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="user-1"
+      unicode="&#xF15B;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user-1-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user"
+      unicode="&#xF15C;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="user-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="vegetable"
+      unicode="&#xF15D;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="vegetable-1"
+      unicode="&#x76;&#x65;&#x67;&#x65;&#x74;&#x61;&#x62;&#x6C;&#x65;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="washer"
+      unicode="&#xF15E;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+    <glyph glyph-name="washer-1"
+      unicode="&#x77;&#x61;&#x73;&#x68;&#x65;&#x72;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+  </font>
+</defs>
+</svg>
diff --git a/quarter-rtl/assets/fonts/flaticon.ttf b/quarter-rtl/assets/fonts/flaticon.ttf
new file mode 100644
index 0000000..dee8e79
Binary files /dev/null and b/quarter-rtl/assets/fonts/flaticon.ttf differ
diff --git a/quarter-rtl/assets/fonts/flaticon.woff b/quarter-rtl/assets/fonts/flaticon.woff
new file mode 100644
index 0000000..eea8270
Binary files /dev/null and b/quarter-rtl/assets/fonts/flaticon.woff differ
diff --git a/quarter-rtl/assets/fonts/flaticon.woff2 b/quarter-rtl/assets/fonts/flaticon.woff2
new file mode 100644
index 0000000..20712d6
Binary files /dev/null and b/quarter-rtl/assets/fonts/flaticon.woff2 differ
diff --git a/quarter-rtl/assets/fonts/icomoon.eot b/quarter-rtl/assets/fonts/icomoon.eot
new file mode 100644
index 0000000..1e6a190
Binary files /dev/null and b/quarter-rtl/assets/fonts/icomoon.eot differ
diff --git a/quarter-rtl/assets/fonts/icomoon.svg b/quarter-rtl/assets/fonts/icomoon.svg
new file mode 100644
index 0000000..a39fd80
--- /dev/null
+++ b/quarter-rtl/assets/fonts/icomoon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" >
+<missing-glyph horiz-adv-x="1024" >
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" >
+<glyph unicode="&#xe900;" glyph-name="cancel" d="M568.571 447.997l443.713 443.715c15.622 15.622 15.622 40.95 0 56.57s-40.95 15.622-56.57 0l-443.715-443.715-443.713 443.715c-15.622 15.622-40.95 15.622-56.57 0s-15.622-40.95 0-56.57l443.713-443.713-443.713-443.715c-15.622-15.622-15.622-40.95 0-56.57 7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714l443.711 443.713 443.713-443.713c7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714c15.622 15.622 15.622 40.95 0 56.57l-443.713 443.713z" >
+<glyph unicode="&#xe901;" glyph-name="star" d="M1022.53 565.486c-3.528 10.862-12.914 18.778-24.214 20.418l-317.445 46.13-141.969 287.653c-5.052 10.24-15.482 16.722-26.9 16.722-11.42 0-21.848-6.482-26.902-16.722l-141.975-287.653-317.439-46.13c-11.298-1.64-20.688-9.556-24.216-20.416-3.53-10.862-0.586-22.784 7.592-30.754l229.695-223.907-54.216-316.165c-1.932-11.256 2.696-22.628 11.934-29.342 5.226-3.796 11.416-5.728 17.636-5.728 4.776 0 9.568 1.138 13.956 3.446l283.933 149.275 283.921-149.273c10.11-5.314 22.356-4.43 31.594 2.282s13.868 18.088 11.938 29.344l-54.234 316.161 229.721 223.909c8.176 7.968 11.122 19.89 7.59 30.75z" >
+<glyph unicode="&#xe902;" glyph-name="star-1" d="M229.193-43.294c-11.219 0-22.36 3.5-31.868 10.375-17.711 12.836-25.985 34.899-21.165 56.189l65.877 290.187-223.412 195.927c-16.422 14.336-22.696 37.040-15.954 57.814 6.742 20.735 25.087 35.415 46.806 37.423l295.601 26.837 116.87 273.499c8.617 20.094 28.243 33.071 50.048 33.071s41.431-12.977 50.048-33.024l116.87-273.546 295.554-26.837c21.766-1.961 40.11-16.688 46.853-37.423s0.508-43.478-15.914-57.814l-223.412-195.888 65.877-290.179c4.828-21.336-3.453-43.4-21.157-56.197-17.665-12.797-41.22-13.782-59.822-2.602l-254.897 152.324-254.897-152.41c-8.617-5.117-18.219-7.727-27.907-7.727zM511.998 182.462c9.688 0 19.282-2.602 27.907-7.719l240.561-143.879-62.173 273.89c-4.438 19.493 2.18 39.845 17.243 53.033l210.951 185.005-279.093 25.344c-20.094 1.836-37.376 14.469-45.228 32.985l-110.167 258.1-110.3-258.139c-7.766-18.391-25.048-31.024-45.095-32.86l-279.132-25.344 210.943-185.005c15.11-13.227 21.719-33.54 17.243-53.079l-62.127-273.882 240.561 143.832c8.617 5.117 18.219 7.719 27.907 7.719zM342.821 626.169s0-0.047-0.047-0.086zM681.088 626.294l0.047-0.086c0 0.047 0 0.047-0.047 0.086z" >
+<glyph unicode="&#xe903;" glyph-name="plus" d="M984 488h-432v432c0 22.092-17.908 40-40 40s-40-17.908-40-40v-432h-432c-22.092 0-40-17.908-40-40s17.908-40 40-40h432v-432c0-22.092 17.908-40 40-40s40 17.908 40 40v432h432c22.092 0 40 17.908 40 40s-17.908 40-40 40z" >
+<glyph unicode="&#xe904;" glyph-name="remove" d="M981.332 490.668h-938.665c-23.565 0-42.668-19.103-42.668-42.668s19.102-42.668 42.668-42.668h938.668c23.565 0 42.668 19.102 42.668 42.668s-19.105 42.668-42.67 42.668z" >
+<glyph unicode="&#xe905;" glyph-name="compare" d="M358.912 345.6h-358.912v-102.4h358.912v-153.6l204.288 204.8-204.288 204.8zM665.088 652.8v153.6l-204.288-204.8 204.288-204.8v153.6h358.912v102.4z" >
+<glyph unicode="&#xe906;" glyph-name="facebook" d="M682.539 789.973h93.483v162.816c-16.128 2.219-71.595 7.211-136.192 7.211-134.784 0-227.115-84.779-227.115-240.597v-143.403h-148.736v-182.016h148.736v-457.984h182.357v457.941h142.72l22.656 182.016h-165.419v125.397c0.043 52.608 14.208 88.619 87.509 88.619z" >
+<glyph unicode="&#xe907;" glyph-name="twitter" d="M1024 765.504c-38.080-16.704-78.656-27.776-120.96-33.152 43.52 25.984 76.736 66.816 92.352 116.032-40.576-24.192-85.376-41.28-133.12-50.816-38.528 41.024-93.44 66.432-153.344 66.432-116.224 0-209.792-94.336-209.792-209.984 0-16.64 1.408-32.64 4.864-47.872-174.528 8.512-328.96 92.16-432.704 219.584-18.112-31.424-28.736-67.392-28.736-106.112 0-72.704 37.44-137.152 93.248-174.464-33.728 0.64-66.816 10.432-94.848 25.856 0-0.64 0-1.472 0-2.304 0-102.016 72.768-186.752 168.192-206.272-17.088-4.672-35.712-6.912-55.040-6.912-13.44 0-27.008 0.768-39.744 3.584 27.2-83.136 104.384-144.256 196.16-146.24-71.424-55.872-162.112-89.536-260.288-89.536-17.216 0-33.728 0.768-50.24 2.88 92.992-59.968 203.2-94.208 322.048-94.208 386.304 0 597.504 320 597.504 597.376 0 9.28-0.32 18.24-0.768 27.136 41.664 29.568 76.672 66.496 105.216 108.992z" >
+<glyph unicode="&#xe908;" glyph-name="linkedin" d="M1023.744-64v0.043h0.256v375.552c0 183.723-39.552 325.248-254.336 325.248-103.253 0-172.544-56.661-200.832-110.379h-2.987v93.227h-203.648v-683.648h212.053v338.517c0 89.131 16.896 175.317 127.275 175.317 108.757 0 110.379-101.717 110.379-181.035v-332.843zM16.896 619.648h212.309v-683.648h-212.309zM122.965 960c-67.883 0-122.965-55.083-122.965-122.965s55.083-124.117 122.965-124.117 122.965 56.235 122.965 124.117c-0.043 67.883-55.125 122.965-122.965 122.965z" >
+<glyph unicode="&#xe909;" glyph-name="whatsapp" d="M512.128 960h-0.256c-282.304 0-511.872-229.632-511.872-512 0-112 36.096-215.808 97.472-300.096l-63.808-190.208 196.8 62.912c80.96-53.632 177.536-84.608 281.664-84.608 282.304 0 511.872 229.696 511.872 512s-229.568 512-511.872 512zM810.048 236.992c-12.352-34.88-61.376-63.808-100.48-72.256-26.752-5.696-61.696-10.24-179.328 38.528-150.464 62.336-247.36 215.232-254.912 225.152-7.232 9.92-60.8 80.96-60.8 154.432s37.312 109.248 52.352 124.608c12.352 12.608 32.768 18.368 52.352 18.368 6.336 0 12.032-0.32 17.152-0.576 15.040-0.64 22.592-1.536 32.512-25.28 12.352-29.76 42.432-103.232 46.016-110.784 3.648-7.552 7.296-17.792 2.176-27.712-4.8-10.24-9.024-14.784-16.576-23.488s-14.72-15.36-22.272-24.704c-6.912-8.128-14.72-16.832-6.016-31.872 8.704-14.72 38.784-63.808 83.072-103.232 57.152-50.88 103.488-67.136 120.064-74.048 12.352-5.12 27.072-3.904 36.096 5.696 11.456 12.352 25.6 32.832 40 52.992 10.24 14.464 23.168 16.256 36.736 11.136 13.824-4.8 86.976-40.96 102.016-48.448 15.040-7.552 24.96-11.136 28.608-17.472 3.584-6.336 3.584-36.096-8.768-71.040z" >
+<glyph unicode="&#xe90a;" glyph-name="youtube" d="M980.48 732.16c-27.776 49.408-57.92 58.496-119.296 61.952-61.312 4.16-215.488 5.888-349.056 5.888-133.824 0-288.064-1.728-349.312-5.824-61.248-3.52-91.456-12.544-119.488-62.016-28.608-49.344-43.328-134.336-43.328-283.968 0-0.128 0-0.192 0-0.192 0-0.128 0-0.192 0-0.192v-0.128c0-148.992 14.72-234.624 43.328-283.456 28.032-49.408 58.176-58.368 119.424-62.528 61.312-3.584 215.552-5.696 349.376-5.696 133.568 0 287.744 2.112 349.12 5.632 61.376 4.16 91.52 13.12 119.296 62.528 28.864 48.832 43.456 134.464 43.456 283.456 0 0 0 0.192 0 0.32 0 0 0 0.128 0 0.192 0 149.696-14.592 234.688-43.52 284.032zM384 256v384l320-192-320-192z" >
+<glyph unicode="&#xe90b;" glyph-name="mail" d="M971.486 789.334h-918.972c-28.884 0-52.514-23.63-52.514-52.512v-577.642c0-28.88 23.63-52.514 52.514-52.514h918.974c28.88 0 52.514 23.63 52.514 52.514v577.642c-0.002 28.882-23.632 52.512-52.516 52.512zM951.78 749.952l-409.572-307.204c-7.364-5.604-18.668-9.11-30.21-9.058-11.54-0.052-22.842 3.454-30.208 9.058l-409.572 307.204h879.562zM733 422.478l223.18-275.694c0.224-0.276 0.498-0.486 0.736-0.736h-889.832c0.236 0.262 0.512 0.46 0.736 0.736l223.18 275.694c6.838 8.454 5.542 20.848-2.928 27.702-8.454 6.838-20.848 5.542-27.688-2.914l-221-273.002v551.072l418.788-314.092c15.742-11.724 34.894-16.884 53.824-16.936 18.904 0.040 38.072 5.2 53.824 16.936l418.788 314.092v-551.068l-220.994 272.998c-6.84 8.454-19.246 9.754-27.688 2.914-8.468-6.838-9.768-19.248-2.926-27.702z" >
+<glyph unicode="&#xe90c;" glyph-name="placeholder" d="M512 960c-198.504 0-360-161.496-360-360 0-67.068 18.578-132.52 53.738-189.304l285.77-460.514c5.474-8.822 15.118-14.182 25.49-14.182 0.080 0 0.158 0 0.238 0 10.462 0.082 20.126 5.608 25.5 14.584l278.486 464.976c33.22 55.584 50.778 119.362 50.778 184.44 0 198.504-161.496 360-360 360zM769.732 446.364l-253.188-422.736-259.81 418.68c-29.266 47.264-45.134 101.792-45.134 157.692 0 165.42 134.98 300.4 300.4 300.4s300.2-134.98 300.2-300.4c0-54.242-14.822-107.376-42.468-153.636zM512 780c-99.252 0-180-80.748-180-180 0-98.618 79.434-180 180-180 101.806 0 180 82.466 180 180 0 99.252-80.748 180-180 180zM512 479.6c-66.514 0-120.4 54.066-120.4 120.4 0 66.168 54.232 120.4 120.4 120.4s120.2-54.232 120.2-120.4c0-65.366-52.632-120.4-120.2-120.4z" >
+<glyph unicode="&#xe90d;" glyph-name="call" d="M997.13 170.039l-207.261 138.219c-26.302 17.399-61.559 11.674-81.004-13.156l-60.373-77.624c-7.759-10.23-21.863-13.198-33.087-6.963l-11.484 6.331c-38.070 20.751-85.439 46.585-180.879 142.059s-121.326 142.879-142.077 180.879l-6.297 11.484c-6.321 11.222-3.409 25.386 6.825 33.207l77.572 60.355c24.82 19.447 30.553 54.694 13.174 81.004l-138.219 207.261c-17.811 26.792-53.546 34.835-81.12 18.259l-86.669-52.062c-27.232-16.010-47.211-41.938-55.748-72.351-31.209-113.715-7.731-309.97 281.37-599.105 229.974-229.956 401.178-291.797 518.853-291.797 27.082-0.116 54.058 3.407 80.202 10.476 30.419 8.527 56.352 28.508 72.351 55.748l52.114 86.617c16.6 27.58 8.561 63.337-18.243 81.158zM985.97 106.391l-51.994-86.669c-11.488-19.661-30.14-34.117-52.046-40.34-104.978-28.822-288.383-4.949-565.932 272.6s-301.419 460.938-272.598 565.932c6.231 21.933 20.705 40.608 40.39 52.114l86.669 51.994c11.964 7.199 27.474 3.709 35.203-7.917l138.102-207.243c7.547-11.412 5.067-26.708-5.699-35.153l-77.59-60.355c-23.612-18.055-30.355-50.724-15.818-76.653l6.161-11.194c21.809-39.998 48.923-89.757 147.912-188.73 98.989-98.971 148.732-126.087 188.712-147.894l11.21-6.177c25.926-14.536 58.597-7.795 76.653 15.818l60.355 77.59c8.447 10.76 23.736 13.238 35.153 5.699l207.243-138.219c11.634-7.723 15.124-23.241 7.915-35.203zM580.236 789.245c160.138-0.178 289.911-129.953 290.091-290.091 0-9.425 7.639-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.198 178.979-145.238 324.022-324.218 324.218-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 686.861c103.617-0.122 187.584-84.090 187.706-187.706 0-9.425 7.641-17.063 17.063-17.063 9.425 0 17.063 7.639 17.063 17.063-0.142 122.458-99.377 221.693-221.833 221.833-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 584.476c47.097-0.056 85.263-38.222 85.321-85.321 0-9.425 7.641-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.076 65.938-53.51 119.374-119.448 119.448-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063z" >
+<glyph unicode="&#xe90e;" glyph-name="left-arrow" d="M334.018 797.137c14.436 14.436 37.164 14.436 51.6 0 13.949-13.949 13.949-37.164 0-51.080l-261.641-261.641h863.38c20.126 0 36.643-15.997 36.643-36.123s-16.517-36.643-36.643-36.643h-863.38l261.641-261.153c13.949-14.436 13.949-37.684 0-51.6-14.436-14.436-37.164-14.436-51.6 0l-323.581 323.581c-13.949 13.949-13.949 37.164 0 51.080l323.581 323.581z" >
+<glyph unicode="&#xe90f;" glyph-name="next" d="M689.55 797.181c-13.95 14.438-37.168 14.438-51.606 0-13.95-13.95-13.95-37.168 0-51.086l261.674-261.674h-863.49c-20.129-0.033-36.128-16.032-36.128-36.16s15.999-36.648 36.128-36.648h863.49l-261.674-261.187c-13.95-14.438-13.95-37.689 0-51.606 14.438-14.438 37.689-14.438 51.606 0l323.622 323.622c14.438 13.95 14.438 37.168 0 51.086l-323.622 323.654z" >
+<glyph unicode="&#xe910;" glyph-name="arrows" d="M861.287 625.791c14.443-14.443 14.443-37.181 0-51.625-13.955-13.955-37.181-13.955-51.104 0l-261.766 261.766v-863.824c0-20.136-16.005-36.14-36.14-36.14s-36.661 16.005-36.661 36.14v863.857l-261.245-261.766c-14.443-13.955-37.702-13.955-51.625 0-14.443 14.443-14.443 37.181 0 51.625l323.735 323.735c13.955 13.955 37.181 13.955 51.104 0l323.702-323.767z" >
+<glyph unicode="&#xe911;" glyph-name="down-arrow" d="M861.547 270.177c13.955 14.443 13.955 37.181 0 51.625-14.443 13.955-37.702 13.955-51.625 0l-261.766-261.766v863.824c0 20.136-16.005 36.14-36.14 36.14s-36.661-16.005-36.661-36.14v-863.824l-261.245 261.766c-14.443 13.955-37.181 13.955-51.625 0-13.955-14.443-13.955-37.181 0-51.625l323.735-323.735c13.955-13.955 37.181-13.955 51.625 0l323.702 323.735z" >
+<glyph unicode="&#xe912;" glyph-name="mechanic" d="M951.984-31.968c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM920.016 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM983.984 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM999.984 192h-95.968c-8.848 0-16 7.152-16 16s7.152 16 16 16h95.968c8.848 0 16-7.152 16-16s-7.152-16-16-16zM951.984 192c-8.848 0-16 7.152-16 16v208c0 8.848 7.152 16 16 16s16-7.152 16-16v-208c0-8.848-7.152-16-16-16zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688-6.256 6.256-6.256 16.368 0 22.624l32 32c6.256 6.256 16.368 6.256 22.624 0s6.256-16.368 0-22.624l-32-32c-3.12-3.12-7.216-4.688-11.312-4.688zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688l-32 32c-6.256 6.256-6.256 16.368 0 22.624s16.368 6.256 22.624 0l32-32c6.256-6.256 6.256-16.368 0-22.624-3.12-3.12-7.216-4.688-11.312-4.688zM919.984 432c-1.984 0-4 0.352-5.936 1.136-8.208 3.28-12.208 12.592-8.928 20.8l32 80.032c3.28 8.24 12.672 12.224 20.8 8.928 8.208-3.28 12.208-12.592 8.928-20.8l-32-80.032c-2.512-6.272-8.512-10.064-14.864-10.064zM983.984 432c-6.336 0-12.352 3.792-14.864 10.064l-32 80.032c-3.28 8.208 0.72 17.52 8.928 20.8 8.144 3.28 17.52-0.688 20.8-8.928l32-80.032c3.28-8.208-0.72-17.52-8.928-20.8-1.936-0.784-3.952-1.136-5.936-1.136zM792 352.096c-52.944 0-96 43.056-96 96 0 38.064 22.592 72.56 57.584 87.904 4.928 2.176 10.656 1.696 15.168-1.264 4.528-2.96 7.248-7.984 7.248-13.392v-57.248c0-8.832 7.168-16 16-16s16 7.168 16 16v57.248c0 5.408 2.72 10.432 7.248 13.392 4.496 2.976 10.208 3.456 15.168 1.264 34.976-15.328 57.584-49.824 57.584-87.904 0-52.944-43.056-96-96-96zM744 490.336c-10.112-11.472-16-26.384-16-42.24 0-35.296 28.704-64 64-64s64 28.704 64 64c0 15.856-5.888 30.784-16 42.256v-26.256c0-26.464-21.536-48-48-48s-48 21.536-48 48zM792-32.032c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM824-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM760-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM24.016 79.968c-8.848 0-16 7.152-16 16 0 79.424 64.608 144.032 144.032 144.032 8.848 0 16-7.152 16-16s-7.152-16-16-16c-61.776 0-112.032-50.256-112.032-112.032 0-8.848-7.152-16-16-16zM695.984 79.968c-8.848 0-16 7.152-16 16 0 61.744-50.256 112-112 112-8.848 0-16 7.152-16 16s7.152 16 16 16c79.408 0 144-64.592 144-144 0-8.848-7.152-16-16-16zM248 207.968l-95.952 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.952-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM567.984 207.968l-95.984 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.984-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM24.048-31.968c-8.832 0-16 7.152-16 16l-0.032 111.936c0 8.832 7.152 16 16 16 8.832 0 16-7.152 16-16l0.032-111.936c0-8.832-7.152-16-16-16zM695.984-31.968c-8.848 0-16 7.152-16 16v111.936c0 8.848 7.152 16 16 16s16-7.152 16-16v-111.936c0-8.848-7.152-16-16-16zM248 207.968c-8.848 0-16 7.152-16 16v91.712c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.712c0-8.848-7.152-16-16-16zM472 208c-8.848 0-16 7.152-16 16v91.68c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.68c0-8.848-7.152-16-16-16zM360 272c-141.152 0-256 114.848-256 256 0 8.848 7.152 16 16 16s16-7.152 16-16c0-123.52 100.48-224 224-224s224 100.48 224 224c0 8.848 7.152 16 16 16s16-7.152 16-16c0-141.152-114.848-256-256-256zM600 640.032c-8.848 0-16 7.152-16 16 0 123.52-100.48 224-224 224s-224-100.48-224-224c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 141.152 114.848 256 256 256s256-114.848 256-256c0-8.848-7.152-16-16-16zM120 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM600 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM632 576.032h-544c-8.848 0-16 7.152-16 16s7.152 16 16 16h544c8.848 0 16-7.152 16-16s-7.152-16-16-16zM632 576.032c-4.352 0-8.704 1.76-11.856 5.248-0.416 0.432-58.464 58.752-260.144 58.752s-259.712-58.32-260.288-58.912c-6.080-6.32-16.128-6.688-22.544-0.736-6.4 5.968-6.912 15.888-1.024 22.384 2.56 2.832 65.28 69.248 283.856 69.248s281.296-66.416 283.856-69.248c5.936-6.544 5.44-16.672-1.104-22.608-3.072-2.752-6.912-4.128-10.752-4.128zM600 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM120 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM360 880.032c-8.848 0-16 7.152-16 16v16c0 8.848 7.152 16 16 16s16-7.152 16-16v-16c0-8.848-7.152-16-16-16zM360.256 160c-87.568 0-123.808 52.88-125.312 55.12-4.912 7.36-2.928 17.28 4.432 22.192 7.36 4.864 17.2 2.912 22.128-4.336 1.248-1.808 29.216-40.976 98.752-40.976 70.624 0 98.416 40.464 98.688 40.88 4.896 7.36 14.8 9.344 22.192 4.432 7.36-4.912 9.344-14.832 4.432-22.192-1.504-2.24-37.76-55.12-125.312-55.12zM456.272-32c-8.848 0-16 7.152-16 16 0 44.112-35.888 80-80.016 80s-80.016-35.888-80.016-80c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 61.744 50.256 112 112.016 112s112.016-50.256 112.016-112c0-8.848-7.168-16-16-16zM359.984 704c-35.296 0-64 28.704-64 64s28.704 64 64 64 64-28.704 64-64-28.704-64-64-64zM359.984 800c-17.648 0-32-14.352-32-32s14.352-32 32-32 32 14.352 32 32-14.352 32-32 32z" >
+<glyph unicode="&#xe913;" glyph-name="car-service" d="M960 640h48v32h-37.28l-75.28 182.832c-22.32 54.16-74.576 89.168-133.152 89.168h-260.64c-49.040 0-94.256-24.592-120.912-65.76l-134.912-208.496-218.208-62.368c-6.88-1.952-11.616-8.24-11.616-15.376v-208c0-8.832 7.152-16 16-16h80.944c7.984-71.888 69.056-128 143.056-128s135.072 56.112 143.056 128h51.056l8.64-12.976c24.368-36.544 37.248-79.088 37.248-123.024s-12.88-86.48-37.248-123.024l-11.68-17.536c-9.856-14.784-15.056-32-15.056-49.744-0.016-49.456 40.224-89.696 89.664-89.696 17.76 0 34.976 5.216 49.744 15.056l10.88 7.248c17.936 11.952 37.344 21.328 57.68 28.272v-50.576h32v64c0 5.344-2.672 10.336-7.12 13.312l-88.864 59.248v55.44c0 8.816 7.168 16 16 16s16-7.184 16-16v-48h32v208c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v144c0 8.816 7.168 16 16 16s16-7.184 16-16v-144h32v112c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v48c0 8.816 7.168 16 16 16s16-7.184 16-16v-169.376l-27.312-27.312c-3.008-2.992-4.688-7.072-4.688-11.312v-80h32v18.112l4.56-3.040c14.784-9.856 31.984-15.072 49.76-15.072 49.44 0 89.68 40.24 89.68 89.68 0 17.76-5.2 34.96-15.056 49.744l-11.68 17.536c-24.384 36.56-37.264 79.104-37.264 123.040s12.88 86.48 37.248 123.024l11.68 17.536c9.856 14.784 15.056 32 15.056 49.744 0.016 49.456-40.224 89.696-89.664 89.696-17.76 0-34.976-5.216-49.744-15.056l-10.88-7.248c-40.912-27.28-88.528-41.696-137.696-41.696s-96.784 14.416-137.68 41.68l-10.88 7.248c-14.784 9.856-31.984 15.072-49.76 15.072-49.44 0-89.68-40.24-89.68-89.68 0-7.6 1.152-15.056 3.008-22.32h-35.952c-7.984 71.888-69.056 128-143.056 128s-135.072-56.112-143.056-128h-64.944v96h48c8.848 0 16 7.168 16 16v86.224l148.384 42.4c3.728 1.056 6.944 3.44 9.040 6.688l138.176 213.536c20.736 32.032 55.888 51.152 94.048 51.152h260.64c45.568 0 86.224-27.232 103.568-69.36l79.36-192.736c2.448-5.984 8.304-9.904 14.784-9.904zM521.68 480c11.424 0 22.48-3.344 32-9.68l10.88-7.248c46.192-30.8 99.936-47.072 155.44-47.072s109.248 16.272 155.44 47.056l10.88 7.248c9.52 6.336 20.576 9.68 32 9.68 31.808 0.016 57.68-25.856 57.68-57.664 0-11.424-3.344-22.496-9.68-32l-11.68-17.536c-27.904-41.824-42.64-90.496-42.64-140.784s14.736-98.96 42.624-140.784l11.68-17.536c6.336-9.504 9.68-20.576 9.68-32 0.016-31.808-25.856-57.68-57.664-57.68-11.424 0-22.48 3.344-32 9.68l-10.88 7.248c-3.728 2.48-7.616 4.672-11.44 6.96v17.472l27.312 27.312c3.008 3.008 4.688 7.088 4.688 11.328v176c0 26.464-21.536 48-48 48-5.632 0-10.976-1.152-16-2.944v18.944c0 26.464-21.536 48-48 48-6.32 0-12.32-1.296-17.856-3.52-5.52 20.4-24.016 35.52-46.144 35.52s-40.608-15.12-46.144-35.52c-5.536 2.224-11.536 3.52-17.856 3.52-26.464 0-48-21.536-48-48v-114.944c-5.024 1.792-10.368 2.944-16 2.944-26.464 0-48-21.536-48-48v-64c0-5.344 2.672-10.336 7.12-13.312l60.848-40.56c-16.512-6.912-32.432-15.2-47.408-25.184l-10.88-7.248c-9.52-6.336-20.576-9.68-32-9.68-31.808-0.016-57.68 25.856-57.68 57.664 0 11.424 3.344 22.496 9.68 32l11.68 17.536c27.904 41.824 42.64 90.496 42.64 140.784s-14.736 98.96-42.624 140.784l-11.68 17.536c-6.336 9.504-9.68 20.576-9.68 32-0.016 31.808 25.856 57.68 57.664 57.68zM256 496c61.744 0 112-50.24 112-112s-50.256-112-112-112-112 50.24-112 112 50.256 112 112 112zM80 528h-32v51.936l32 9.136zM256 304c44.112 0 80 35.888 80 80s-35.888 80-80 80-80-35.888-80-80 35.888-80 80-80zM256 432c26.464 0 48-21.536 48-48s-21.536-48-48-48-48 21.536-48 48 21.536 48 48 48zM893.184 646.944c2.992 4.336 3.648 9.872 1.744 14.8l-64.208 166.976c-11.808 30.672-41.824 51.28-74.672 51.28h-240.288c-27.984 0-53.456-14.24-68.144-38.080l-109.248-177.536c-3.040-4.944-3.168-11.12-0.336-16.192s8.176-8.192 13.968-8.192h528c5.264 0 10.208 2.592 13.184 6.944zM474.88 825.152c8.8 14.304 24.096 22.848 40.88 22.848h92.24v-176h-227.376zM640 672v176h116.048c19.696 0 37.712-12.368 44.8-30.768l55.856-145.232zM576 608h64v-32h-64zM832 608h64v-32h-64zM384 64c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM304 21.008c-7.104 10.688-16.304 19.872-26.992 26.992 10.688 7.104 19.872 16.304 26.992 26.992 7.104-10.688 16.304-19.872 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM192 176c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM112 133.008c-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992 7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM32 832c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16zM112 874.992c7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992z" >
+<glyph unicode="&#xe914;" glyph-name="key" d="M453.51 690.335l-109.678 109.68c-20.296 20.296-53.322 20.296-73.618 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.678c10.15-10.15 23.478-15.222 36.81-15.222 13.328 0 26.662 5.076 36.808 15.222l43.402 43.4c20.296 20.296 20.296 53.322 0 73.618zM432.9 637.327l-43.402-43.4c-4.328-4.326-10.080-6.71-16.198-6.71-6.12 0-11.872 2.384-16.2 6.71l-109.678 109.678c-8.932 8.932-8.932 23.466 0 32.398l43.402 43.4c4.466 4.466 10.332 6.7 16.2 6.7 5.866 0 11.732-2.234 16.198-6.698l109.678-109.68c4.326-4.328 6.71-10.080 6.71-16.198 0-6.12-2.384-11.872-6.71-16.2zM320.599 557.424l-109.68 109.68c-20.296 20.296-53.32 20.296-73.616 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.68c10.148-10.148 23.478-15.222 36.808-15.222s26.662 5.074 36.81 15.222l43.402 43.402c20.296 20.296 20.296 53.322 0 73.618zM299.989 504.416l-43.402-43.4c-8.932-8.932-23.466-8.93-32.398 0l-109.678 109.68c-4.326 4.328-6.71 10.080-6.71 16.198s2.382 11.872 6.71 16.198l43.402 43.402c4.466 4.466 10.332 6.698 16.198 6.698s11.732-2.232 16.198-6.698l109.68-109.68c8.932-8.932 8.932-23.466 0-32.398zM994.096 621.665l-138.029 138.029c-20.736 20.736-49.42 31.556-78.678 29.702-6.788-0.432-13.45-1.564-19.916-3.296-23.646 18.040-52.24 34.526-83.546 47.948-46.546 19.958-93.882 30.95-133.297 30.95-0.006 0-0.012 0-0.016 0-5.444 0-10.66-0.228-15.664-0.65-11.596 13.362-28.106 22.342-46.74 24.11l-133.149 12.638c-34.152 3.242-67.642-8.81-91.894-33.064l-139.319-139.319c-5.692-5.69-5.692-14.918 0-20.61 5.69-5.69 14.918-5.69 20.61 0l139.319 139.319c18.086 18.086 43.064 27.078 68.53 24.658l133.149-12.638c19.836-1.884 35.6-17.648 37.484-37.484l7.136-75.188c-0.134 0.12-0.27 0.24-0.406 0.362-1.21 1.082-2.406 2.166-3.574 3.256-1.028 0.956-2.040 1.916-3.032 2.878-0.466 0.454-0.93 0.906-1.39 1.362-1.4 1.384-2.776 2.77-4.102 4.162-1.16 1.22-2.27 2.434-3.356 3.646-0.26 0.29-0.518 0.578-0.774 0.866-1.028 1.164-2.030 2.324-2.99 3.478-0.216 0.258-0.418 0.514-0.63 0.772-0.756 0.922-1.488 1.838-2.198 2.752-0.296 0.38-0.596 0.762-0.884 1.14-0.772 1.016-1.518 2.028-2.234 3.032-0.354 0.498-0.692 0.99-1.032 1.484-0.262 0.382-0.514 0.76-0.768 1.138 8.322 17.334 5.358 38.772-8.99 53.12-18.16 18.16-47.71 18.162-65.874 0-18.162-18.162-18.162-47.712 0-65.874 9.080-9.080 21.010-13.62 32.936-13.62 7.294 0 14.582 1.718 21.224 5.114 4.174-5.674 8.988-11.398 14.452-17.14 10.584-11.124 23.228-21.96 37.446-32.236l1.676-17.652c2.418-25.462-6.57-50.442-24.658-68.53l-235.321-235.321c-6.022-6.022-14.028-9.338-22.544-9.338s-16.522 3.316-22.544 9.338l-182.055 182.055c-6.022 6.022-9.338 14.028-9.338 22.544s3.316 16.522 9.338 22.544l28.682 28.682c5.692 5.69 5.692 14.918 0 20.61-5.69 5.69-14.918 5.69-20.61 0l-28.68-28.678c-23.794-23.794-23.794-62.512 0-86.308l182.055-182.055c11.526-11.526 26.852-17.876 43.154-17.876s31.628 6.348 43.154 17.876l235.321 235.321c23.032 23.034 35.034 54.402 33.41 86.744 14.37-8.318 29.736-16.048 45.84-22.952 9.056-3.884 18.14-7.416 27.192-10.606l-81.912-105.878c-28.008-36.2-28.11-86.202-2.114-122.37l-67.262-67.262c-7.568-7.57-10.73-18.74-8.252-29.154 0.152-0.64-0.042-1.328-0.508-1.796l-48.538-48.538c-1.936-1.936-3.564-4.148-4.842-6.578l-27.328-52.054-49.046-25.354c-5.19-2.684-9.446-7.060-11.986-12.324l-19.234-39.884-58.394-36.578c-6.13-3.838-10.17-10.154-11.086-17.326l-8.482-66.276c-0.952-7.44 1.544-14.75 6.848-20.052 4.562-4.562 10.608-7.046 16.944-7.046 1.030 0 2.068 0.066 3.11 0.198l66.278 8.482c7.168 0.918 13.482 4.956 17.324 11.084l36.578 58.394 39.882 19.236c5.264 2.538 9.642 6.798 12.326 11.988l25.352 49.042 52.058 27.33c2.43 1.276 4.644 2.906 6.576 4.84l48.536 48.536c0.474 0.474 1.148 0.666 1.796 0.508 10.418-2.476 21.588 0.686 29.154 8.254l67.256 67.256c17.706-12.728 38.718-19.212 59.816-19.21 21.998 0 44.080 7.032 62.558 21.328l77.954 60.31c6.366 4.926 7.534 14.078 2.61 20.444-4.924 6.364-14.078 7.536-20.444 2.61l-77.954-60.31c-28.616-22.138-69.286-19.904-95.332 4.978-0.022 0.020-0.040 0.044-0.060 0.064l-0.586 0.554c-0.19 0.178-0.382 0.354-0.566 0.54l-91.752 91.752c-0.182 0.182-0.356 0.37-0.532 0.556l-0.574 0.606c-0.016 0.016-0.032 0.030-0.048 0.046-24.884 26.044-27.122 66.72-4.982 95.338l88.578 114.494c27.026-7.26 53.092-11.126 76.384-11.126 0.004 0 0.012 0 0.016 0 6.926 0 13.502 0.348 19.714 1.028l116.332-116.332c8.432-8.43 19.506-12.646 30.58-12.646s22.148 4.216 30.58 12.646c16.862 16.862 16.862 44.296 0 61.158l-118.528 118.528c-8.168 8.168-19.028 12.666-30.58 12.666s-22.412-4.498-30.58-12.666c-8.168-8.168-12.668-19.028-12.668-30.58 0-1.538 0.092-3.062 0.25-4.572-1.674-0.050-3.37-0.084-5.104-0.084-0.006 0-0.008 0-0.014 0-17.434 0-36.73 2.456-56.934 7.12l49.014 63.356c12.822 16.574 32.168 26.842 53.080 28.17 20.916 1.336 41.404-6.406 56.22-21.222l138.029-138.029c14.816-14.818 22.552-35.308 21.222-56.22-1.328-20.912-11.596-40.26-28.17-53.080l-47.094-36.434c-6.366-4.926-7.534-14.078-2.61-20.444 4.924-6.364 14.076-7.532 20.444-2.61l47.094 36.434c23.194 17.944 37.562 45.020 39.424 74.284 1.864 29.27-8.962 57.946-29.698 78.682zM450.78 779.851c-4.656 0-9.034 1.814-12.328 5.106-3.292 3.294-5.106 7.672-5.106 12.328s1.814 9.034 5.106 12.326c3.294 3.292 7.672 5.106 12.328 5.106 0.724 0 1.438-0.060 2.146-0.146-1.64-10.416-0.058-21.65 4.614-33.362-2.112-0.888-4.4-1.358-6.76-1.358zM563.592 403.036l73.844-73.844-66.298-66.298c-0.466-0.466-1.158-0.66-1.796-0.508-10.412 2.476-21.584-0.684-29.154-8.254l-48.326-48.326-52.336-27.478c-4.954-2.598-8.93-6.6-11.504-11.574l-25.334-49.010-39.8-19.196c-4.616-2.226-8.494-5.698-11.216-10.044l-35.602-56.836-57.334-7.336 7.338 57.332 56.832 35.6c4.344 2.72 7.818 6.598 10.046 11.216l19.196 39.802 49.010 25.336c4.968 2.568 8.97 6.544 11.572 11.498l27.48 52.344 48.322 48.322c7.57 7.568 10.734 18.74 8.256 29.154-0.156 0.652 0.036 1.324 0.508 1.796l66.296 66.304zM810.261 658.185l100.426-100.426c5.498-5.498 5.498-14.442 0-19.938-2.664-2.664-6.204-4.13-9.97-4.13s-7.306 1.466-9.97 4.13l-103.898 103.898c9.656 4.156 17.534 9.67 23.412 16.466zM772.221 676.285c2.664 2.664 6.204 4.13 9.97 4.13 2.494 0 4.882-0.656 6.99-1.864-4.104-5.454-11.328-9.756-21.070-12.648-0.004 0.138-0.020 0.274-0.020 0.414 0 3.766 1.466 7.306 4.13 9.968zM703.103 749.973l-56.27-72.734c-11.44 3.722-23.010 8.058-34.568 13.014-22.058 9.458-42.564 20.474-60.626 32.434l-9.684 102.028c-0.362 3.808-1.040 7.522-1.978 11.132 0.214 0 0.422 0.008 0.638 0.008 0.006 0 0.008 0 0.014 0 35.552 0 78.814-10.154 121.81-28.592 23.638-10.136 45.506-22.060 64.484-35.018-8.988-6.040-17.054-13.526-23.82-22.272z" >
+<glyph unicode="&#xe915;" glyph-name="repair" d="M811.313 923.314c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l4.685-4.686-25.372-25.372-4.687 4.687c-2.896 2.894-6.896 4.685-11.313 4.685s-8.418-1.79-11.314-4.685l-176-176c-2.896-2.896-4.687-6.896-4.687-11.315 0-8.837 7.164-16.001 16.001-16.001 0.929 0 1.84 0.079 2.725 0.231l-0.095-0.013c8.529 1.488 18.35 2.339 28.37 2.339 24.437 0 47.691-5.060 68.774-14.189l-1.122 0.432c-47.044-93.727-130.222-163.466-230.776-191.609l-2.593-0.62-25.607-6.983c-4.761 0.463-10.292 0.726-15.885 0.726-48.077 0-91.602-19.489-123.106-50.998l-160-160c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l36.686 36.686 73.372-73.372-36.685-36.686c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l160 160c31.511 31.504 51.001 75.030 51.001 123.108 0 5.594-0.264 11.126-0.78 16.585l0.053-0.697 6.983 25.604c28.763 103.146 98.5 186.324 190.108 232.402l2.118 0.965c8.697-19.965 13.756-43.224 13.756-67.665 0-10.015-0.85-19.832-2.481-29.382l0.145 1.025c-0.139-0.791-0.218-1.701-0.218-2.631 0-8.837 7.164-16 16-16 4.418 0 8.418 1.791 11.313 4.686l176 176c2.896 2.896 4.687 6.896 4.687 11.314s-1.791 8.419-4.687 11.314l-4.685 4.686 25.372 25.372 4.687-4.687c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l32 32c2.896 2.896 4.687 6.896 4.687 11.315v0 48c0 4.419-1.791 8.419-4.687 11.314v0zM372.687 203.314c-13.483-13.483-32.11-21.823-52.685-21.823-41.15 0-74.508 33.358-74.508 74.508s33.358 74.508 74.508 74.508c41.15 0 74.508-33.358 74.508-74.508v0c-0.010-20.573-8.348-39.197-21.824-52.686l0.001 0.001zM244.687 180.686c19.295-19.245 45.925-31.145 75.334-31.145 23.751 0 45.69 7.762 63.417 20.887l-0.289-0.204 25.575-25.575c-24.101-19.341-55.055-31.040-88.742-31.040-78.631 0-142.374 63.743-142.374 142.374 0 33.687 11.699 64.641 31.257 89.021l-0.217-0.28 25.566-25.566c-12.946-17.435-20.724-39.38-20.724-63.141 0-29.417 11.921-56.050 31.196-75.331v0zM148.253 285.625c-1.6-8.907-2.514-19.159-2.514-29.625s0.915-20.718 2.668-30.681l-0.154 1.056-29.625 29.625zM112 166.627l-41.373 41.373 25.373 25.372 41.372-41.372zM272 6.627l-41.373 41.373 25.373 25.372 41.372-41.372zM320 54.627l-29.626 29.626c8.907-1.631 19.158-2.564 29.626-2.564s20.719 0.933 30.673 2.72l-1.047-0.156zM431.352 167.276l-25.566 25.566c12.951 17.434 20.733 39.38 20.733 63.144 0 58.831-47.692 106.523-106.523 106.523-23.764 0-45.71-7.782-63.43-20.936l0.286 0.203-25.575 25.575c24.1 19.34 55.055 31.040 88.741 31.040 78.631 0 142.374-63.743 142.374-142.374 0-33.687-11.699-64.641-31.256-89.021l0.217 0.28zM572.884 483.512c-41.806-41.846-74.419-92.883-94.545-149.82l-0.865-2.808c-17.539 36.372-46.219 65.052-81.554 82.138l-1.038 0.453c59.745 20.991 110.783 53.603 152.632 95.412l-0.003-0.003c29.887 29.846 55.058 64.405 74.305 102.469l1.045 2.28c9.987-6.665 18.701-13.83 26.646-21.766l6.361-6.361c7.934-7.942 15.098-16.657 21.369-26.020l0.393-0.623c-40.343-20.292-74.901-45.463-104.743-75.345l-0.004-0.004zM738.315 472.943c-2.667 53-25.016 100.315-59.824 135.193l-6.36 6.36c-34.872 34.806-82.189 57.156-134.701 59.799l-0.489 0.020 135.058 135.059 201.372-201.373zM880 646.628l-169.372 169.372 25.372 25.372 169.372-169.372zM960 694.627l-16-16-201.373 201.373 16 16h34.746l166.627-166.627zM720 608c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0.031-26.497 21.503-47.969 47.997-48h0.003zM720 672c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0.010 8.832 7.168 15.99 15.999 16h0.001zM532.687 324.686l139.313-139.314v-105.372c0-4.419 1.791-8.419 4.687-11.314l80-80c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h112c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l80 80c2.896 2.896 4.686 6.896 4.687 11.314v0 112c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-105.372l-155.314 155.314-22.627-22.629 148.686-148.686-57.373-57.373-132.687 132.688zM774.628 256h98.745l70.627-70.627v-98.746l-70.627-70.627h-98.746l-70.627 70.627v98.745zM116.687 628.686c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h105.372l155.314-155.314 22.627 22.629-148.686 148.686 57.373 57.373 164.687-164.688 22.627 22.629-171.313 171.314v105.372c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-112c0 0 0 0 0 0-8.837 0-16-7.164-16-16 0-4.419 1.791-8.419 4.687-11.314l91.313-91.313v-34.746l-22.627-22.627h-34.746l-91.314 91.314c-2.895 2.895-6.895 4.685-11.313 4.685-8.837 0-16-7.163-16.001-15.999v0-112c0-4.419 1.791-8.419 4.687-11.314v0zM64 793.373l68.687-68.688c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-68.687 68.686h66.746l70.627-70.627v-98.745l-70.628-70.628h-98.745l-70.627 70.627zM756.687 100.686l32-32c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-32 32c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.686-6.896-4.687-11.314v0-48c0-4.419 1.791-8.419 4.687-11.314v0zM784 153.373l22.627 22.627h34.746l22.627-22.627v-34.746l-22.627-22.627h-34.746l-22.627 22.627zM308.684 628.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996zM572.684 364.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996z" >
+<glyph unicode="&#xe916;" glyph-name="car-parts" d="M953.294 463.31c-27.863 197.549-180.951 355.295-376.155 390.227-4.625 41.191-39.259 73.431-81.656 73.431-42.38 0-76.998-32.223-81.656-73.381-17.061-3.039-33.858-7.3-50.473-12.255v118.668h-363.355v-264.258h33.032v-297.29c0-254.993 207.459-462.452 462.452-462.452 221.201 0 406.511 156.127 451.782 363.949 42.76 3.055 76.734 38.45 76.734 81.986 0 41.472-30.836 75.561-70.706 81.375zM495.484 893.935c22.379 0 41.125-15.013 47.253-35.427-15.542 1.586-31.298 2.395-47.253 2.395-15.889 0-31.661-1.074-47.335-2.659 6.045 20.546 24.857 35.691 47.335 35.691zM363.355 719.674c29.894 5.929 63.026 9.1 99.097 9.1 138.009 0 280.774-92.672 280.774-247.742 0-68.261-27.747-130.147-72.555-174.988 14.633 27.615 23.007 59.029 23.007 92.408 0 109.287-88.906 198.194-198.194 198.194-68.889 0-129.635-35.378-165.161-88.873v187.97h33.032v23.932zM512 530.581v32.19c33.164-3.303 63.455-16.483 87.932-36.517l-71.102-71.102c-5.219 3.072-10.835 5.45-16.83 7.019v35.378h-33.032v-35.378c-5.995-1.553-11.627-3.931-16.83-7.019l-71.102 71.102c24.477 20.034 54.767 33.214 87.932 36.517v-32.19h33.032zM438.784 431.798c-3.072-5.219-5.45-10.835-7.019-16.83h-100.6c3.303 33.164 16.467 63.455 36.517 87.932l71.102-71.102zM431.765 381.935c1.553-5.995 3.931-11.627 7.019-16.83l-71.102-71.102c-20.034 24.477-33.214 54.767-36.517 87.932h100.6zM462.138 341.752c5.219-3.072 10.835-5.45 16.83-7.019v-100.6c-33.164 3.303-63.455 16.483-87.932 36.517l71.102 71.102zM462.452 398.452c0 18.217 14.815 33.032 33.032 33.032s33.032-14.815 33.032-33.032c0-18.217-14.815-33.032-33.032-33.032s-33.032 14.815-33.032 33.032zM512 334.732c5.995 1.553 11.627 3.931 16.83 7.019l71.102-71.102c-24.394-19.968-54.553-33.131-87.585-36.501-0.116-0.017-0.231-0.017-0.347-0.017v100.6zM552.184 365.106c3.072 5.219 5.45 10.835 7.019 16.83h100.6c-3.303-33.164-16.467-63.455-36.517-87.932l-71.102 71.102zM559.203 414.968c-1.553 5.995-3.931 11.627-7.019 16.83l71.102 71.102c20.034-24.477 33.214-54.767 36.517-87.932h-100.6zM33.032 860.903h231.226v33.032h-231.226v33.032h297.29v-33.032h-33.032v-33.032h33.032v-132.129h-297.29v132.129zM495.484-30.968c-236.775 0-429.419 192.644-429.419 429.419v297.29h231.226v-297.29c0-109.287 88.906-198.194 198.194-198.194 6.838 0 13.576 0.347 20.232 1.024 145.375 10.438 260.542 131.766 260.542 279.75 0 175.748-159.562 280.774-313.806 280.774-35.675 0-68.79-2.94-99.097-8.473v53.479c42.579 13.758 86.908 21.058 132.129 21.058 236.775 0 429.419-192.644 429.419-429.419s-192.644-429.419-429.419-429.419zM953.344 334.006c2.956 21.075 4.591 42.562 4.591 64.446 0 10.207-0.446 20.298-1.107 30.34 19.753-6.524 34.139-24.939 34.139-46.856 0-23.189-16.070-42.562-37.624-47.93zM99.097 662.71h33.032v-33.032h-33.032v33.032zM198.194 448h33.032v-33.032h-33.032v33.032zM280.774 150.71h33.032v-33.032h-33.032v33.032zM578.065 183.742h33.032v-33.032h-33.032v33.032zM462.452 51.613h33.032v-33.032h-33.032v33.032zM809.29 315.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe917;" glyph-name="car" d="M850.43 504h18.682c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-18.682c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM873.152 480h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM873.152 426h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM662 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM624 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM719.2 590c0 0 0 0.001 0 0.001 0 17.582-14.18 31.853-31.728 31.999h-13.472v198.12l13.252 26.948c0.943 1.838 1.496 4.011 1.496 6.313 0 1.155-0.139 2.278-0.402 3.352l0.020-0.096-17.638 67.306c-1.587 5.839-6.841 10.063-13.081 10.063-0.125 0-0.25-0.002-0.375-0.005h-28.368c-0.11 0.003-0.239 0.005-0.369 0.005-6.264 0-11.542-4.217-13.152-9.967l-0.023-0.096-17.742-67.502c-0.219-0.921-0.344-1.979-0.344-3.066 0-2.341 0.581-4.546 1.606-6.479l-0.036 0.075 13.156-26.85v-198.12h-13.258c-17.557-0.115-31.745-14.374-31.745-31.947 0-12.602 7.296-23.5 17.895-28.699l0.188-0.083-16.558-57.73c-0.332-1.156-0.522-2.484-0.522-3.856 0-0.029 0-0.059 0-0.088v0.005-151.2c0-31.8 25.828-58.418 57.628-58.418h34.938c31.8 0 57.434 26.618 57.434 58.418v151.2c0.004 0.128 0.007 0.278 0.007 0.429 0 1.222-0.158 2.407-0.454 3.536l0.022-0.097-16.52 57.8c10.789 5.269 18.1 16.141 18.146 28.726v0.006zM639.708 906h6.778l13.714-51.906-12.42-24.99c-0.979-1.675-1.62-3.658-1.777-5.777l-0.003-0.045v-201.282h-6v201.282c-0.122 2.222-0.731 4.276-1.722 6.093l0.038-0.075-12.154 24.8zM690 348.418c0-16.362-13.074-30.418-29.434-30.418h-34.938c-16.362 0-29.628 14.056-29.628 30.418v149.216l17.314 60.366h59.566l17.12-60.366zM687.452 586h-88.71c-2.209 0-4 1.791-4 4s1.791 4 4 4v0h88.71c2.209 0 4-1.791 4-4s-1.791-4-4-4v0zM923 933.966c-1.878 0.934-4.091 1.48-6.431 1.48-2.795 0-5.408-0.779-7.634-2.133l0.065 0.037c-4.105-2.48-6.844-6.857-6.999-11.886l-0.001-0.022v-63.162l-40.052-26.92-41.318 29.040 0.302 61.070c0 0.036 0.001 0.078 0.001 0.12 0 7.703-6.245 13.948-13.948 13.948-2.27 0-4.414-0.542-6.308-1.504l0.079 0.037c-45.704-22.915-76.527-69.4-76.527-123.085 0-54.948 32.291-102.355 78.932-124.278l0.839-0.354v-338.482c0-31.48 25.52-57 57-57s57 25.52 57 57v0 338.482c47.848 21.608 80.545 68.907 80.545 123.843 0 0.33-0.001 0.659-0.004 0.988v-0.051c0.002 0.273 0.003 0.596 0.003 0.919 0 53.109-30.41 99.116-74.767 121.558l-0.778 0.357zM899.56 708.8c-5.478-2.001-9.357-7.079-9.559-13.090l-0.001-0.024v-347.816c0-16.016-12.984-29-29-29s-29 12.984-29 29v0 347.816c0.003 0.099 0.004 0.215 0.004 0.331 0 5.794-3.597 10.748-8.679 12.751l-0.093 0.032c-41.732 16.018-70.816 55.761-70.816 102.298 0 34.171 15.682 64.68 40.241 84.722l0.197 0.156-0.104-42.8c0-0.006 0-0.013 0-0.020 0-4.741 2.353-8.933 5.956-11.47l0.044-0.030 55.338-38.716c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 54.25 36.37c3.566 2.502 5.869 6.595 5.869 11.225 0 0.151-0.002 0.301-0.007 0.45l0.001-0.022v45.11c24.709-19.682 40.407-49.767 40.407-83.518 0-0.437-0.003-0.873-0.008-1.308l0.001 0.066c-0.073-46.53-29.137-86.253-70.092-102.078l-0.748-0.254zM412 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM144 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM257.74 760h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM257.74 802h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM532-25.278v146.9c0 0.388 0.484 0.774 0.452 1.162-3.309 38.258-26.106 70.525-58.304 87.094l-0.606 0.284c-0.25 0.128-0.412 0.244-0.67 0.356l-100.872 43.082v60.030c54 31.052 92.324 88.372 95.898 154.634 21.952 8.874 37.158 30.012 37.158 54.702 0 4.947-0.61 9.751-1.76 14.341l0.086-0.405c-3.706 15.343-14.432 27.589-28.504 33.327l-0.32 0.115 1.2 17.656h23.242c0.16-0.007 0.347-0.011 0.535-0.011 6.895 0 12.484 5.589 12.484 12.484 0 0.243-0.007 0.483-0.021 0.723l0.002-0.033v50.838c0 7.732-5.268 14-13 14h-12.84c-2.573 46.815-18.687 89.419-44.451 124.492l0.451-0.644c-25.043 33.892-59.373 59.618-99.232 73.584l-1.462 0.446 1.364 13.15c0.047 0.424 0.074 0.915 0.074 1.413 0 3.546-1.369 6.772-3.608 9.179l0.008-0.008c-2.526 2.705-6.114 4.391-10.095 4.391-0.107 0-0.214-0.001-0.32-0.004h-99.804c-0.112 0.003-0.245 0.005-0.377 0.005-7.525 0-13.626-6.101-13.626-13.626 0-0.518 0.029-1.028 0.085-1.531l-0.006 0.062 1.364-13.092c-41.341-14.442-75.678-40.222-100.293-73.609l-0.403-0.573c-25.25-34.382-41.342-76.902-43.939-123.029l-0.027-0.607h-12.862c-7.732 0-15-6.266-15-14v-50.84c0-7.732 7.268-13.162 15-13.162h22.366l1.184-17.6c-14.443-5.741-25.227-17.953-28.883-32.957l-0.067-0.325c-1.070-4.232-1.684-9.091-1.684-14.093 0-0.005 0-0.010 0-0.016v0.001c0-0.021 0-0.046 0-0.071 0-24.713 15.27-45.859 36.889-54.519l0.395-0.14c3.404-66.764 41.176-123.996 95.853-154.668l0.947-0.488v-59.522l-101-43.082c-0.258-0.112-0.53-0.228-0.78-0.356-33.007-16.793-56.036-49.036-59.632-86.941l-0.034-0.437c-0.032-0.388-0.556-0.774-0.556-1.162v-146.9c0.421-8.053 6.922-14.457 14.977-14.721l0.025-0.001h480c7.732 0 13 6.99 13 14.722zM406 208.254l12-5.122v-67.132h-12zM210 831.298c7.028 3.296 15.407 6.36 24.078 8.714l1.122 0.26c6.032 1.544 10.419 6.931 10.419 13.342 0 0.492-0.026 0.979-0.076 1.458l0.005-0.060-0.928 8.988h68.76l-0.956-8.988c-0.045-0.42-0.071-0.906-0.071-1.399 0-6.446 4.389-11.867 10.342-13.437l0.097-0.022c9.797-2.568 18.182-5.589 26.213-9.253l-1.005 0.411v-17.384c-0.044-44.362-27.44-82.314-66.23-97.904l-0.71-0.252c-41.699 14.639-71.060 53.671-71.060 99.561 0 0.041 0 0.083 0 0.124v-0.006zM138.308 773.024c12.405 16.434 26.826 30.479 43.096 42.103l0.596 0.405v-0.082c0-0.060 0-0.131 0-0.202 0-58.912 38.251-108.89 91.271-126.454l0.941-0.27 2.742-0.888c1.298-0.436 2.792-0.688 4.346-0.688v0c0 0 0.001 0 0.001 0 1.646 0 3.227 0.278 4.699 0.79l-0.1-0.030c52.854 18.577 90.071 68.049 90.1 126.217v1.659c16.867-11.998 31.291-26.007 43.347-41.911l0.355-0.489c21.876-29.831 35.902-66.654 38.385-106.604l0.029-0.58h-358.212c2.566 40.469 16.58 77.227 38.804 107.598l-0.4-0.574zM72 616v22h412v-22h-64c-2.58 0-5.55 1.688-8.572 1.118-1.2-0.228-2.338-1.118-3.4-1.118h-336.028zM447.684 588l-1.77-26.094c-0.070-1.122-0.54-2.122-1.267-2.871l0.001 0.001-2.954-2.862-5.484 16.814c-1.481 3.958-2.979 8.977-4.18 14.11l-0.178 0.902zM120.884 588l-2.294-29.106-7.19 3.476c-0.16 0.082-0.266 0.558-0.28 0.736l-1.688 24.894zM116 478.6v0.266c0.004 0.122 0.006 0.264 0.006 0.408 0 6.648-4.763 12.183-11.063 13.379l-0.085 0.013c-14.389 2.609-25.159 15.041-25.159 29.988 0 0.087 0 0.174 0.001 0.261v-0.013c0.038 2.625 0.397 5.149 1.039 7.558l-0.049-0.216c1.334 5.681 5.075 10.293 10.062 12.78l0.11 0.050c2.184-2.322 4.736-4.267 7.569-5.747l0.157-0.075 21.062-10.8c2.338-1.227 5.108-1.947 8.046-1.947 3.148 0 6.103 0.826 8.66 2.274l-0.087-0.046c5.055 3.005 8.504 8.254 8.976 14.337l0.004 0.063 3.716 46.866h254.036c1.884-8 4.084-16.22 6.65-23.918l10.6-32.020c2.343-7.137 8.945-12.2 16.731-12.2 4.634 0 8.85 1.794 11.989 4.726l-0.010-0.009 14.8 13.8c1.296 1.218 2.476 2.525 3.543 3.923l0.057 0.077c4.422-2.649 7.632-6.935 8.811-12l0.025-0.128c0.559-2.193 0.88-4.711 0.88-7.303 0-15.096-10.878-27.651-25.222-30.254l-0.188-0.028c-6.64-1.192-11.62-6.903-11.666-13.785v-0.287c0-89.146-72.856-161.672-161.988-161.672s-162.012 72.526-162.012 161.68zM344 300.6v-47.624c-19.171-8.402-41.514-13.291-65-13.291s-45.829 4.889-66.068 13.706l1.068-0.414v47.292c19.202-7.188 41.391-11.348 64.552-11.348 23.497 0 45.993 4.282 66.752 12.107l-1.304-0.431zM178 220.2l20.776 8.654c23.464-10.839 50.919-17.16 79.851-17.16 0.043 0 0.087 0 0.13 0h-0.007c0.033 0 0.073 0 0.112 0 28.723 0 55.969 6.323 80.422 17.652l-1.184-0.492 19.9-8.654v-84.2h-200zM138 203.13l12 5.122v-72.252h-12zM110 136h-5c-7.732 0-15-5.8-15-13.528v-134.472h-38v133.016c4 27.174 19.022 51.6 43.368 63.922l14.632 6.244zM438-12h-320v120h320zM504-12h-38v134.472c0 7.734-5.268 13.528-13 13.528h-7v55.182l14.632-6.244c24.092-12.282 40.865-35.892 43.346-63.618l0.022-0.304z" >
+<glyph unicode="&#xe918;" glyph-name="exterior" d="M869.328 445.328h-707.728c-8.837 0-16 7.163-16 16v0 174.24c0.001 4.418 1.792 8.417 4.688 11.312l112 112c2.895 2.896 6.894 4.687 11.312 4.688h483.744c4.418-0.001 8.417-1.792 11.312-4.688l112-112c2.896-2.895 4.687-6.894 4.688-11.312v0-174.24c0-8.837-7.163-16-16-16-0.006 0-0.011 0-0.017 0h0.001zM177.536 477.328h675.792v151.616l-102.608 102.608h-470.576l-102.544-102.608zM513.84 754.96h32v-293.632h-32zM576.761 550.451l22.624 22.624 55.542-55.542-22.624-22.624zM582.654 631.58l22.624 22.624 136.626-136.626-22.624-22.624zM676.656 276.912h-146.816c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.816c8.837 0 16-7.163 16-16v0-58.992c0-8.837-7.163-16-16-16v0zM545.84 308.912h114.816v26.992h-114.816zM308.336 276.912h-146.736c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.8c8.837 0 16-7.163 16-16v0-58.992c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM177.536 308.912h114.8v26.992h-114.736zM979.424 19.2h-761.696c-8.837 0-16 7.163-16 16v0c-0.055 82.989-67.316 150.249-150.299 150.304h-0.005c-8.837 0-16 7.163-16 16v0 479.68c0.001 4.418 1.792 8.417 4.688 11.312l176.48 176.464c2.895 2.896 6.894 4.687 11.312 4.688h575.056c4.418-0.001 8.417-1.792 11.312-4.688l176.464-176.464c2.896-2.895 4.687-6.894 4.688-11.312v0-645.984c0-8.837-7.163-16-16-16v0zM233.024 51.2h730.4v623.36l-167.088 167.040h-561.808l-167.104-167.040v-457.76c88.003-8.111 157.489-77.597 165.546-164.882l0.054-0.718zM209.008 122.704h770.416v-32h-770.416z" >
+<glyph unicode="&#xe919;" glyph-name="car-parts-1" d="M512 960c-282.31 0-512-229.69-512-512s229.69-512 512-512 512 229.69 512 512-229.69 512-512 512zM512-30.968c-264.109 0-478.968 214.858-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.858 478.968-478.968-214.858-478.968-478.968-478.968zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM512 233.29c-118.388 0-214.71 96.322-214.71 214.71s96.322 214.71 214.71 214.71 214.71-96.322 214.71-214.71c0-39.523-10.818-78.121-31.282-111.666l28.193-17.21c23.635 38.73 36.121 83.274 36.121 128.875 0 136.605-111.137 247.742-247.742 247.742s-247.742-111.137-247.742-247.742 111.137-247.742 247.742-247.742c74.207 0 143.872 32.851 191.174 90.145l-25.484 21.025c-40.993-49.647-101.376-78.138-165.69-78.138zM561.548 596.645c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 596.645c0 9.1 7.416 16.516 16.516 16.516s16.516-7.416 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516zM417.759 478.621c8.44 25.98-5.83 53.991-31.81 62.431-26.029 8.44-53.991-5.847-62.431-31.81-8.44-25.996 5.83-54.008 31.81-62.447 5.070-1.652 10.223-2.428 15.277-2.428 20.876 0.017 40.349 13.345 47.154 34.254zM386.345 488.828c-2.808-8.654-12.123-13.428-20.81-10.603-8.654 2.808-13.411 12.156-10.603 20.81 2.263 6.97 8.754 11.413 15.723 11.413 1.685 0 3.402-0.264 5.087-0.809 8.654-2.808 13.411-12.139 10.603-20.81zM395.512 287.661c8.77-6.375 18.944-9.431 29.052-9.431 15.343 0 30.472 7.085 40.167 20.414 16.054 22.099 11.132 53.149-10.967 69.203-22.115 16.037-53.149 11.132-69.219-10.967-16.054-22.115-11.148-53.165 10.967-69.219zM411.268 337.458c5.351 7.366 15.707 9.018 23.073 3.65 7.366-5.351 9.001-15.707 3.65-23.057-5.351-7.366-15.723-9.001-23.073-3.667-7.366 5.351-9.001 15.69-3.65 23.073zM599.436 278.214c10.091 0 20.282 3.072 29.052 9.431 22.099 16.070 27.020 47.121 10.967 69.219-16.070 22.082-47.121 27.004-69.219 10.967-22.099-16.054-27.004-47.104-10.967-69.203 9.695-13.345 24.84-20.414 40.167-20.414zM589.659 341.108c7.383 5.368 17.738 3.7 23.073-3.65 5.351-7.383 3.716-17.722-3.65-23.073-7.383-5.335-17.738-3.7-23.073 3.667-5.351 7.366-3.716 17.705 3.65 23.057zM668.689 446.811c25.98 8.44 40.25 36.451 31.81 62.447-8.456 25.963-36.451 40.266-62.431 31.81-25.98-8.44-40.25-36.451-31.81-62.431 6.805-20.909 26.277-34.238 47.17-34.238 5.037-0.017 10.19 0.76 15.261 2.411zM637.655 488.828c-2.808 8.654 1.949 17.986 10.603 20.81 1.685 0.545 3.402 0.809 5.087 0.809 6.97 0 13.444-4.443 15.723-11.413 2.808-8.654-1.932-18.003-10.603-20.81-8.638-2.824-17.986 1.949-20.81 10.603zM396.387 893.935h33.032v-33.032h-33.032v33.032zM445.935 844.387h33.032v-33.032h-33.032v33.032zM495.484 794.839h33.032v-33.032h-33.032v33.032zM545.032 745.29h33.032v-33.032h-33.032v33.032zM138.29 658.215l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM184.984 681.568l23.357 23.357 23.357-23.357-23.357-23.357-23.357 23.357zM278.425 704.932l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM348.496 704.924l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM66.065 365.419h33.032v-33.032h-33.032v33.032zM115.613 414.968h33.032v-33.032h-33.032v33.032zM165.161 464.516h33.032v-33.032h-33.032v33.032zM214.71 514.065h33.032v-33.032h-33.032v33.032zM278.423 50.908l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM278.367 167.775l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.398 237.855l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.425 261.142l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM594.581 35.097h33.032v-33.032h-33.032v33.032zM545.032 84.645h33.032v-33.032h-33.032v33.032zM495.484 134.194h33.032v-33.032h-33.032v33.032zM445.935 183.742h33.032v-33.032h-33.032v33.032zM885.696 191.124l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM815.555 191.063l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.557 191.095l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM675.48 191.127l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM924.903 563.613h33.032v-33.032h-33.032v33.032zM875.355 514.065h33.032v-33.032h-33.032v33.032zM825.806 464.516h33.032v-33.032h-33.032v33.032zM776.258 414.968h33.032v-33.032h-33.032v33.032zM745.537 845.088l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.53 774.986l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.54 658.177l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.526 634.852l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357z" >
+<glyph unicode="&#xe91a;" glyph-name="maintenance" d="M130.656 378.284l72.676-7c8.498-33.21 21.146-62.38 37.64-88.909l-0.772 1.333-46.27-55.874c-2.003-2.404-3.218-5.526-3.218-8.931 0-3.866 1.567-7.366 4.1-9.899l78.69-78.688c2.534-2.534 6.034-4.101 9.9-4.101 3.405 0 6.525 1.215 8.952 3.236l-0.023-0.018 55.968 46.35c25.171-15.63 54.292-28.291 85.242-36.443l2.236-0.501 7-72.43c0.726-6.994 6.589-12.402 13.715-12.402 0.077 0 0.154 0.001 0.231 0.002h111.548c0.065-0.001 0.142-0.002 0.219-0.002 7.126 0 12.989 5.407 13.71 12.342l0.005 0.059 7 72.55c33.208 8.472 62.38 21.097 88.912 37.573l-1.336-0.773 55.872-46.302c2.406-2.007 5.53-3.225 8.938-3.225 3.862 0 7.359 1.564 9.892 4.093v0l78.69 78.68c2.532 2.533 4.099 6.033 4.099 9.898 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-46.34 55.97c15.632 25.174 28.293 54.298 36.445 85.252l0.501 2.236 71.698 7c7.124 0.716 12.639 6.68 12.64 13.932v0 111.56c0 0 0 0 0 0.001 0 7.259-5.524 13.227-12.598 13.931l-0.058 0.005-72.676 7c-8.498 33.21-21.146 62.38-37.64 88.909l0.772-1.333 46.27 55.874c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-77.694 78.69c-2.54 2.571-6.065 4.164-9.962 4.164-3.405 0-6.526-1.215-8.952-3.236l0.023 0.018-55.968-46.35c-25.171 15.63-54.292 28.291-85.242 36.443l-2.236 0.501-7 72.43c-0.726 6.994-6.589 12.402-13.715 12.402-0.077 0-0.154-0.001-0.231-0.002h-111.548c-0.065 0.001-0.142 0.002-0.219 0.002-7.126 0-12.989-5.407-13.71-12.342l-0.005-0.059-7-72.55c-33.206-8.472-62.377-21.097-88.907-37.572l1.335 0.772-55.886 46.294c-2.406 2.007-5.53 3.226-8.939 3.226-3.862 0-7.358-1.563-9.891-4.092v0l-78.69-78.682c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 46.35-55.962c-15.63-25.17-28.29-54.291-36.443-85.239l-0.501-2.237-72.68-7c-7.132-0.708-12.656-6.677-12.656-13.935 0-0.003 0-0.006 0-0.009v0-111.56c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM146 491.064l70.018 6.748c6.111 0.607 11.029 5.063 12.323 10.885l0.017 0.093c8.332 36.763 22.475 69.2 41.588 98.057l-0.678-1.089c1.402 2.144 2.237 4.77 2.237 7.591 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-44.664 53.922 60.666 60.666 53.93-44.666c2.404-2.002 5.525-3.218 8.93-3.218 2.895 0 5.584 0.878 7.816 2.383l-0.050-0.032c27.685 18.568 60.094 32.697 94.907 40.446l1.893 0.354c5.888 1.201 10.356 6.046 10.973 12.033l0.005 0.059 6.74 69.774h86.128l6.748-69.768c0.615-6.078 5.077-10.96 10.887-12.2l0.091-0.016c36.76-8.308 69.198-22.431 98.059-41.526l-1.091 0.678c2.139-1.394 4.758-2.223 7.57-2.223 3.414 0 6.543 1.222 8.973 3.253l-0.022-0.018 53.868 44.62 59.784-60.542-44.716-54c-2.001-2.404-3.216-5.524-3.216-8.927 0-2.895 0.878-5.584 2.383-7.816l-0.032 0.050c18.567-27.685 32.696-60.094 40.446-94.906l0.354-1.894c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 70.012-6.724v-86.144l-69.038-6.734c-6.104-0.613-11.014-5.067-12.307-10.883l-0.017-0.093c-8.333-36.763-22.476-69.199-41.588-98.057l0.678 1.089c-1.402-2.144-2.237-4.77-2.237-7.591 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 44.664-53.922-60.664-60.666-53.932 44.664c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-27.685-18.568-60.094-32.697-94.907-40.446l-1.893-0.354c-5.888-1.201-10.356-6.046-10.973-12.033l-0.005-0.059-6.74-69.772h-86.128l-6.748 69.768c-0.615 6.078-5.077 10.96-10.887 12.2l-0.091 0.016c-36.76 8.308-69.198 22.431-98.059 41.526l1.091-0.678c-2.139 1.394-4.758 2.223-7.57 2.223-3.414 0-6.543-1.222-8.973-3.253l0.022 0.018-53.93-44.678-60.666 60.658 44.664 53.928c2.001 2.404 3.216 5.524 3.216 8.927 0 2.895-0.878 5.584-2.383 7.816l0.032-0.050c-18.567 27.685-32.696 60.094-40.446 94.906l-0.354 1.894c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-70.012 6.738zM512.498 216.8c127.687 0.001 231.198 103.512 231.198 231.2s-103.512 231.2-231.2 231.2c-127.688 0-231.2-103.512-231.2-231.2v0c0.15-127.628 103.573-231.051 231.188-231.2h0.014zM512.498 651.2c112.223-0.001 203.198-90.976 203.198-203.2s-90.976-203.2-203.2-203.2c-112.224 0-203.2 90.976-203.2 203.2v0c0.133 112.171 91.030 203.068 203.189 203.2h0.013zM476.468 381.478c2.521-2.463 5.973-3.982 9.78-3.982s7.259 1.519 9.783 3.985l-0.003-0.003 115.752 113.010c2.65 2.551 4.296 6.129 4.296 10.091 0 7.732-6.268 14-14 14-3.844 0-7.327-1.55-9.857-4.058l0.001 0.001-105.972-103.462-54.468 53.18c-2.521 2.463-5.973 3.982-9.78 3.982-7.732 0-14-6.268-14-14 0-3.925 1.615-7.473 4.218-10.015l0.003-0.003z" >
+<glyph unicode="&#xe91b;" glyph-name="car-1" d="M855.904 567.6l-49.728 208.208c-3.331 16.033-17.089 27.997-33.734 28.543l-0.058 0.001h-519.776c-16.708-0.549-30.468-12.52-33.752-28.329l-0.040-0.231-49.744-208.192-31.12 7.424 49.728 208.224c6.788 30.245 33.177 52.589 64.872 53.103l0.056 0.001h519.776c31.751-0.505 58.141-22.855 64.827-52.654l0.085-0.45 49.728-208.224zM939.648 260.64h-854.288c-8.837 0-16 7.163-16 16v0 204.208c0 3.62 1.202 6.959 3.229 9.64l-0.029-0.040 68.24 90.496c2.95 3.904 7.583 6.4 12.8 6.4h717.872c5.217 0 9.85-2.496 12.771-6.36l0.029-0.040 68.16-90.464c1.998-2.641 3.2-5.98 3.2-9.6v0-204.24c0-8.831-7.154-15.991-15.983-16h-0.001zM101.36 292.64h822.288v182.848l-60.16 79.824h-701.984l-60.144-79.824zM939.648 172.8h-854.288c-8.837 0-16 7.163-16 16v0 87.84h32v-71.84h822.288v71.84h32v-87.84c0-8.837-7.163-16-16-16v0zM939.648 341.328h-189.168c-8.834 0.004-15.993 7.166-15.993 16 0 2.683 0.66 5.211 1.827 7.432l-0.042-0.088 49.888 96.512c6.212 12.128 17.954 20.655 31.807 22.286l0.193 0.018 119.792 13.264 3.536-31.808-119.808-13.264c-3.111-0.464-5.68-2.425-6.984-5.113l-0.024-0.055-37.824-73.184h162.88zM274.496 341.328h-189.136v32h162.864l-37.888 73.328c-1.289 2.653-3.774 4.55-6.734 5.002l-0.050 0.006-120 13.28 3.52 31.808 120-13.28c13.896-1.691 25.504-10.134 31.573-21.899l0.107-0.229 49.968-96.672c1.125-2.133 1.785-4.661 1.785-7.344 0-8.837-7.163-16-16-16-0.003 0-0.006 0-0.010 0v0zM931.696 555.312h-60.224v32h60.224c14.112 0 26.016 15.744 26.016 34.368v22.304c0.011 0.155 0.018 0.336 0.018 0.519 0 3.841-2.874 7.011-6.589 7.477l-0.037 0.004h-102.736v32h102.736c21.418-0.437 38.613-17.903 38.613-39.384 0-0.216-0.002-0.433-0.005-0.648v0.033-22.304c0.075-1.15 0.118-2.493 0.118-3.846 0-33.019-25.528-60.076-57.925-62.51l-0.209-0.013zM152.688 555.312h-60.24c-32.599 2.455-58.118 29.508-58.118 62.521 0 1.353 0.043 2.697 0.127 4.029l-0.009-0.182v22.304c-0.003 0.183-0.005 0.399-0.005 0.616 0 21.482 17.195 38.947 38.572 39.384l0.041 0.001h102.736v-32h-102.736c-3.753-0.478-6.625-3.651-6.625-7.495 0-0.178 0.006-0.354 0.018-0.529l-0.001 0.024v-22.304c0-18.624 11.904-34.368 26-34.368h60.24zM787.312 276.64h32v-87.888h-32zM205.664 276.64h32v-87.888h-32zM664 260.64h-302.976c-8.834 0.004-15.993 7.166-15.993 16 0 1.815 0.302 3.559 0.859 5.185l-0.033-0.113 34.464 102.848c2.187 6.402 8.149 10.925 15.168 10.928h234.016c7.019-0.003 12.981-4.526 15.135-10.815l0.033-0.113 34.464-102.848c0.523-1.513 0.825-3.257 0.825-5.072 0-8.823-7.141-15.978-15.959-16h-0.002zM383.296 292.64h258.432l-23.744 70.848h-210.976zM868.080 59.648h-98.128c-41.089 0.046-74.386 33.343-74.432 74.428v54.724c0 8.837 7.163 16 16 16v0h214.992c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.089-33.343-74.386-74.428-74.432h-0.004zM727.52 172.8v-38.72c0.018-23.427 19.005-42.414 42.43-42.432h98.13c23.427 0.018 42.414 19.005 42.432 42.43v38.722zM255.088 59.648h-98.112c-41.096 0.036-74.402 33.337-74.448 74.428v54.724c0 8.837 7.163 16 16 16v0h215.072c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.117-33.388-74.432-74.512-74.432v0zM114.528 172.8v-38.72c0.027-23.429 19.018-42.414 42.446-42.432h98.114c0.010 0 0.021 0 0.032 0 23.444 0 42.453 18.992 42.48 42.429v38.723z" >
+<glyph unicode="&#xe91c;" glyph-name="car-parts-2" d="M512 960c-282.327 0-512-229.673-512-512s229.673-512 512-512 512 229.673 512 512-229.673 512-512 512zM512-30.968c-264.093 0-478.968 214.875-478.968 478.968s214.875 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.875-478.968-478.968-478.968zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c103.953 0 205.163 36.55 284.969 102.912l-21.124 25.385c-73.893-61.423-167.589-95.265-263.845-95.265-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-113.499-45.106-219.318-127.042-297.951l22.875-23.833c88.477 84.909 137.199 199.201 137.199 321.784 0 245.892-200.043 445.935-445.935 445.935zM198.194 448c0-173.039 140.767-313.806 313.806-313.806s313.806 140.767 313.806 313.806-140.767 313.806-313.806 313.806-313.806-140.767-313.806-313.806zM267.297 585.233l24.989-11.71-31.827-97.941-27.153 5.219c4.41 37.591 16.219 72.869 33.99 104.431zM394.752 193.206c-33.759 15.608-63.818 37.657-88.741 64.644l18.713 19.985 83.307-60.532-13.279-24.097zM629.248 193.222l-13.279 24.097 83.307 60.532 18.713-19.985c-24.923-27.004-54.982-49.053-88.741-64.644zM790.693 480.818l-27.153-5.219-31.827 97.941 24.989 11.71c17.771-31.579 29.58-66.857 33.99-104.431zM512 728.774c18.795 0 37.161-1.932 54.933-5.467l-3.452-27.565h-102.962l-3.452 27.565c17.771 3.534 36.137 5.467 54.933 5.467zM424.844 714.752l6.507-52.042h161.297l6.507 52.042c56.502-18.515 104.977-54.52 139.38-101.558l-47.236-22.148 49.829-153.385 51.646 9.91c-0.099-61.258-20.117-117.81-53.628-163.972l-35.691 38.103-130.461-94.819 25.336-45.948c-27.235-8.82-56.204-13.708-86.33-13.708s-59.095 4.889-86.313 13.708l25.336 45.948-130.461 94.819-35.691-38.103c-33.511 46.163-53.529 102.714-53.628 163.972l51.646-9.91 49.829 153.385-47.236 22.148c34.387 47.038 82.878 83.060 139.363 101.558zM512 299.355c81.97 0 148.645 66.676 148.645 148.645s-66.676 148.645-148.645 148.645c-81.97 0-148.645-66.676-148.645-148.645s66.676-148.645 148.645-148.645zM512 563.613c63.736 0 115.613-51.877 115.613-115.613s-51.877-115.613-115.613-115.613-115.613 51.877-115.613 115.613 51.877 115.613 115.613 115.613zM512 365.419c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 497.548c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM462.452 827.871h33.032v-33.032h-33.032v33.032zM528.516 827.871h33.032v-33.032h-33.032v33.032zM396.387 827.871h33.032v-33.032h-33.032v33.032zM594.581 827.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe91d;" glyph-name="hand" d="M857.646 237.74l38.582-38.848c2.539-2.556 6.056-4.138 9.942-4.138 6.138 0 11.354 3.946 13.25 9.439l0.030 0.099c4.222 12.016 6.662 25.871 6.662 40.296 0 34.72-14.133 66.139-36.959 88.818l-0.007 0.007c-22.858 22.724-54.365 36.77-89.153 36.77-15.392 0-30.142-2.75-43.785-7.785l0.876 0.283-31.776 31.776c6.828 8.398 10.963 19.223 10.963 31.014 0 22.998-15.731 42.323-37.021 47.799l-0.342 0.075c2.2 5.384 3.477 11.631 3.477 18.177 0 22.098-14.553 40.796-34.598 47.034l-0.349 0.094c4.023 6.976 6.397 15.342 6.397 24.262 0 26.863-21.523 48.699-48.265 49.203l-0.047 0.001c0.043 0.774 0.068 1.681 0.068 2.593 0 27.202-22.052 49.254-49.254 49.254-13.627 0-25.962-5.534-34.879-14.477l-35.581-35.581-88.11 88.098c4.811 12.808 7.596 27.611 7.596 43.064 0 69.514-56.352 125.866-125.866 125.866-14.286 0-28.016-2.38-40.816-6.765l0.885 0.264c-5.606-1.913-9.566-7.134-9.566-13.279 0-3.867 1.568-7.367 4.102-9.901l40.044-40.048-8.346-41.662-43.746-7.738-38.582 38.856c-2.539 2.556-6.056 4.138-9.942 4.138-6.137 0-11.353-3.946-13.249-9.439l-0.030-0.098c-4.223-12.017-6.662-25.872-6.662-40.297 0-34.72 14.133-66.139 36.96-88.818l0.007-0.007c22.859-22.723 54.365-36.768 89.153-36.768 15.392 0 30.142 2.75 43.786 7.785l-0.876-0.283 7.8-7.8-74.66-74.838c-13.444-13.44-21.759-32.010-21.759-52.521 0-0.164 0.001-0.328 0.002-0.492v0.025-26.4c0-0.037 0-0.080 0-0.123 0-34.092-12.146-65.346-32.346-89.673l0.186 0.231-3.246 3.16c-7.112 7.1-16.931 11.491-27.776 11.491s-20.664-4.391-27.777-11.491l-53.539-53.527c-7.088-7.105-11.471-16.912-11.471-27.742s4.383-20.637 11.472-27.743l232.841-232.853c7.099-7.1 16.907-11.491 27.741-11.491s20.642 4.391 27.741 11.491l53.53 53.528c7.088 7.105 11.471 16.912 11.471 27.742s-4.383 20.637-11.472 27.743l-8.199 8.199 14.91 7.18c45.329 22.085 84.121 49.973 117.448 83.324l74.836 74.838 31.58-31.58c-4.752-12.767-7.502-27.517-7.502-42.909 0-34.789 14.047-66.297 36.778-89.163l-0.006 0.006c22.662-22.802 54.038-36.922 88.712-36.942h0.004c14.392 0.013 28.218 2.42 41.107 6.842l-0.893-0.266c5.607 1.912 9.567 7.134 9.567 13.28 0 3.866-1.567 7.367-4.101 9.9l-40.046 40.044 8.362 41.664zM340.13 656.070c-11.894-5.513-25.816-8.729-40.488-8.729-27.037 0-51.524 10.92-69.29 28.59l0.004-0.004c-17.744 17.623-28.727 42.033-28.727 69.009 0 2.656 0.106 5.288 0.315 7.89l-0.022-0.343 25.426-25.6c2.535-2.554 6.047-4.135 9.929-4.135 0.863 0 1.707 0.078 2.527 0.228l-0.086-0.013 60.356 10.666c5.688 1.032 10.128 5.386 11.274 10.943l0.016 0.091 11.71 58.4c0.174 0.827 0.273 1.778 0.273 2.752 0 3.866-1.567 7.367-4.101 9.9l-27 27c2.152 0.168 4.66 0.264 7.19 0.264 54.075 0 97.912-43.837 97.912-97.912 0-14.705-3.242-28.654-9.050-41.169l0.252 0.605c-0.798-1.706-1.263-3.705-1.263-5.812 0-3.865 1.567-7.365 4.099-9.898l94.676-94.674-35.546-35.558-94.674 94.672c-2.534 2.534-6.034 4.101-9.9 4.101-2.107 0-4.106-0.466-5.898-1.299l0.086 0.036zM431.554 109.9l-53.528-53.53c-2.033-2.033-4.841-3.29-7.943-3.29s-5.91 1.257-7.943 3.29l-232.848 232.85c-2.030 2.034-3.286 4.843-3.286 7.944s1.255 5.91 3.286 7.944v0l53.528 53.528c2.033 2.033 4.841 3.29 7.943 3.29s5.91-1.257 7.943-3.29l232.848-232.85c2.031-2.034 3.286-4.842 3.286-7.943s-1.256-5.909-3.287-7.943v0zM555.722 264.084c-31.157-31.181-67.423-57.252-107.436-76.85l-2.364-1.046-23.742-11.432-180.496 180.672c25.060 29.2 40.316 67.451 40.316 109.265 0 0.052 0 0.105 0 0.157v-0.008 26.4c-0.001 0.11-0.001 0.24-0.001 0.37 0 12.807 5.183 24.404 13.566 32.807l-0.001-0.001 74.748 74.836 60.45-60.494-1.53-1.506c-0.832-0.832-1.69-1.644-2.552-2.436-19.244-17.64-48.652-21.684-73.168-10.056l-1.068 0.504c-1.743 0.838-3.791 1.328-5.952 1.328-7.732 0-14-6.268-14-14 0-5.533 3.21-10.317 7.869-12.59l0.083-0.036 1.066-0.506c35.25-16.712 76.108-10.936 104.082 14.718q1.734 1.6 3.416 3.27l112.238 112.242c3.883 4.012 9.317 6.503 15.333 6.503 11.779 0 21.328-9.549 21.328-21.328 0-6.018-2.492-11.454-6.501-15.331l-0.006-0.006-1.776-1.774-83.864-83.872c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l83.892 83.89c3.849 3.799 9.139 6.145 14.978 6.145 11.778 0 21.326-9.548 21.326-21.326 0-5.853-2.358-11.155-6.175-15.009l-83.86-83.86c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l62.48 62.476c3.844 3.769 9.114 6.095 14.928 6.095 11.779 0 21.328-9.549 21.328-21.328 0-5.824-2.334-11.103-6.119-14.952l-62.457-62.451c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l46.394 46.39c3.868 3.912 9.235 6.334 15.167 6.334 11.778 0 21.326-9.548 21.326-21.326 0-5.933-2.423-11.301-6.333-15.166l-0.002-0.002zM780.456 173.838l27-27c-2.153-0.168-4.661-0.265-7.192-0.265-54.075 0-97.912 43.837-97.912 97.912 0 14.705 3.242 28.654 9.050 41.169l-0.252-0.605c0.798 1.706 1.263 3.705 1.263 5.812 0 3.865-1.567 7.365-4.099 9.898l-38.16 38.16 35.552 35.55 38.154-38.154c2.534-2.534 6.034-4.101 9.9-4.101 2.107 0 4.105 0.465 5.897 1.299l-0.086-0.036c11.894 5.513 25.816 8.729 40.489 8.729 27.037 0 51.524-10.92 69.291-28.59l-0.004 0.004c17.744-17.624 28.727-42.035 28.727-69.011 0-2.655-0.106-5.286-0.315-7.888l0.022 0.343-25.426 25.6c-2.537 2.554-6.050 4.134-9.933 4.134-0.862 0-1.706-0.078-2.525-0.227l0.086 0.013-60.356-10.668c-5.687-1.033-10.126-5.385-11.272-10.941l-0.016-0.091-11.712-58.4c-0.173-0.826-0.272-1.775-0.272-2.747 0-3.867 1.568-7.367 4.102-9.901v0z" >
+<glyph unicode="&#xe91e;" glyph-name="accumulator" d="M947.952 60.448h-854.256c-8.837 0-16 7.163-16 16v0 551.6c0 8.837 7.163 16 16 16v0h854.256c8.837 0 16-7.163 16-16v0-551.6c0-8.837-7.163-16-16-16v0zM109.696 92.448h822.256v519.6h-822.256zM984.576 612.048h-929.264c-8.837 0-16 7.163-16 16v0 117.168c0 8.837 7.163 16 16 16v0h929.264c8.837 0 16-7.163 16-16v0-117.168c0-8.837-7.163-16-16-16v0zM71.312 644.048h897.264v85.168h-897.264zM777.104 729.216h-513.44c-0.002 0-0.005 0-0.008 0-8.837 0-16 7.163-16 16 0 3.87 1.374 7.42 3.661 10.187l-0.022-0.027 74.336 90.304c2.956 3.568 7.388 5.824 12.347 5.824 0.002 0 0.003 0 0.005 0h364.8c0.001 0 0.003 0 0.005 0 4.959 0 9.391-2.256 12.326-5.797l0.021-0.027 74.32-90.304c2.266-2.74 3.64-6.29 3.64-10.16 0-8.837-7.163-16-16-16-0.003 0-0.005 0-0.008 0v0zM297.552 761.216h445.664l-48 58.288h-349.616zM844.096 835.504h32v-90.304h-32zM163.392 835.504h32v-90.304h-32zM93.696 189.264h854.256v-32h-854.256zM768.432 560.528h32v-128.544h-32zM720.16 512.256h128.544v-32h-128.544zM190.784 512.256h128.544v-32h-128.544zM503.936 628.048h32v-309.168h-32zM843.088 162.144l-185.28 140.8h-137.808v32h143.2c0.010 0 0.021 0 0.032 0 3.61 0 6.938-1.202 9.607-3.229l-0.039 0.029 189.552-144zM200.448 162.144l-19.344 25.472 189.568 144c2.628 1.998 5.955 3.2 9.563 3.2 0.013 0 0.026 0 0.039 0h143.278v-32h-137.824z" >
+<glyph unicode="&#xe91f;" glyph-name="car-parts-3" d="M974.452 960h-620.329c-21.355 0-40.25-13.609-47.021-33.875l-5.203-15.674h-54.156c-27.318 0-49.548-22.231-49.548-49.548v-21.388c-47.682-14.253-82.581-58.484-82.581-110.741 0-34.502 15.277-65.437 39.325-86.644-36.947-28.094-62.233-69.615-69.682-115.745-49.036-13.362-85.256-58.186-85.256-111.418 0-63.736 51.877-115.613 115.613-115.613v-99.097h74.405c6.144-23.866 15.624-46.691 28.309-68.096l-52.67-52.686 93.432-93.432 52.686 52.67c21.405-12.684 44.23-22.165 68.096-28.309v-74.405h132.129v74.405c23.866 6.144 46.691 15.624 68.096 28.309l52.686-52.67 93.432 93.432-52.67 52.686c12.684 21.405 22.165 44.23 28.309 68.096h74.405v132.129h-74.405c-6.144 23.866-15.624 46.691-28.309 68.096l47.5 47.517h203.859v247.742h49.548c27.318 0 49.548 22.231 49.548 49.548v165.161c0 27.318-22.231 49.548-49.548 49.548zM743.226 926.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM627.613 926.968h49.978c-10.488-13.841-16.946-30.885-16.946-49.548 0-45.535 37.046-82.581 82.581-82.581 18.663 0 35.708 6.458 49.548 16.946v-116.042h-165.161v231.226zM492.445 926.968c-6.838-19.175-25.005-33.032-46.509-33.032s-39.672 13.857-46.509 33.032h93.019zM148.645 728.774c0 45.535 37.046 82.581 82.581 82.581s82.581-37.046 82.581-82.581c0-45.535-37.046-82.581-82.581-82.581-16.929 0-32.685 5.153-45.799 13.94l-0.446 0.908c-0.165-0.083-0.297-0.182-0.462-0.264-21.62 14.914-35.873 39.804-35.873 67.997zM184.749 622.988c4.344-1.916 8.836-3.584 13.444-4.971v-122.318c-20.662 21.058-48.888 33.643-78.865 34.618 8.671 38.086 32.372 71.63 65.42 92.672zM115.613 332.387c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c24.923 0 48.359-11.479 63.917-30.489l-13.89-13.89 52.67-52.686c-12.684-21.405-22.165-44.23-28.309-68.096h-74.389zM677.161 450.824l-45.816-45.816 7.449-11.247c16.516-24.956 27.879-52.257 33.726-81.177l2.692-13.229h68.013v-66.065h-68.013l-2.692-13.229c-5.847-28.92-17.21-56.221-33.726-81.177l-7.449-11.247 48.178-48.178-46.724-46.724-48.178 48.178-11.247-7.449c-24.956-16.516-52.257-27.879-81.177-33.726l-13.229-2.692v-68.013h-66.065v68.013l-13.229 2.692c-28.92 5.847-56.221 17.21-81.177 33.726l-11.247 7.449-48.178-48.178-46.724 46.724 48.178 48.178-7.449 11.247c-16.516 24.956-27.879 52.257-33.726 81.177l-2.692 13.229h-68.013v66.065h68.013l2.692 13.229c5.847 28.92 17.21 56.221 33.726 81.177l7.449 11.247-48.178 48.178 46.724 46.724 48.178-48.178 11.247 7.449c24.956 16.516 52.257 27.879 81.177 33.726l13.229 2.692v68.013h66.065v-68.013l13.229-2.692c28.92-5.847 56.221-17.21 81.177-33.726l11.247-7.449 48.178 48.178 44.362-44.379v-4.707zM891.871 481.032h-193.503l-65.586 65.586-52.686-52.67c-21.405 12.684-44.23 22.165-68.096 28.309v74.389h-132.129v-74.405c-23.866-6.144-46.691-15.624-68.096-28.309l-52.686 52.67-27.863-27.846v94.406c63.736 0 115.613 51.877 115.613 115.613s-51.877 115.613-115.613 115.613v16.516c0 9.117 7.399 16.516 16.516 16.516h77.973l12.734 38.251c2.263 6.772 8.572 11.297 15.674 11.297h10.901c7.68-37.64 41.043-66.065 80.913-66.065s73.233 28.424 80.913 66.065h67.733v-182.107c-13.841 10.488-30.885 16.946-49.548 16.946-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c39.87 0 73.233 28.424 80.913 66.065h265.926v-181.677zM594.581 679.226c0-27.318-22.231-49.548-49.548-49.548s-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548 49.548-22.231 49.548-49.548zM990.968 745.29c0-9.117-7.399-16.516-16.516-16.516h-49.548v33.032h-33.032v-66.065h-66.065v181.677c0 18.663-6.458 35.708-16.946 49.548h83.010v-132.129h33.032v132.129h49.548c9.117 0 16.516-7.399 16.516-16.516v-165.161zM115.613 464.516c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM115.613 398.452c-9.117 0-16.516 7.399-16.516 16.516s7.399 16.516 16.516 16.516 16.516-7.399 16.516-16.516c0-9.117-7.399-16.516-16.516-16.516zM231.226 679.226c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM231.226 745.29c9.117 0 16.516-7.399 16.516-16.516s-7.399-16.516-16.516-16.516-16.516 7.399-16.516 16.516 7.399 16.516 16.516 16.516zM445.935 431.484c-91.070 0-165.161-74.091-165.161-165.161s74.091-165.161 165.161-165.161c31.315 0 61.82 8.82 88.213 25.517l-17.672 27.896c-21.091-13.329-45.469-20.381-70.54-20.381-72.853 0-132.129 59.276-132.129 132.129s59.276 132.129 132.129 132.129c72.853 0 132.129-59.276 132.129-132.129 0-35.113-13.626-68.162-38.367-93.101l23.453-23.255c30.918 31.149 47.946 72.473 47.946 116.356 0 91.070-74.091 165.161-165.161 165.161zM445.935 365.419c-54.652 0-99.097-44.445-99.097-99.097s44.445-99.097 99.097-99.097 99.097 44.445 99.097 99.097-44.445 99.097-99.097 99.097zM445.935 200.258c-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065-29.63-66.065-66.065-66.065z" >
+<glyph unicode="&#xe920;" glyph-name="repair-1" d="M178.92 99.562c-0.001-0.157-0.001-0.343-0.001-0.529 0-59.869 34.334-111.72 84.385-136.936l0.88-0.402c1.791-0.93 3.911-1.475 6.157-1.475 2.686 0 5.189 0.779 7.297 2.124l-0.055-0.033c3.882 2.486 6.418 6.777 6.418 11.66 0 0.087-0.001 0.174-0.002 0.261v-0.013 72.8l48.066 31.876 49.144-34.312-0.19-70.4c0-0.005 0-0.012 0-0.018 0-7.757 6.289-14.046 14.046-14.046 2.275 0 4.424 0.541 6.324 1.501l-0.080-0.037c31.593 15.833 56.409 41.268 71.056 72.43l0.396 0.938 24.948-1.746c0.332-0.020 0.662-0.032 0.988-0.032 6.912 0.004 12.652 5.017 13.788 11.605l0.012 0.083 11.248 67.176c31.461 5.792 59.542 15.714 85.366 29.339l-1.616-0.777 48.974-46.686c2.508-2.394 5.912-3.868 9.661-3.868 3.522 0 6.741 1.301 9.201 3.448l-0.017-0.014 79.020 68.692c2.959 2.581 4.819 6.358 4.819 10.569 0 3.060-0.982 5.89-2.647 8.194l0.028-0.041-39.492 55.106c16.233 22.672 29.788 48.785 39.366 76.744l0.634 2.13 67.17 1.844c7.224 0.204 13.066 5.85 13.579 12.973l0.003 0.045 7.322 104.708c0.022 0.292 0.034 0.633 0.034 0.976 0 6.915-5.014 12.66-11.605 13.796l-0.083 0.012-67.176 11.246c-5.79 31.461-15.711 59.543-29.337 85.367l0.777-1.615 46.694 48.974c2.394 2.507 3.867 5.912 3.867 9.66 0 3.49-1.277 6.682-3.39 9.134l0.015-0.018-67.758 78.956c-2.583 2.997-6.383 4.883-10.624 4.883-3.061 0-5.893-0.982-8.197-2.649l0.041 0.028-55.094-39.486c-22.67 16.232-48.779 29.787-76.734 39.366l-2.13 0.634-1.79 68.092c-0.195 7.231-5.844 13.083-12.973 13.597l-0.045 0.003-63.682 4.454c0.579 5.013 0.91 10.821 0.91 16.707 0 59.994-34.338 111.967-84.432 137.34l-0.878 0.403c-1.77 0.931-3.868 1.477-6.094 1.477-2.66 0-5.138-0.78-7.217-2.125l0.052 0.032c-3.799-2.472-6.276-6.698-6.276-11.502 0-0.143 0.002-0.285 0.007-0.427l-0.001 0.021v-72.8l-48.228-31.87-49.224 34.312 0.152 70.4c-0.015 7.766-6.314 14.055-14.082 14.055-2.271 0-4.416-0.537-6.315-1.492l0.081 0.037c-51.034-25.561-85.455-77.452-85.455-137.383 0-0.211 0-0.423 0.001-0.634v0.033c0-60.648 37.070-115.94 91.070-140.56v-415.756c-54-24.62-91.080-79.922-91.080-140.56zM534.972 748.362l1.72-65.4c0.168-6.189 4.327-11.363 9.989-13.051l0.099-0.025c33.688-10.177 62.994-25.428 88.722-45.119l-0.66 0.485c2.309-1.744 5.228-2.794 8.391-2.794 3.061 0 5.893 0.983 8.198 2.65l-0.041-0.028 52.872 37.892 51.154-59.6-45-47.2c-2.395-2.508-3.868-5.913-3.868-9.662 0-2.552 0.683-4.945 1.876-7.006l-0.036 0.067c15.496-26.892 26.682-58.318 31.659-91.772l0.179-1.46c0.894-6.041 5.541-10.779 11.461-11.8l0.083-0.012 64.532-10.8-5.55-79.352-64.486-1.772c-6.183-0.174-11.35-4.331-13.037-9.989l-0.025-0.099c-10.173-33.688-25.422-62.994-45.113-88.72l0.485 0.66c-1.745-2.309-2.795-5.229-2.795-8.394 0-3.061 0.983-5.893 2.649-8.197l-0.028 0.041 37.94-52.936-59.782-51.97-47.144 44.938c-2.508 2.395-5.913 3.87-9.663 3.87-2.552 0-4.944-0.683-7.004-1.875l0.067 0.036c-26.886-15.503-58.307-26.695-91.754-31.679l-1.462-0.179c-6.041-0.895-10.778-5.543-11.798-11.463l-0.012-0.083-10.8-64.532-4.63 0.324c2.851 11.144 4.488 23.938 4.488 37.113 0 0.030 0 0.061 0 0.091v-0.005c-0.064 34.041-11.159 65.479-29.899 90.942l0.299-0.426c4.814-0.31 9.6-0.482 14.39-0.482 120.476 0.165 218.077 97.867 218.077 218.366 0 120.6-97.766 218.366-218.366 218.366-27.048 0-52.948-4.918-76.854-13.908l1.505 0.496v42.968c40.257 18.977 70.661 53.278 84.046 95.184l0.308 1.118zM424.172 223.562c-8.158 6.103-17.409 11.631-27.214 16.163l-0.958 0.397v342.636c22.238 9.854 48.176 15.591 75.454 15.591 105.143 0 190.378-85.235 190.378-190.378s-85.235-190.378-190.378-190.378c-16.8 0-33.092 2.176-48.609 6.262l1.327-0.297zM288.818 678.362c-48.17 18.53-81.767 64.352-81.94 118.045v0.021c-0.001 0.139-0.001 0.303-0.001 0.467 0 40.643 19.36 76.764 49.362 99.644l0.305 0.223-0.19-52.562c0-0.016 0-0.034 0-0.053 0-4.724 2.34-8.902 5.924-11.437l0.044-0.029 62.878-43.99c2.237-1.582 5.020-2.529 8.025-2.529 2.891 0 5.578 0.876 7.809 2.378l-0.050-0.032 62.416 41.328c3.88 2.515 6.449 6.768 6.599 11.63l0.001 0.022v55.182c29.904-23.516 48.991-59.624 49.2-100.197v-0.035c-0.201-53.722-33.816-99.541-81.134-117.773l-0.866-0.293c-5.386-2.035-9.156-7.13-9.2-13.111v-434.517c0-0.023 0-0.051 0-0.079 0-5.93 3.704-10.994 8.925-13.005l0.095-0.032c48.235-18.484 81.858-64.406 81.858-118.181 0-15.792-2.9-30.906-8.195-44.84l0.289 0.867c-0.187-0.383-0.385-0.864-0.555-1.357l-0.029-0.097c-8.719-22.28-22.896-40.819-40.924-54.567l-0.304-0.223 0.178 52.574c0 0.014 0 0.030 0 0.046 0 4.728-2.343 8.908-5.932 11.443l-0.044 0.029-62.876 43.988c-2.237 1.582-5.020 2.529-8.025 2.529-2.891 0-5.578-0.876-7.809-2.378l0.050 0.032-62.262-41.328c-3.836-2.53-6.355-6.788-6.44-11.639v-55.195c-29.95 23.501-49.088 59.604-49.36 100.187v0.045c0.236 53.732 33.875 99.548 81.211 117.773l0.867 0.293c5.407 2.027 9.202 7.118 9.282 13.106v434.522c-0.036 5.984-3.8 11.079-9.085 13.084l-0.097 0.032z" >
+<glyph unicode="&#xe921;" glyph-name="carwash" d="M925.76 820.672c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-28.277 22.923-51.2 51.2-51.2v0zM925.76 890.96c10.604 0 19.2-8.596 19.2-19.2s-8.596-19.2-19.2-19.2c-10.604 0-19.2 8.596-19.2 19.2v0c0 10.604 8.596 19.2 19.2 19.2v0zM988.56 693.952c-10.316 27.535-30.966 49.165-57.109 60.535l-0.683 0.265c-11.122 4.56-24.031 7.207-37.558 7.207-1.838 0-3.665-0.049-5.479-0.145l0.253 0.011c-9.827 16.118-23.891 28.793-40.656 36.669l-0.576 0.243c-7.744 39.888-39.264 101.616-116.32 101.616h-0.48c-1.455 0.068-3.161 0.107-4.875 0.107-30.567 0-58.25-12.351-78.329-32.335l0.004 0.004c-18.998-21.328-31.345-48.95-33.574-79.383l-0.026-0.441h-218.736c1.039 4.404 1.635 9.461 1.635 14.657 0 36.742-29.786 66.528-66.528 66.528-0.119 0-0.238 0-0.357-0.001h0.018c-0.022 0-0.048 0-0.074 0-5.533 0-10.908-0.677-16.046-1.952l0.457 0.096c-15.967 22.827-42.132 37.57-71.741 37.57-45.105 0-82.218-34.214-86.804-78.105l-0.032-0.377c-3.945 0.509-8.509 0.8-13.14 0.8-0.044 0-0.087 0-0.131 0h0.007c-0.025 0-0.056 0-0.086 0-61.661 0-111.648-49.987-111.648-111.648 0-31.318 12.894-59.623 33.664-79.898l0.022-0.022c-21.094-0.837-37.877-18.14-37.877-39.363 0-0.224 0.002-0.448 0.006-0.671v0.034-22.304c-0.075-1.15-0.118-2.493-0.118-3.846 0-33.010 25.521-60.060 57.909-62.494l0.209-0.013h28.992l-48.864-64.832c-1.998-2.641-3.2-5.98-3.2-9.6v0-292.064c0.062-7.738 5.69-14.143 13.075-15.411l0.093-0.013v-39.264c0.055-41.091 33.355-74.387 74.444-74.432h98.1c41.093 0.046 74.393 33.341 74.448 74.427v38.693h365.984v-38.688c0.046-41.089 33.343-74.386 74.428-74.432h98.132c41.089 0.046 74.386 33.343 74.432 74.428v39.236c7.459 1.294 13.069 7.686 13.136 15.401v292.087c0 3.62-1.202 6.959-3.229 9.64l0.029-0.040-48.864 64.864h28.144c32.604 2.439 58.134 29.492 58.134 62.507 0 1.353-0.043 2.695-0.127 4.026l0.009-0.182v22.336c-0.045 4.761-0.898 9.309-2.426 13.533l0.090-0.285c9.176 15.286 14.603 33.73 14.603 53.441 0 11.167-1.742 21.927-4.968 32.023l0.205-0.744zM669.856 845.952c14.449 13.934 34.139 22.518 55.834 22.518 1.533 0 3.056-0.043 4.568-0.127l-0.21 0.009h0.368c75.68 0 85.632-79.44 86-82.784 0.703-6.306 4.981-11.458 10.735-13.423l0.113-0.033c1.424-0.48 2.816-1.008 4.24-1.6 14.729-6.363 26.278-17.766 32.673-31.988l0.159-0.396c2.55-5.654 8.138-9.519 14.629-9.519 1.097 0 2.168 0.11 3.202 0.32l-0.103-0.017c3.509 0.65 7.547 1.021 11.671 1.021 9.177 0 17.924-1.839 25.893-5.17l-0.444 0.164c18.101-8.131 32.051-22.805 39.045-40.936l0.171-0.504c2.004-6.174 3.16-13.277 3.16-20.651 0-10.596-2.386-20.634-6.651-29.607l0.179 0.418c-3.733 1.458-8.053 2.327-12.568 2.384h-90.216l-23.696 99.2c-6.764 30.256-33.156 52.613-64.857 53.119l-0.055 0.001h-118.192c1.999 22.25 10.876 42.116 24.46 57.791l-0.108-0.127zM763.696 756.352c16.706-0.555 30.462-12.523 33.752-28.329l0.040-0.231 45.024-188.48h-677.408l17.296 72.672c7.388 2.866 13.711 6.092 19.651 9.868l-0.451-0.268c11.663-6.161 25.491-9.778 40.164-9.778 48.256 0 87.376 39.12 87.376 87.376 0 13.505-3.064 26.295-8.535 37.712l0.227-0.526c2.48-0.312 5.353-0.492 8.267-0.496h0.005c18.861 0.018 35.882 7.882 47.977 20.504l0.023 0.024zM914.96 325.312h-146.88l37.824 73.184c1.323 2.747 3.895 4.709 6.958 5.162l0.050 0.006 102.048 11.28zM809.36 435.472c-14.041-1.652-25.78-10.171-31.892-22.057l-0.108-0.231-49.888-96.528c-1.125-2.133-1.785-4.661-1.785-7.344 0-8.834 7.159-15.996 15.993-16h173.28v-48.672h-248.16l-30.816 91.936c-2.192 6.396-8.153 10.911-15.168 10.912h-234.016c-7.015-0.001-12.976-4.516-15.134-10.799l-0.034-0.113-30.832-91.936h-248.128v48.688h173.136c0.003 0 0.006 0 0.009 0 8.837 0 16 7.163 16 16 0 2.683-0.66 5.211-1.827 7.432l0.042-0.088-49.968 96.688c-6.178 11.99-17.786 20.427-31.483 22.093l-0.197 0.019-92.016 10.176 46.4 61.68h702.032l46.4-61.68zM914.96 156.736h-104.336v55.904h104.336zM304.848 156.736h-75.856v55.904h549.632v-55.84h-473.776zM92.672 212.64h104.32v-55.84h-104.32zM374.576 244.64l23.824 70.848h210.896l23.744-70.848zM194.848 403.664c3.019-0.447 5.512-2.347 6.777-4.955l0.023-0.053 37.888-73.328h-146.864v89.6zM61.936 715.776c0 0.023 0 0.050 0 0.077 0 43.988 35.66 79.648 79.648 79.648 8.873 0 17.407-1.451 25.378-4.128l-0.562 0.164c1.493-0.508 3.213-0.802 5.001-0.802 8.837 0 16 7.163 16 16 0 0.893-0.073 1.769-0.214 2.623l0.013-0.093c-0.447 2.568-0.72 5.544-0.752 8.577v0.031c0 0.011 0 0.025 0 0.039 0 30.557 24.771 55.328 55.328 55.328 22.055 0 41.097-12.905 49.985-31.576l0.143-0.335c1.859-3.905 5.138-6.881 9.152-8.301l0.112-0.035c1.55-0.543 3.337-0.856 5.198-0.856 2.637 0 5.126 0.63 7.327 1.747l-0.092-0.043c4.516 2.34 9.858 3.712 15.521 3.712 0.011 0 0.022 0 0.033 0h-0.002c0.222 0.005 0.484 0.008 0.747 0.008 19.255 0 34.864-15.609 34.864-34.864s-15.609-34.864-34.864-34.864c-0.263 0-0.525 0.003-0.786 0.009l0.039-0.001c-0.035 0-0.077 0-0.118 0-9.853 0-18.74 4.137-25.019 10.768l-0.015 0.016c-2.883 3.012-6.921 4.898-11.399 4.944h-0.009c-0.081 0.001-0.176 0.002-0.271 0.002-4.405 0-8.387-1.807-11.247-4.72l-0.002-0.002c-2.564-2.57-5.374-4.892-8.393-6.929l-0.199-0.127c-4.306-2.912-7.1-7.778-7.1-13.296s2.793-10.384 7.043-13.26l0.056-0.036c14.659-10.104 24.145-26.8 24.145-45.712 0-30.566-24.779-55.345-55.345-55.345-11.654 0-22.467 3.602-31.386 9.754l0.186-0.121c-2.57 1.836-5.775 2.936-9.238 2.936-3.781 0-7.256-1.312-9.994-3.505l0.032 0.025c-13.359-10.717-30.516-17.2-49.186-17.2-0.061 0-0.122 0-0.183 0h0.009c-43.951 0.145-79.53 35.781-79.584 79.739v0.005zM57.76 573.68v22.304c-0.011 0.151-0.017 0.327-0.017 0.505 0 3.844 2.872 7.017 6.587 7.491l0.037 0.004h83.296l-15.456-64.704h-48.448c-14.096 0.048-26 15.776-26 34.4zM288.848 86.064c-0.036-23.426-19.021-42.405-42.445-42.432h-98.115c-23.427 0.027-42.412 19.007-42.448 42.429v38.739h183.008zM901.824 86.064c-0.027-23.424-19.008-42.405-42.429-42.432h-98.131c-23.424 0.027-42.405 19.008-42.432 42.429v38.739h182.992zM949.024 573.68c0-18.624-11.904-34.352-26.016-34.352h-47.6l-15.456 64.704h82.448c3.752-0.47 6.626-3.64 6.626-7.481 0-0.183-0.006-0.364-0.019-0.543l0.001 0.024z" >
+<glyph unicode="&#xe922;" glyph-name="car-parts-4" d="M990.968 628.703v215.684c0 45.535-37.046 82.581-82.581 82.581h-215.684c-56.221 21.289-117.099 33.032-180.703 33.032s-124.482-11.743-180.703-33.032h-215.684c-45.535 0-82.581-37.046-82.581-82.581v-215.684c-21.289-56.221-33.032-117.099-33.032-180.703s11.743-124.482 33.032-180.703v-215.684c0-45.535 37.046-82.581 82.581-82.581h215.684c56.237-21.289 117.116-33.032 180.703-33.032s124.482 11.743 180.703 33.032h215.684c45.535 0 82.581 37.046 82.581 82.581v215.684c21.289 56.221 33.032 117.099 33.032 180.703s-11.743 124.482-33.032 180.703zM908.387 893.935c27.318 0 49.548-22.231 49.548-49.548v-145.276c-45.981 81.325-113.499 148.843-194.824 194.824h145.276zM66.065 844.387c0 27.318 22.231 49.548 49.548 49.548h145.276c-81.325-45.981-148.843-113.499-194.824-194.824v145.276zM115.613 2.065c-27.318 0-49.548 22.231-49.548 49.548v145.276c45.981-81.325 113.499-148.843 194.824-194.824h-145.276zM957.935 51.613c0-27.318-22.231-49.548-49.548-49.548h-145.276c81.325 45.981 148.86 113.499 194.824 194.824v-145.276zM512-30.968c-264.109 0-478.968 214.875-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.858-478.968-478.968-478.968zM602.822 376.7l117.826-52.373c12.668-5.599 26.095-8.456 39.919-8.456 54.189 0 98.271 44.082 98.271 98.254v165.508c0 36.715-29.861 66.56-66.577 66.56-26.277 0-50.159-15.509-60.829-39.54l-18.647-41.967c-17.309-38.929-50.804-68.063-91.119-80.334-7.234 21.735-20.728 40.597-38.367 54.47l52.356 117.826c5.632 12.651 8.473 26.095 8.473 39.936 0 54.173-44.082 98.254-98.271 98.254h-165.492c-36.699 0-66.56-29.861-66.56-66.56 0-26.294 15.509-50.159 39.54-60.845l41.967-18.647c38.929-17.292 68.063-50.787 80.351-91.119-21.735-7.234-40.597-20.728-54.47-38.383l-117.826 52.373c-12.684 5.615-26.112 8.473-39.936 8.473-54.189 0-98.271-44.082-98.271-98.254v-165.508c0-36.715 29.861-66.56 66.577-66.56 26.277 0 50.159 15.509 60.829 39.54l18.647 41.967c17.309 38.929 50.804 68.063 91.119 80.334 7.234-21.735 20.728-40.597 38.367-54.47l-52.356-117.826c-5.632-12.651-8.473-26.095-8.473-39.936 0-54.173 44.082-98.254 98.271-98.254h165.492c36.699 0 66.56 29.861 66.56 66.56 0 26.294-15.509 50.159-39.54 60.845l-41.967 18.647c-38.929 17.292-68.063 50.787-80.351 91.119 21.752 7.234 40.613 20.728 54.487 38.367zM627.613 448c0 1.272-0.149 2.51-0.198 3.782 51.134 14.319 93.812 50.556 115.547 99.493l18.663 41.967c5.368 12.090 17.391 19.918 30.637 19.918 18.498 0 33.544-15.046 33.544-33.528v-165.508c0-35.972-29.267-65.222-65.239-65.222-9.183 0-18.102 1.883-26.492 5.632l-114.671 50.969c5.236 13.163 8.209 27.483 8.209 42.496zM396.387 448c0-1.272 0.149-2.51 0.198-3.782-51.134-14.319-93.812-50.556-115.547-99.493l-18.663-41.967c-5.368-12.090-17.391-19.918-30.637-19.918-18.498 0-33.544 15.046-33.544 33.528v165.508c0 35.972 29.267 65.222 65.239 65.222 9.183 0 18.102-1.883 26.492-5.632l114.671-50.969c-5.236-13.163-8.209-27.483-8.209-42.496zM408.725 678.978l-41.967 18.647c-12.106 5.368-19.918 17.408-19.918 30.654 0 18.482 15.046 33.528 33.544 33.528h165.492c35.972 0 65.239-29.25 65.239-65.222 0-9.199-1.899-18.102-5.615-26.492l-50.969-114.671c-13.196 5.219-27.516 8.192-42.529 8.192-1.272 0-2.51-0.149-3.782-0.198-14.319 51.134-50.572 93.812-99.493 115.563zM615.275 217.022l41.967-18.647c12.106-5.368 19.918-17.408 19.918-30.654 0-18.482-15.046-33.528-33.544-33.528h-165.475c-35.972 0-65.239 29.25-65.239 65.222 0 9.199 1.899 18.102 5.615 26.492l50.969 114.671c13.18-5.219 27.499-8.192 42.513-8.192 1.272 0 2.51 0.149 3.782 0.198 14.319-51.134 50.572-93.812 99.493-115.563zM512 365.419c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c45.535 0 82.581-37.046 82.581-82.581s-37.046-82.581-82.581-82.581zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c97.049 0 189.308 30.621 266.818 88.593l-19.786 26.459c-71.746-53.661-157.167-82.019-247.032-82.019-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-117.347-50.209-229.558-137.745-307.877l22.016-24.609c94.538 84.563 148.761 205.741 148.761 332.486 0 245.892-200.043 445.935-445.935 445.935zM99.097 860.903h33.032v-33.032h-33.032v33.032zM891.871 860.903h33.032v-33.032h-33.032v33.032zM99.097 68.129h33.032v-33.032h-33.032v33.032zM891.871 68.129h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe923;" glyph-name="automobile" d="M193.378 697.378l-32.6-57.892c-15.76 0.032-50.786 0.030-70.128 0.030-31.762 0-57.576-15.908-65.766-40.478-3.49-10.161-5.933-21.95-6.84-34.165l-0.028-0.473c-0.010-0.198-0.016-0.43-0.016-0.663 0-3.71 1.477-7.075 3.875-9.54l-0.003 0.003c2.521-2.593 6.042-4.201 9.939-4.201 0.066 0 0.133 0 0.199 0.001h0.008l48.544-0.086c-21.162-16.114-34.778-43.088-34.778-74.16 0-0.004 0-0.008 0-0.012 0-0.63 0.040-1.251 0.118-1.86l-0.008 0.072 22.472-178.172c0.666-25.419 19.101-46.342 43.306-50.841l0.328-0.051v-57.056c0.054-18.532 14.955-33.565 33.431-33.834h58.625c18.614 0.232 33.649 15.229 33.944 33.806v56.194h501.104c-25.471-27.363-41.104-64.181-41.104-104.649 0-59.976 34.337-111.933 84.425-137.283l0.878-0.403c1.851-0.926 4.034-1.468 6.342-1.468 2.772 0 5.361 0.781 7.56 2.135l-0.062-0.036c4.068 2.498 6.762 6.886 6.856 11.911v72.813l47.646 31.876 48.934-34.312-0.294-70.4c0-0.027 0-0.058 0-0.090 0-7.718 6.256-13.974 13.974-13.974 2.269 0 4.412 0.541 6.306 1.5l-0.080-0.037c50.82 25.887 85.022 77.818 85.022 137.736 0 62.441-37.143 116.207-90.54 140.409l-0.968 0.393v335.756c54.358 24.568 91.5 78.313 91.5 140.734 0 59.914-34.219 111.836-84.18 137.288l-0.874 0.404c-1.837 0.934-4.006 1.482-6.303 1.482-7.763 0-14.065-6.254-14.143-13.998v-72.807l-47.646-31.87-48.934 34.312 0.294 70.4c0 0.026 0 0.056 0 0.087 0 7.719-6.257 13.976-13.976 13.976-2.268 0-4.41-0.54-6.304-1.499l0.080 0.037c-44.148-21.991-75.719-63.522-83.561-112.955l-0.113-0.867c-4.192 0.792-9.069 1.297-14.045 1.399l-0.093 0.001h-384.16c-43.266 0-81.666-30.222-108.164-84.622zM48.116 577.724c1.045 4.993 2.197 9.158 3.574 13.218l-0.234-0.794c4.246 12.74 20 21.302 39.2 21.302 14.256 0 37.046-0.036 54.344-0.068l-18.936-33.558zM210 187.834c-0.274-3.147-2.794-5.626-5.935-5.833l-0.019-0.001h-58.59c-3.039 0.249-5.417 2.758-5.456 5.83v56.17h70zM121.028 272c-13.589 0.041-24.59 11.061-24.6 24.653v0.001c0 0.631-0.041 1.251-0.12 1.86l0.008-0.072-22.528 178.072c0.382 36.984 25.684 59.888 51.030 61.384 0.173-0.007 0.375-0.012 0.579-0.012 0.636 0 1.261 0.041 1.875 0.121l-0.072-0.008h660.8v-80.088c-20-6.89-37.818-27.378-37.818-51.518s17.818-44.628 37.818-51.518v-74.754c-4-2.384-9.43-4.122-14.37-8.122zM605 566c5.4 30 32.482 54.646 65 54.646s59.6-24.646 65-54.646zM788 426.708v-40.628c-4 4.768-9.818 12.096-9.818 20.314s5.818 15.548 9.818 20.314zM775.558 856.77l-0.116-52.57c0-0.005 0-0.010 0-0.015 0-4.742 2.353-8.934 5.956-11.473l0.044-0.030 62.89-43.988c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 61.846 41.328c3.657 2.519 6.024 6.684 6.024 11.401 0 0.087-0.001 0.174-0.002 0.26v-0.013 55.182c32-23.57 49.78-60.22 49.78-100.232-0.329-53.761-34.031-99.568-81.419-117.773l-0.869-0.293c-5.46-2.009-9.318-7.090-9.492-13.095v-354.533c0.222-6.040 4.112-11.117 9.499-13.084l0.101-0.032c48.221-18.512 81.88-64.324 82.148-118.033v-0.033c0.001-0.179 0.001-0.392 0.001-0.604 0-40.576-19.312-76.642-49.247-99.506l-0.303-0.222 0.242 52.574c0 0.025 0 0.055 0 0.085 0 4.709-2.33 8.874-5.901 11.404l-0.043 0.029-62.86 43.988c-2.234 1.583-5.016 2.53-8.019 2.53-2.89 0-5.574-0.877-7.803-2.38l0.050 0.032-61.84-41.328c-3.66-2.519-6.028-6.685-6.028-11.403 0-0.087 0.001-0.175 0.002-0.262v0.013-55.182c-32 23.57-49.78 60.22-49.78 100.232 0.102 44.397 23.041 83.415 57.69 105.939l0.49 0.299c0.593 0.339 1.1 0.681 1.58 1.054l-0.030-0.022c6.15 3.981 13.221 7.611 20.654 10.52l0.814 0.28c5.073 2.032 8.592 6.908 8.592 12.605 0 0.178-0.003 0.356-0.010 0.533l0.001-0.025v354.512c0.006 0.146 0.009 0.318 0.009 0.491 0 5.707-3.526 10.591-8.518 12.593l-0.091 0.032c-48.118 18.492-81.649 64.33-81.649 118 0 40.834 19.41 77.134 49.507 100.178l0.302 0.222zM697.578 752.486c1.636-58.98 38.422-112.56 90.422-136.6v-49.886h-24.71c-5.849 46.795-45.383 82.642-93.29 82.642s-87.441-35.847-93.243-82.181l-0.047-0.461h-425.532l66.8 118.046c0.142 0.254 0.278 0.62 0.4 0.88 12.492 25.758 39.906 69.074 83.164 69.074h384.16c4.255-0.088 8.339-0.635 12.261-1.594l-0.385 0.080zM178.822 460.39c-29.823 0-54-24.177-54-54s24.177-54 54-54c29.823 0 54 24.177 54 54v0c-0.032 29.811-24.189 53.968-53.997 54h-0.003zM178.822 380.39c-14.359 0-26 11.641-26 26s11.641 26 26 26c14.359 0 26-11.641 26-26v0c-0.020-14.349-11.65-25.975-25.999-25.99h-0.001zM306.766 376h370.468c7.792 0.327 13.984 6.724 13.984 14.566 0 1.629-0.267 3.196-0.76 4.659l0.030-0.103-12.774 37.2c-8.776 25.8-37 45.674-64.27 45.674h-243.894c-27.334 0-55.4-19.896-63.878-45.88l-12.214-37.184c-0.439-1.328-0.692-2.856-0.692-4.444 0-3.154 0.999-6.075 2.698-8.463l-0.030 0.045c2.551-3.598 6.654-5.949 11.313-6.070h0.019zM332.29 423.018c4.71 14.398 22.11 26.982 37.26 26.982h243.894c15.216 0 32.862-12.6 37.764-27l6.478-19h-331.622zM726.126 356h-456.912c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h456.912c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe924;" glyph-name="polisher" d="M253.68 373.328h-60.080c-36.571 0.046-66.204 29.684-66.24 66.253v433.603c0.036 36.569 29.671 66.204 66.236 66.24h60.020c0.019 0 0.042 0 0.064 0 36.599 0 66.274-29.647 66.32-66.236v-433.604c-0.046-36.596-29.719-66.247-66.319-66.256h-0.001zM193.6 907.424c-18.903-0.018-34.222-15.337-34.24-34.238v-433.602c0.018-18.906 15.335-34.229 34.237-34.256h60.019c0.029 0 0.062 0 0.096 0 18.926 0 34.27 15.333 34.288 34.254v433.602c-0.027 18.905-15.35 34.222-34.254 34.24h-0.002zM223.664 672.384h80.272v-32h-80.272zM223.664 805.904h80.272v-32h-80.272zM223.664 538.848h80.272v-32h-80.272zM419.28 529.232h-115.28c-8.837 0-16 7.163-16 16v0 222.304c0 8.837 7.163 16 16 16v0h115.344c8.837 0 16-7.163 16-16v0-222.304c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM319.936 561.232h83.344v190.304h-83.28zM745.088 432.8h-325.808c-8.837 0-16 7.163-16 16v0 361.872c0.018 38.27 31.028 69.292 69.292 69.328h219.204c38.248-0.036 69.244-31.032 69.28-69.277v-230.339h-32v230.288c0 0.005 0 0.010 0 0.016 0 20.584-16.669 37.276-37.244 37.312h-219.204c-20.585-0.018-37.269-16.696-37.296-37.277v-345.923h309.776zM704.368 128.928h-203.968c-31.125 0.036-56.348 25.259-56.384 56.381v263.491c0 8.837 7.163 16 16 16v0h244.352c8.837 0 16-7.163 16-16v0-303.872c0-8.837-7.163-16-16-16v0zM476.016 432.8v-247.488c0.018-13.46 10.924-24.366 24.382-24.384h187.97v271.872zM889.6 432.8h-315.664c-42.315 0.073-76.599 34.357-76.672 76.665v10.263c0.082 42.309 34.362 76.583 76.665 76.656h315.671c42.303-0.082 76.574-34.353 76.656-76.648v-10.264c-0.073-42.31-34.347-76.59-76.648-76.672h-0.008zM573.936 564.384c-24.637-0.073-44.59-20.020-44.672-44.648v-10.264c0.073-24.642 20.030-44.599 44.665-44.672h315.671c24.636 0.082 44.583 20.035 44.656 44.665v10.263c-0.027 24.652-20.004 44.629-44.653 44.656h-0.003zM532.864 245.12h98.672v-32h-98.672zM532.864 329.712h98.672v-32h-98.672zM673.328-16.736h-114.624c0 0-0.001 0-0.001 0-7.652 0-14.050 5.372-15.627 12.55l-0.020 0.106-31.056 145.664c-0.225 1.005-0.353 2.16-0.353 3.344 0 8.837 7.163 16 16 16 0 0 0.001 0 0.001 0h176.72c8.829-0.010 15.982-7.17 15.982-16 0-1.179-0.127-2.328-0.369-3.434l0.019 0.106-31.040-145.6c-1.564-7.313-7.964-12.72-15.63-12.736h-0.002zM571.664 15.264h88.704l24.24 113.6h-137.2zM432.112 578.976l-22.624 22.624 77.376 77.376v185.024h32v-191.648c-0.001-4.418-1.792-8.417-4.688-11.312v0zM618.608 514.592c0-14.227-11.533-25.76-25.76-25.76s-25.76 11.533-25.76 25.76c0 14.227 11.533 25.76 25.76 25.76s25.76-11.533 25.76-25.76z" >
+<glyph unicode="&#xe925;" glyph-name="car-parts-5" d="M512 431.484c-81.953 0-148.645-66.692-148.645-148.645s66.692-148.645 148.645-148.645 148.645 66.692 148.645 148.645-66.692 148.645-148.645 148.645zM512 167.226c-63.752 0-115.613 51.861-115.613 115.613s51.861 115.613 115.613 115.613 115.613-51.861 115.613-115.613-51.861-115.613-115.613-115.613zM0 960v-825.806h132.129v33.032h53.265c47.765-134.491 175.946-231.226 326.606-231.226s278.842 96.735 326.606 231.226h53.265v-33.032h132.129v825.806h-1024zM33.032 926.968h270.633c-101.293-32.834-194.23-89.369-270.633-165.855v165.855zM175.517 200.258h-43.388v99.097c0 143.69 80.202 268.982 198.194 333.51v-55.147c-98.915-61.159-165.161-170.281-165.161-294.879 0-28.507 3.832-56.056 10.356-82.581zM512-30.968c-173.039 0-313.806 140.767-313.806 313.806s140.767 313.806 313.806 313.806 313.806-140.767 313.806-313.806-140.767-313.806-313.806-313.806zM363.355 595.737v53.165c45.684 19.506 95.926 30.324 148.645 30.324s102.962-10.818 148.645-30.324v-53.165c-45.122 21.521-95.397 33.941-148.645 33.941s-103.523-12.42-148.645-33.941zM990.968 167.226h-66.065v66.065h-33.032v-33.032h-43.388c6.524 26.525 10.356 54.074 10.356 82.581 0 124.598-66.246 233.72-165.161 294.895v55.147c117.991-64.545 198.194-189.836 198.194-333.527v-33.032h33.032v33.032c0 227.675-185.228 412.903-412.903 412.903s-412.903-185.228-412.903-412.903v-132.129h-66.065v545.858c122.203 135.944 296.365 213.884 478.968 213.884s356.765-77.94 478.968-213.884v-545.858zM990.968 761.113c-76.404 76.486-169.34 133.021-270.633 165.855h270.633v-165.855zM512 464.516c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM512 530.581c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM348.507 396.783c13.229 0 25.683 5.153 35.031 14.501 9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.785-14.501 35.031-14.501zM336.83 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677zM330.323 282.839c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM280.774 266.323c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM313.46 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.365-9.365 21.801-14.518 35.047-14.518s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.729 18.729-51.365 18.729-70.078 0.017zM360.167 107.669c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.701-8.555-4.839-11.677zM512 101.161c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM512 35.097c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM640.462 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.801-14.501 35.031-14.501s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0zM687.17 107.669c-6.227-6.243-17.111-6.243-23.337 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.734-8.555-4.856-11.677zM693.677 282.839c0-27.318 22.231-49.548 49.548-49.548s49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548zM743.226 299.355c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM675.493 396.783c13.229 0 25.683 5.153 35.031 14.501s14.501 21.801 14.501 35.031c0 13.229-5.153 25.683-14.501 35.031-18.729 18.729-51.365 18.713-70.078 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.398-9.332 21.834-14.485 35.064-14.485zM663.833 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.701 8.555 4.839 11.677zM140.205 725.487c103.853 87.321 235.883 135.416 371.795 135.416v33.032c-143.674 0-283.268-50.853-393.051-143.162l21.256-25.286zM72.291 707.221l23.75-22.957c7.317 7.581 14.831 14.947 22.545 22.115l-22.462 24.213c-8.159-7.581-16.087-15.36-23.833-23.37z" >
+<glyph unicode="&#xe926;" glyph-name="gasoline" d="M560.438 698h106.962c0.014 0 0.031 0 0.048 0 50.935 0 92.234 41.254 92.308 92.171v0.007c-0.014 7.637-6.209 13.823-13.848 13.823-0.053 0-0.107 0-0.16-0.001h-160.192c-21.745-0.137-39.345-17.69-39.556-39.404v-53.254c0-7.742 6.706-13.342 14.438-13.342zM574 764.576c0.194 6.278 5.272 11.308 11.551 11.424h144.671c-6.4-30-32.144-50-62.824-50h-93.398zM218.096 634.246c2.533-2.533 6.033-4.1 9.899-4.1 3.804 0 7.253 1.517 9.776 3.979l-0.003-0.003 5.028 4.9 16-17.132-35.134-34.090c-12.079-11.714-19.596-28.073-19.662-46.188v-395.112c0.136-63.227 51.392-114.438 114.624-114.5h427.13c63.117 0.094 114.246 51.282 114.246 114.412 0 0.031 0 0.062 0 0.093v-0.005 653.25c0 0.043 0 0.093 0 0.144 0 35.368-28.641 64.046-63.994 64.106h-260.694c-34.994-0.12-63.316-28.517-63.316-63.528 0-0.254 0.001-0.508 0.004-0.761v0.039-51.75h-57c-0.124 0.001-0.272 0.001-0.419 0.001-17.202 0-32.813-6.814-44.282-17.889l0.018 0.018-27.8-26.92-16.1 17.304 10.554 10.318c2.609 2.549 4.227 6.102 4.227 10.033 0 3.869-1.567 7.372-4.101 9.909v0l-50.24 50.254c-2.534 2.534-6.034 4.102-9.901 4.102-3.804 0-7.253-1.517-9.776-3.979l0.003 0.003-99.212-96.736c-2.609-2.545-4.227-6.096-4.227-10.024 0-3.866 1.567-7.366 4.101-9.9v0zM389.814 710.026c6.433 6.174 15.183 9.976 24.822 9.976 0.128 0 0.256-0.001 0.384-0.002h70.034c8.022 0.128 14.527 6.45 14.944 14.386l0.002 0.038v65.326c0 19.988 15.324 36.25 35.312 36.25h260.688c19.891-0.042 36-16.177 36-36.074 0-0.062 0-0.124 0-0.186v0.010-653.25c0-0.036 0-0.078 0-0.12 0-47.659-38.597-86.304-86.239-86.38h-427.131c-47.781 0.045-86.511 38.73-86.63 86.489v395.111c0.053 10.211 4.316 19.416 11.14 25.977l0.012 0.011zM278.866 641.414l-16.018 17.162 43.526 42.438 16.076-17.222zM276.834 771.458l30.45-30.458-79.164-77.18-30.45 30.448zM324.1 177.9c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l73.9 73.9h228.454l74.91-73.962c2.535-2.541 6.040-4.114 9.913-4.114 7.732 0 14 6.268 14 14 0 3.935-1.624 7.491-4.238 10.035l-0.003 0.003-74.836 73.89v228.348l74.9 74.898c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-74.9-74.898h-228.348l-73.89 74.836c-2.547 2.617-6.103 4.241-10.038 4.241-7.732 0-14-6.268-14-14 0-3.873 1.572-7.378 4.114-9.913v0l73.962-74.91v-228.454zM426 472h212v-212h-212zM580 428h-96c-7.732 0-14-6.268-14-14v0-96c0-7.732 6.268-14 14-14v0h96c7.732 0 14 6.268 14 14v0 96c0 7.732-6.268 14-14 14v0zM566 332h-68v68h68z" >
+<glyph unicode="&#xe927;" glyph-name="seat" d="M228 228.144h-32v407.792c0.082 63.442 51.499 114.848 114.938 114.912h402.118c63.445-0.064 114.862-51.47 114.944-114.904v-407.784h-32v407.776c-0.064 45.777-37.165 82.867-82.94 82.912h-402.116c-45.779-0.046-82.88-37.135-82.944-82.906v-0.006zM641.264 718.848h-258.528c-29.079 0.064-52.633 23.624-52.688 52.699v95.749c0.054 29.080 23.609 52.64 52.682 52.704h258.534c29.079-0.064 52.633-23.624 52.688-52.699v-95.749c-0.054-29.080-23.609-52.64-52.682-52.704h-0.006zM382.736 888c-11.406-0.063-20.634-9.297-20.688-20.699v-95.749c0.054-11.407 9.282-20.641 20.682-20.704h258.534c11.406 0.063 20.634 9.297 20.688 20.699v95.749c-0.054 11.407-9.282 20.641-20.682 20.704h-0.006zM636.464 129.248h-248.928c-8.837 0-16 7.163-16 16v0 352.352c0.027 28.395 23.043 51.406 51.438 51.424h178.050c28.397-0.018 51.413-23.029 51.44-51.421v-352.323c0-0.009 0-0.021 0-0.032 0-8.837-7.163-16-16-16 0 0 0 0 0 0v0zM403.536 161.248h216.928v336.352c-0.018 10.726-8.713 19.415-19.439 19.424h-178.049c-10.727-0.009-19.422-8.698-19.44-19.422v-0.002zM387.536 292.88h248.944v-32h-248.944zM387.536 666.112h248.944v-32h-248.944zM785.024-46.288h-546.048c-67.765 0.073-122.679 54.987-122.752 122.745v109.479c0.036 32.171 26.102 58.243 58.268 58.288h65.316c24.198-0.066 45.363-12.988 57.032-32.293l0.168-0.299 29.84-50.384h370.304l29.856 50.384c11.828 19.606 32.99 32.53 57.175 32.592h65.321c32.17-0.045 58.236-26.117 58.272-58.284v-109.476c-0.073-67.765-54.987-122.679-122.745-122.752h-0.007zM174.496 212.224c-14.504-0.027-26.254-11.782-26.272-26.286v-109.474c0.055-50.099 40.653-90.697 90.747-90.752h546.053c50.099 0.055 90.697 40.653 90.752 90.747v109.477c-0.018 14.506-11.768 26.261-26.269 26.288h-65.315c-12.55-0.039-23.526-6.743-29.577-16.757l-0.087-0.155-34.528-58.224c-2.838-4.726-7.935-7.839-13.76-7.84h-388.528c-5.825 0.001-10.922 3.114-13.72 7.768l-0.040 0.072-34.48 58.224c-6.134 10.173-17.112 16.88-29.659 16.912h-0.005zM592 816h-160c-8.837 0-16 7.163-16 16v0 72c0 8.837 7.163 16 16 16v0h160c8.837 0 16-7.163 16-16v0-72c0-8.837-7.163-16-16-16v0zM448 848h128v40h-128z" >
+<glyph unicode="&#xe928;" glyph-name="car-parts-6" d="M924.917 860.9v99.1h-165.167v-99.1h-33.033v-25.584c-42.795 74.375-122.917 124.684-214.717 124.684s-171.922-50.31-214.717-124.684v25.584h-33.033v99.1h-165.167v-99.1h-33.033v-295.268c0-37.972 25.733-70.906 62.565-80.122l230.226-57.561c22.099-5.517 37.542-25.287 37.542-48.063v-202.032c-25.551-31.646-37.063-72.558-31.712-113.222 8.77-66.612 63.655-120.324 130.465-127.723 5.5-0.611 11.017-0.908 16.5-0.908 36.617 0 72.161 13.378 99.48 37.856 31.481 28.177 49.533 68.544 49.533 110.761 0 33.942-11.677 66.793-33.033 93.237v202.032c0 22.776 15.443 42.547 37.526 48.063l230.226 57.561c36.849 9.216 62.582 42.151 62.582 80.122v295.268h-33.033zM792.783 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM512 926.967c118.391 0 214.717-96.325 214.717-214.717s-96.325-214.717-214.717-214.717-214.717 96.325-214.717 214.717 96.325 214.717 214.717 214.717zM132.117 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM924.917 565.632c0-22.776-15.443-42.547-37.526-48.063l-230.226-57.561c-36.849-9.216-62.582-42.151-62.582-80.122v-214.304l4.129-4.691c18.631-21.158 28.904-48.245 28.904-76.274 0-32.835-14.039-64.233-38.517-86.151-24.825-22.231-56.949-32.439-90.33-28.722-51.912 5.731-94.541 47.469-101.363 99.199-4.459 33.843 5.45 66.496 27.88 91.965l4.129 4.674v214.304c0 37.972-25.733 70.906-62.565 80.122l-230.242 57.561c-22.083 5.517-37.526 25.287-37.526 48.063v262.235h165.167v-115.617c0-119.647 85.242-219.738 198.2-242.762v-318.805h0.512c-20.233-15.063-33.545-38.963-33.545-66.067 0-45.536 37.047-82.583 82.583-82.583s82.583 37.047 82.583 82.583c0 27.104-13.312 51.003-33.545 66.067h0.512v49.55h-33.033v-34.702c-5.335 1.090-10.868 1.668-16.517 1.668s-11.182-0.578-16.517-1.668v299.81c5.484-0.363 10.934-0.842 16.517-0.842s11.033 0.479 16.517 0.842v-232.076h33.033v236.221c112.957 23.024 198.2 123.115 198.2 242.762v115.617h165.167v-262.235zM512 134.167c27.319 0 49.55-22.231 49.55-49.55s-22.231-49.55-49.55-49.55-49.55 22.231-49.55 49.55 22.231 49.55 49.55 49.55zM512 530.567c100.174 0 181.683 81.51 181.683 181.683s-81.51 181.683-181.683 181.683c-100.174 0-181.683-81.51-181.683-181.683s81.51-181.683 181.683-181.683zM512 860.9c81.972 0 148.65-66.694 148.65-148.65s-66.678-148.65-148.65-148.65c-81.972 0-148.65 66.694-148.65 148.65s66.678 148.65 148.65 148.65z" >
+<glyph unicode="&#xe929;" glyph-name="car-2" d="M170.4 595.708c-25.546 0-46.256-20.71-46.256-46.256s20.71-46.256 46.256-46.256c25.546 0 46.256 20.71 46.256 46.256v0c-0.028 25.535-20.721 46.228-46.253 46.256h-0.003zM170.4 531.198c-10.083 0-18.256 8.173-18.256 18.256s8.173 18.256 18.256 18.256c10.083 0 18.256-8.173 18.256-18.256 0-0.001 0-0.001 0-0.002v0c-0.013-10.077-8.179-18.242-18.255-18.252h-0.001zM52 662h0.018l31.774 0.2c-14.392-13.704-23.392-33.92-23.392-56.952 0-0.003 0-0.006 0-0.010 0-0.602 0.040-1.195 0.117-1.777l-0.007 0.068 18.2-143.51c0.451-21.035 15.255-38.488 34.988-42.982l0.302-0.058v-43.78c0.015-16.131 13.095-29.201 29.228-29.201 0.094 0 0.188 0 0.282 0.001h47.238c0.069-0.001 0.151-0.001 0.233-0.001 16.027 0 29.020 12.993 29.020 29.020 0 0.064 0 0.127-0.001 0.191v-0.010 42.8h368v-313.888c-0.002-0.196-0.004-0.427-0.004-0.659 0-32.836 26.618-59.454 59.454-59.454 0.115 0 0.23 0 0.345 0.001h277.458c0.14-0.001 0.305-0.002 0.47-0.002 33.232 0 60.184 26.894 60.276 60.105v409.261c-0.048 33.499-27.215 60.636-60.72 60.636-0.009 0-0.018 0-0.027 0h-50.491c-5.156 22-24.24 36-46.94 36h-42.382c-0.657 21.244-9.812 40.228-24.162 53.765l-0.038 0.035 32.706 0.256c7.754 0.115 13.995 6.428 13.995 14.199 0 0.233-0.006 0.464-0.017 0.694l0.001-0.032c-0.774 10.507-2.795 20.268-5.927 29.517l0.245-0.835c-6.98 20.94-28.8 34.484-55.6 34.484-14.87 0-41.114 0.1-54.444 0.15l-24.448 44.736c-18.006 32.284-44.352 69.032-88.574 69.032h-309.8c-35.978 0-67.778-24.348-89.632-69.158l-25.468-44.968c-13.348 0.026-40 0.154-54.972 0.154-26.8 0-48.628-13.49-55.6-34.428-2.887-8.4-4.908-18.145-5.659-28.243l-0.023-0.391c-0.010-0.205-0.016-0.445-0.016-0.686 0-3.793 1.474-7.242 3.88-9.806l-0.007 0.008c2.541-2.713 6.125-4.421 10.109-4.482h0.011zM192 373.2c0-0.862-0.4-1.2-1.252-1.2h-47.252c-0.86 0-1.496 0.332-1.496 1.2v42.8h50zM588 511.37v-67.37h-464.2c-0.009 0-0.021 0-0.032 0-9.428 0-17.073 7.636-17.088 17.061v0.001c0 0.61-0.041 1.209-0.12 1.797l0.008-0.069-18.156 143.39c0.37 27.962 19.272 44.882 38.296 46.17 0.585-0.151 1.289-0.275 2.008-0.345l0.060-0.005h587.162c0.104 0 0.2-0.33 0.31-0.33 24.128 0 39.552-21.67 41.132-43.67h-12.17c-22.7 0-41.784-14-46.94-36h-50.492c-33.031-0.067-59.783-26.859-59.783-59.9 0-0.259 0.002-0.517 0.005-0.775v0.039zM517.42 680c5.526 22.353 25.408 38.665 49.1 38.665s43.574-16.312 49.027-38.318l0.073-0.347zM874.232 544h51.022c0.017 0 0.036 0 0.056 0 18.035 0 32.659-14.605 32.69-32.633v-409.255c-0.074-17.753-14.483-32.116-32.246-32.116-0.176 0-0.351 0.001-0.527 0.004h-277.45c-0.106-0.001-0.23-0.002-0.355-0.002-17.358 0-31.43 14.072-31.43 31.43 0 0.241 0.003 0.48 0.008 0.72l-0.001-0.036v409.252c0 18.056 13.722 32.636 31.778 32.636h51.022c6.107-19.837 24.272-34.005 45.745-34.005 0.234 0 0.467 0.002 0.7 0.005h82.577c0.198-0.003 0.431-0.005 0.665-0.005 21.474 0 39.638 14.168 45.655 33.666l0.090 0.338zM827.678 580c11.224 0 20.322-9.098 20.322-20.322v0-3.356c0-11.224-9.098-20.322-20.322-20.322v0h-83.356c-11.224 0-20.322 9.098-20.322 20.322v0 3.356c0 11.224 9.098 20.322 20.322 20.322v0zM746.63 712.108c14.318 0 26-6.158 29.046-15.324 0.742-2.228 1.358-4.4 1.87-6.478l-58.254-0.020-11.892 21.914c13.164-0.048 28.926-0.092 39.23-0.092zM204.34 771.6c0.144 0.254 0.278 0.284 0.4 0.544 9.802 20.194 31.224 53.856 64.634 53.856h309.8c23.448 0 42.626-16.302 64.042-54.702l49.61-91.298h-48.69c-5.966 37.962-38.442 66.654-77.62 66.654s-71.654-28.692-77.562-66.21l-0.058-0.444h-336.144zM70.26 696.784c3.056 9.166 14.728 15.324 29.046 15.324 10.26 0 26-0.024 39.188-0.046l-12.218-21.662-57.88-0.074c0.51 2.064 1.124 4.238 1.864 6.458zM575.304 571.366c-7.43 21.834-31.324 38.634-54.398 38.634h-196.688c-23.146 0-46.904-16.912-54.092-38.916l-9.85-30c-0.439-1.335-0.691-2.871-0.691-4.466 0-3.17 0.999-6.106 2.699-8.512l-0.031 0.046c2.543-3.621 6.644-5.998 11.309-6.151l0.023-0.001h298.766c4.725 0.186 8.847 2.614 11.35 6.244l0.032 0.048c1.637 2.276 2.618 5.12 2.618 8.192 0 1.621-0.273 3.179-0.776 4.629l0.030-0.099zM292.884 550l3.86 11.948c3.4 10.428 16.502 20.052 27.474 20.052h196.688c11.040 0 24.334-9.642 27.888-20.096l4-11.904zM538.306 498h-232.276c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h232.276c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM664.096 368h14.84c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-0.936v38h39.6c1.862-4 6.666-9.092 12.838-9.092 7.547 0.253 13.569 6.432 13.569 14.017 0 0.151-0.002 0.301-0.007 0.451l0.001-0.022v9.536c0.009 0.174 0.014 0.378 0.014 0.582 0 6.927-5.615 12.542-12.542 12.542-0.211 0-0.421-0.005-0.629-0.015l0.029 0.001h-66.776c-7.732 0-14.096-5.376-14.096-13.11v-66.772c0.036-7.775 6.323-14.069 14.091-14.118h0.005zM664 240h66c7.732 0 14 6.268 14 14v0 66c0 7.732-6.268 14-14 14v0h-66c-7.732 0-14-6.268-14-14v0-66c0-7.732 6.268-14 14-14v0zM678 306h38v-40h-38zM678.938 136h-0.938v40h38.876c-0.003-0.107-0.005-0.233-0.005-0.359 0-7.518 6.058-13.62 13.558-13.693h0.007c0.079-0.002 0.172-0.003 0.265-0.003 7.346 0 13.302 5.956 13.302 13.302 0 0.106-0.001 0.211-0.004 0.316v-0.016 13.658c0 7.734-5.4 14.788-13.128 14.788h-66.776c-7.862-0.372-14.096-6.837-14.096-14.758 0-0.008 0-0.017 0-0.025v0.001-66.772c0.011-7.851 6.274-14.235 14.077-14.44h14.861c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM763.632 445.6l-41.632-41.634-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.54 51.542c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM763.632 183.88l-41.632-41.642-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.542 51.54c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM805.904 416c0-7.732 6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-89.032c-7.732 0-14-6.268-14-14v0zM908.936 300h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM908.936 170h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe92a;" glyph-name="soap" d="M213.856 644.512c-7.982 14.108-12.685 30.981-12.685 48.954 0 14.024 2.864 27.379 8.039 39.513l-0.25-0.658c13.325 27.056 36.708 47.452 65.145 56.538l0.775 0.214c9.508 2.869 20.435 4.521 31.748 4.521 5.047 0 10.017-0.329 14.89-0.966l-0.574 0.061c11.801 15.535 27.781 27.333 46.268 33.789l0.692 0.211c14.066 53.705 62.161 92.686 119.361 92.686 4.005 0 7.965-0.191 11.872-0.565l-0.498 0.038c113.728-8.544 114.528-110.016 113.6-130.256l-32 1.6c1.344 27.2-4.176 90.8-83.968 96.8-82.032 5.984-98.64-72.752-99.312-76.112-1.251-6.166-5.912-10.983-11.89-12.441l-0.11-0.023c-1.6-0.368-3.2-0.816-4.8-1.312-16.254-5.075-29.494-15.774-37.735-29.77l-0.169-0.31c-2.81-4.85-7.976-8.060-13.891-8.060-1.444 0-2.843 0.191-4.173 0.55l0.112-0.026c-5.488 1.427-11.788 2.246-18.28 2.246-29.687 0-55.374-17.13-67.714-42.045l-0.197-0.441c-3.063-7.604-4.841-16.422-4.841-25.654 0-12.938 3.49-25.061 9.581-35.479l-0.18 0.333zM850.848 645.536c-9.186 27.341-34.58 46.687-64.493 46.687-8.464 0-16.566-1.549-24.038-4.379l0.467 0.155c-1.617-0.602-3.484-0.951-5.433-0.951-8.191 0-14.944 6.154-15.887 14.091l-0.007 0.076c-0.416 3.344-11.040 82.864-92.336 82.864h-0.4c-43.2-0.128-71.664-18.448-84.8-54.4l-30.064 10.944c17.6 48.496 58.416 75.312 114.736 75.488h0.512c0.843 0.021 1.835 0.033 2.83 0.033 57.060 0 104.89-39.52 117.611-92.682l0.166-0.823c5.539 1.12 11.906 1.762 18.423 1.762 42.915 0 79.336-27.808 92.226-66.387l0.199-0.686zM793.6-18.288h-531.936c-0.018 0-0.039 0-0.061 0-8.347 0-15.2 6.391-15.935 14.546l-0.004 0.062-47.184 540.672c-0.039 0.417-0.061 0.902-0.061 1.392 0 8.837 7.163 16 16 16 0.021 0 0.043 0 0.064 0h626.381c0.018 0 0.039 0 0.061 0 8.837 0 16-7.163 16-16 0-0.49-0.022-0.975-0.065-1.454l0.004 0.062-47.264-540.672c-0.739-8.217-7.593-14.608-15.939-14.608-0.021 0-0.043 0-0.064 0h0.003zM276.288 13.712h502.688l44.432 508.672h-591.536zM898.672 522.384h-742.048c-8.837 0-16 7.163-16 16v0 113.040c0 8.837 7.163 16 16 16v0h742.048c8.837 0 16-7.163 16-16v0-113.040c0-8.837-7.163-16-16-16v0zM172.624 554.384h710.048v81.040h-710.048zM890.784 153.744h-183.504c-0.001 0-0.003 0-0.004 0-7.275 0-13.416 4.856-15.359 11.503l-0.028 0.113-105.36 368.64 30.784 8.768 102.032-357.024h150.928l-55.872 222.528 31.024 7.808 60.944-242.432c0.307-1.172 0.484-2.517 0.484-3.904 0-8.837-7.163-16-16-16-0.001 0-0.003 0-0.004 0v0zM455.024 778.928c-35.52 33.44-66 20.976-67.2 20.4l-13.264 29.12c2.064 0.944 50.608 22.656 102.496-26.24zM255.664 91.712h543.376v-32h-543.376zM248.624 162.96h230.24v-32h-230.24z" >
+<glyph unicode="&#xe92b;" glyph-name="car-parts-7" d="M512 662.71c22.957 0 45.353 8.043 63.042 22.627l-21.009 25.484c-11.793-9.728-26.723-15.079-42.034-15.079-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065c0-11.413-2.956-22.677-8.555-32.537l28.738-16.285c8.407 14.815 12.85 31.694 12.85 48.822 0 54.652-44.445 99.097-99.097 99.097s-99.097-44.445-99.097-99.097 44.445-99.097 99.097-99.097zM181.677 629.677c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581zM165.161 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM165.161 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM198.194 500.587v29.993h29.993c-4.988-13.989-16.004-25.005-29.993-29.993zM198.194 563.613v29.993c13.989-4.988 25.005-16.004 29.993-29.993h-29.993zM759.742 547.097c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581zM825.806 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM825.806 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM858.839 593.606c13.989-4.988 25.005-16.004 29.993-29.993h-29.993v29.993zM858.839 530.581h29.993c-4.988-13.989-16.004-25.005-29.993-29.993v29.993zM512 282.839c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 414.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM643.419 909.758c-35.031 31.149-80.979 50.242-131.419 50.242s-96.388-19.093-131.419-50.242c-224.256-59.375-380.581-262.144-380.581-494.79v-16.516h33.445c8.754-256.479 219.995-462.452 478.555-462.452s469.801 205.973 478.555 462.452h33.445v16.516c0 232.646-156.325 435.415-380.581 494.79zM512 926.968c91.070 0 165.161-74.091 165.161-165.161s-74.091-165.161-165.161-165.161-165.161 74.091-165.161 165.161 74.091 165.161 165.161 165.161zM346.839 464.516h-8.489l61.787 133.847c31.86-21.884 70.375-34.75 111.864-34.75s80.004 12.866 111.88 34.75l61.77-133.847h-8.489c-27.318 0-49.548-22.231-49.548-49.548v-198.194c0-27.318-22.231-49.548-49.548-49.548h-132.129c-27.318 0-49.548 22.231-49.548 49.548v198.194c0 27.318-22.231 49.548-49.548 49.548zM33.313 431.484c6.606 193.899 129.305 362.892 308.191 430.856-17.474-29.514-27.698-63.818-27.698-100.534 0-55.527 23.023-105.736 59.954-141.758l-87.040-188.565h-253.407zM924.903 431.484v-33.032h32.619c-8.737-238.262-205.18-429.419-445.523-429.419s-436.786 191.158-445.523 429.419h241.383l15.244 33.032h23.734c9.1 0 16.516-7.416 16.516-16.516v-198.194c0-45.535 37.046-82.581 82.581-82.581h132.129c45.535 0 82.581 37.046 82.581 82.581v198.194c0 9.1 7.416 16.516 16.516 16.516h23.734l15.244-33.032h175.732v33.032h-154.591l-87.040 188.565c36.93 36.022 59.954 86.231 59.954 141.758 0 36.715-10.223 71.019-27.698 100.534 178.886-67.964 301.585-236.957 308.191-430.856h-65.784z" >
+<glyph unicode="&#xe92c;" glyph-name="disc-brake" d="M79.228 404h56.692c3.516-226 187.828-407.644 413.918-407.644 228.28 0 413.8 185.622 413.8 413.904 0.006 226.090-181.638 410.304-407.638 413.818v56.694c0.001 0.052 0.001 0.113 0.001 0.175 0 6.851-4.982 12.538-11.52 13.638l-0.081 0.011c-19.899 3.356-42.823 5.274-66.195 5.274-230.898 0-418.078-187.18-418.078-418.078 0-23.371 1.918-46.294 5.604-68.621l-0.331 2.429c1.116-6.62 6.806-11.601 13.659-11.601 0.059 0 0.118 0 0.178 0.001h-0.009zM550.664 699.508c3.261 2.549 5.338 6.482 5.338 10.901 0 0.083-0.001 0.165-0.002 0.247v-0.012 85.434c210-3.512 379.644-175.264 379.644-385.916 0-212.84-173.062-385.8-385.902-385.8-210.652-0.006-382.308 169.638-385.822 379.638h85.436c0.083-0.002 0.182-0.003 0.28-0.003 7.581 0 13.726 6.145 13.726 13.726 0 1.331-0.189 2.617-0.543 3.834l0.024-0.097c-5.215 18.010-8.214 38.698-8.214 60.086 0 123.638 100.228 223.866 223.866 223.866 21.411 0 42.12-3.006 61.728-8.618l-1.579 0.387c1.109-0.326 2.383-0.513 3.701-0.513 3.147 0 6.045 1.069 8.35 2.864l-0.030-0.023zM106.148 599.132c51.273 159.415 198.26 272.749 371.717 272.749 17.677 0 35.078-1.177 52.131-3.457l-1.996 0.218v-140.262c-15.046 3.2-32.333 5.033-50.049 5.033-138.826 0-251.366-112.54-251.366-251.366 0-17.715 1.832-35.001 5.318-51.681l-0.286 1.634h-140.26c-2.013 14.937-3.162 32.204-3.162 49.739 0 41.915 6.565 82.297 18.723 120.174l-0.771-2.781zM335.838 410.162c0.138-118.134 95.866-213.862 213.987-214h0.337c0.038 0 0.072 0 0.108 0 57.913 0.083 110.402 23.235 148.784 60.757l-0.040-0.039c1.814 1.136 3.303 2.628 4.402 4.388l0.034 0.058c36.665 37.675 59.532 88.94 60.346 145.542l0.002 0.158c0.231 0.941 0.364 2.020 0.364 3.131s-0.133 2.19-0.383 3.224l0.019-0.093c-0.813 56.764-23.679 108.034-60.392 145.76l0.046-0.048c-1.133 1.819-2.624 3.312-4.385 4.415l-0.057 0.033c-38.341 37.483-90.829 60.635-148.724 60.716h-0.016c-0.036 0-0.070 0-0.108 0h-0.324c-118.134-0.138-213.864-95.868-214-213.989v-0.013zM482.28 497.838l-53.534 53.456c28.94 24.856 65.939 41.083 106.598 44.322l0.656 0.042v-75.496c0-7.732 6.268-14 14-14s14 6.268 14 14v0 75.454c41.289-3.404 78.229-19.708 107.361-44.821l-0.243 0.205-53.118-53.156c-2.531-2.535-4.096-6.035-4.096-9.9 0-7.739 6.274-14.013 14.013-14.013 3.874 0 7.38 1.572 9.917 4.113v0l53.132 53.048c24.811-28.904 41.024-65.839 44.303-106.428l0.043-0.664h-75.15c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h75.15c-3.32-41.199-19.532-78.081-44.547-107.177l0.207 0.247-53.128 53.17c-2.541 2.591-6.079 4.197-9.991 4.197-7.726 0-13.99-6.264-13.99-13.99 0-3.905 1.6-7.436 4.179-9.973l0.002-0.002 53.076-53.152c-28.89-24.905-65.831-41.208-106.443-44.567l-0.677-0.045v75.454c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-75.496c-41.315 3.28-78.314 19.506-107.504 44.571l0.25-0.209 53.494 53.454c2.536 2.532 4.105 6.033 4.105 9.9 0 7.727-6.264 13.99-13.99 13.99-3.86 0-7.354-1.563-9.885-4.090v0l-53.47-53.562c-24.953 28.924-41.272 65.928-44.594 106.611l-0.044 0.669h75.8c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-75.8c2.954 41.476 19.356 78.638 44.818 107.651l-0.178-0.207 53.478-53.444c2.535-2.531 6.035-4.096 9.9-4.096 7.739 0 14.013 6.274 14.013 14.013 0 3.874-1.572 7.38-4.113 9.917v0zM549.838 356.162c29.823 0 54 24.177 54 54s-24.177 54-54 54c-29.823 0-54-24.177-54-54v0c0.034-29.81 24.19-53.966 53.997-54h0.003zM549.838 436.162c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.016 14.353 11.647 25.984 25.998 26h0.002zM172.084 542.778c1.514-0.611 3.269-0.966 5.108-0.966 5.896 0 10.939 3.648 12.997 8.81l0.033 0.094c2.028 5.186 4.2 10.4 6.452 15.49 0.824 1.73 1.305 3.761 1.305 5.903 0 7.732-6.268 14-14 14-5.773 0-10.729-3.494-12.871-8.482l-0.035-0.091c-2.418-5.464-4.748-11.056-6.924-16.62-0.609-1.512-0.963-3.265-0.963-5.101 0-5.895 3.644-10.94 8.802-13.003l0.094-0.033zM260.904 672.784c0.005 0 0.012 0 0.018 0 3.968 0 7.549 1.655 10.091 4.313l0.005 0.005c3.852 4.022 7.84 8.012 11.858 11.86 2.699 2.557 4.378 6.167 4.378 10.17 0 7.732-6.268 14-14 14-3.789 0-7.227-1.506-9.748-3.951l0.004 0.003c-4.308-4.126-8.586-8.4-12.716-12.718-2.406-2.51-3.888-5.923-3.888-9.682 0-7.731 6.267-13.999 13.998-14v0zM388.094 762.104c2.049 0.001 3.995 0.443 5.748 1.236l-0.088-0.036c5.082 2.25 10.284 4.42 15.46 6.444 5.266 2.091 8.922 7.142 8.922 13.047 0 7.732-6.268 14-14 14-1.844 0-3.604-0.356-5.216-1.004l0.094 0.033c-5.554-2.174-11.136-4.5-16.6-6.916-4.948-2.232-8.329-7.121-8.329-12.8 0-7.732 6.268-14 14-14 0.002 0 0.004 0 0.005 0v0z" >
+<glyph unicode="&#xe92d;" glyph-name="car-parts-8" d="M1024 474.954l-5.599 53.149-46.84 17.573 35.658 35.13-16.516 50.82-49.499 7.465 27.565 41.753-26.723 46.295-49.961-3.006 18.283 46.592-35.757 39.721-48.244-13.329 8.209 49.35-43.239 31.43-44.428-23.073-2.246 50.011-48.822 21.735-38.664-31.744-12.585 48.442-52.274 11.115-31.215-39.127-22.379 44.742h-53.446l-22.379-44.759-31.215 39.127-52.274-11.115-12.585-48.425-38.664 31.794-48.822-21.735-2.246-50.011-44.428 23.073-43.223-31.447 8.209-49.35-48.244 13.329-35.774-39.738 18.283-46.592-49.961 3.006-26.723-46.295 27.565-41.753-49.499-7.465-16.516-50.82 35.658-35.13-46.84-17.59-5.599-53.149 42.199-26.954-42.199-26.954 5.599-53.149 46.84-17.573-35.658-35.13 16.516-50.82 49.499-7.465-27.565-41.753 26.723-46.295 49.961 3.006-18.283-46.609 35.757-39.721 48.244 13.329-8.209-49.35 43.239-31.43 44.428 23.073 2.246-50.011 48.822-21.735 38.664 31.794 12.585-48.442 52.274-11.115 31.215 39.127 22.379-44.775h53.446l22.379 44.759 31.215-39.127 52.274 11.115 12.585 48.442 38.664-31.794 48.822 21.735 2.246 50.011 44.428-23.073 43.239 31.43-8.209 49.35 48.244-13.329 35.757 39.721-18.283 46.592 49.961-3.006 26.723 46.295-27.565 41.753 49.499 7.465 16.516 50.82-35.658 35.13 46.84 17.573 5.599 53.182-42.199 26.954 42.199 26.954zM987.681 504.353l1.321-12.569-31.694-20.249c-0.809 15.558-2.444 30.902-4.823 46.014l35.196-13.196zM965.566 602.013l3.898-12.024-26.822-26.409c-4.030 15.013-8.853 29.696-14.369 44.049l37.293-5.615zM923.648 692.951l6.309-10.934-20.843-31.546c-7.085 13.841-14.848 27.252-23.288 40.217l37.822 2.263zM863.727 773.186l8.44-9.381-13.857-35.278c-9.778 12.040-20.117 23.618-31.067 34.585l36.484 10.075zM788.414 839.201l10.207-7.416-6.21-37.393c-12.024 9.761-24.593 18.861-37.607 27.351l33.61 17.458zM701.044 888.122l11.528-5.137 1.685-37.772c-13.725 7.019-27.863 13.362-42.364 18.944l29.151 23.965zM605.415 917.818l12.338-2.626 9.48-36.435c-14.815 3.964-29.894 7.218-45.271 9.645l23.453 29.415zM505.691 926.968h12.618l16.813-33.627c-7.663 0.396-15.36 0.595-23.123 0.595s-15.459-0.198-23.123-0.595l16.813 33.627zM406.247 915.192l12.338 2.626 23.453-29.415c-15.36-2.428-30.456-5.682-45.271-9.645l9.48 36.435zM311.412 882.985l11.545 5.137 29.134-23.965c-14.501-5.599-28.622-11.925-42.364-18.944l1.685 37.772zM235.57 839.201l33.61-17.458c-13.015-8.489-25.583-17.59-37.607-27.351l-6.21 37.393 10.207 7.416zM160.273 773.17l36.484-10.075c-10.967-10.967-21.289-22.545-31.067-34.585l-13.857 35.278 8.44 9.381zM100.352 692.951l37.822-2.279c-8.44-12.949-16.202-26.376-23.288-40.217l-20.843 31.546 6.309 10.95zM58.434 602.013l37.293 5.615c-5.516-14.353-10.339-29.035-14.369-44.049l-26.822 26.409 3.898 12.024zM34.998 491.784l1.321 12.569 35.212 13.213c-2.378-15.112-4.013-30.456-4.823-46.014l-31.711 20.232zM36.319 391.647l-1.321 12.569 31.694 20.249c0.809-15.558 2.444-30.902 4.823-46.014l-35.196 13.196zM58.434 293.987l-3.898 12.024 26.822 26.409c4.030-15.013 8.853-29.696 14.369-44.049l-37.293 5.615zM100.352 203.049l-6.309 10.934 20.843 31.546c7.085-13.841 14.848-27.252 23.288-40.217l-37.822-2.263zM160.273 122.814l-8.44 9.381 13.857 35.278c9.778-12.040 20.117-23.618 31.067-34.585l-36.484-10.075zM235.586 56.799l-10.207 7.416 6.21 37.393c12.024-9.761 24.593-18.861 37.607-27.351l-33.61-17.458zM322.956 7.878l-11.528 5.137-1.685 37.772c13.725-7.019 27.863-13.362 42.364-18.944l-29.151-23.965zM418.585-21.818l-12.338 2.626-9.48 36.435c14.815-3.964 29.894-7.218 45.271-9.645l-23.453-29.415zM518.309-30.968h-12.618l-16.813 33.627c7.663-0.396 15.36-0.595 23.123-0.595s15.459 0.198 23.123 0.595l-16.813-33.627zM617.753-19.192l-12.338-2.626-23.453 29.415c15.36 2.428 30.456 5.682 45.271 9.645l-9.48-36.435zM712.588 13.015l-11.545-5.137-29.134 23.965c14.501 5.599 28.622 11.925 42.364 18.944l-1.685-37.772zM788.43 56.799l-33.61 17.458c13.015 8.489 25.583 17.59 37.607 27.351l6.21-37.393-10.207-7.416zM863.727 122.83l-36.484 10.075c10.967 10.967 21.289 22.545 31.067 34.585l13.857-35.278-8.44-9.381zM512 35.097c-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903-185.228-412.903-412.903-412.903zM923.648 203.049l-37.822 2.279c8.44 12.949 16.202 26.376 23.288 40.217l20.843-31.546-6.309-10.95zM965.566 293.987l-37.293-5.615c5.516 14.353 10.339 29.035 14.369 44.049l26.822-26.409-3.898-12.024zM989.002 404.216l-1.321-12.569-35.212-13.213c2.378 15.112 4.013 30.456 4.823 46.014l31.711-20.232zM512 728.774c-154.822 0-280.774-125.952-280.774-280.774s125.952-280.774 280.774-280.774c78.732 0 154.343 33.379 207.443 91.565l-24.411 22.264c-46.84-51.349-113.565-80.797-183.032-80.797-136.605 0-247.742 111.137-247.742 247.742s111.137 247.742 247.742 247.742 247.742-111.137 247.742-247.742c0-50.044-14.848-98.254-42.925-139.413l27.285-18.614c31.843 46.675 48.673 101.31 48.673 158.026 0 154.822-125.952 280.774-280.774 280.774zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM561.548 613.161c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 613.161c0 9.117 7.416 16.516 16.516 16.516s16.516-7.399 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.399-16.516 16.516zM402.052 483.724c4.096 12.585 3.039 26.013-2.973 37.805s-16.252 20.53-28.837 24.626c-12.602 4.096-26.013 3.039-37.822-2.973-11.793-6.012-20.546-16.252-24.626-28.854-4.096-12.585-3.039-26.013 2.973-37.805s16.252-20.53 28.837-24.609c5.054-1.635 10.223-2.444 15.377-2.444 7.713 0 15.36 1.817 22.429 5.417 11.793 6.012 20.546 16.235 24.642 28.837zM370.622 493.931c-1.371-4.195-4.278-7.614-8.209-9.612-3.898-1.982-8.39-2.378-12.602-0.991-4.195 1.354-7.597 4.278-9.612 8.192-2.015 3.931-2.362 8.407-0.991 12.618 1.371 4.195 4.278 7.614 8.209 9.612 2.362 1.189 4.905 1.8 7.482 1.8 1.718 0 3.435-0.281 5.12-0.826h0.017c4.195-1.354 7.597-4.278 9.612-8.209 1.998-3.914 2.345-8.39 0.974-12.585zM385.8 274.3c8.555-6.227 18.63-9.48 29.019-9.48 2.61 0 5.236 0.215 7.862 0.628 13.081 2.065 24.559 9.1 32.339 19.803s10.934 23.8 8.853 36.864c-2.065 13.081-9.1 24.559-19.819 32.355-22.115 16.054-53.182 11.099-69.203-10.983-16.070-22.099-11.148-53.132 10.95-69.186zM401.557 324.079c3.237 4.459 8.275 6.805 13.395 6.805 3.369 0 6.755-1.024 9.678-3.122 7.366-5.351 9.001-15.707 3.65-23.073-5.368-7.366-15.723-9.001-23.057-3.65-7.383 5.335-9.018 15.69-3.667 23.040zM601.336 265.447c2.626-0.413 5.236-0.628 7.862-0.628 10.372 0 20.463 3.254 29.019 9.48 22.099 16.054 27.020 47.087 10.967 69.186s-47.104 27.053-69.219 10.967c-10.702-7.779-17.738-19.258-19.819-32.339-2.065-13.064 1.074-26.162 8.853-36.864s19.258-17.738 32.339-19.803zM599.37 327.746c2.923 2.131 6.326 3.138 9.678 3.138 5.12 0 10.174-2.362 13.395-6.805 5.351-7.35 3.716-17.705-3.667-23.057-7.366-5.302-17.705-3.716-23.057 3.667s-3.716 17.722 3.65 23.057zM684.395 451.914c12.585 4.096 22.825 12.833 28.837 24.609 6.012 11.793 7.069 25.22 2.973 37.805-4.096 12.602-12.833 22.842-24.626 28.854-11.776 5.995-25.204 7.069-37.805 2.973-12.585-4.079-22.842-12.833-28.854-24.626s-7.069-25.22-2.973-37.822c4.096-12.585 12.833-22.809 24.626-28.821 7.069-3.601 14.732-5.417 22.429-5.417 5.17 0 10.339 0.826 15.393 2.444zM653.378 493.915c-1.371 4.212-1.024 8.671 0.991 12.618 1.998 3.931 5.417 6.854 9.629 8.209 1.685 0.545 3.402 0.826 5.12 0.826 2.577 0 5.12-0.611 7.482-1.8 3.931-1.998 6.854-5.417 8.209-9.612 1.371-4.212 1.024-8.671-0.991-12.618-1.998-3.914-5.417-6.838-9.612-8.192h-0.017c-4.195-1.371-8.671-1.041-12.602 0.974-3.931 1.998-6.854 5.417-8.209 9.596z" >
+<glyph unicode="&#xe92e;" glyph-name="wheel" d="M307.4 284.11c0.348-0.026 0.694-0.038 1.040-0.038 3.866 0.001 7.366 1.568 9.9 4.1l112 112c2.533 2.526 4.1 6.019 4.1 9.878 0 7.704-6.246 13.95-13.95 13.95-0.014 0-0.028 0-0.042 0h-158.448c-0.017 0-0.038 0-0.059 0-7.7 0-13.942-6.242-13.942-13.942 0-0.736 0.057-1.458 0.167-2.162l-0.010 0.078c6.986-45.043 24.338-85.091 49.547-118.943l-0.503 0.707c2.374-3.18 6.010-5.304 10.152-5.625l0.048-0.003zM386.65 396l-76.2-76.2c-13.944 21.892-24.838 47.34-31.264 74.516l-0.336 1.684zM479.4 369.384c-1.581 0.674-3.42 1.065-5.351 1.065-3.862 0-7.358-1.567-9.887-4.099v0l-112-112c-2.531-2.533-4.097-6.032-4.097-9.896 0-4.6 2.218-8.682 5.644-11.234l0.037-0.026c33.152-24.702 73.206-42.052 116.756-48.846l1.498-0.192c0.626-0.099 1.348-0.156 2.084-0.156v0c7.689 0.015 13.916 6.251 13.916 13.942 0 0.020 0 0.041 0 0.061v-0.003 158.45c0 0.013 0 0.028 0 0.043 0 5.776-3.507 10.733-8.509 12.857l-0.091 0.034zM460 214.84c-28.859 6.763-54.307 17.657-77.211 32.2l1.011-0.6 76.2 76.2zM559.824 366.35c-2.525 2.532-6.018 4.099-9.876 4.099-7.703 0-13.948-6.245-13.948-13.948 0-0.018 0-0.036 0-0.053v0.003-158.45c0-0.019 0-0.042 0-0.064 0-7.697 6.239-13.936 13.936-13.936 0.734 0 1.455 0.057 2.158 0.166l-0.078-0.010c45.043 6.986 85.093 24.333 118.948 49.536l-0.708-0.504c3.459 2.579 5.675 6.659 5.675 11.256 0 3.866-1.567 7.367-4.101 9.9v0zM564 214.84v107.812l76.2-76.2c-21.892-13.947-47.34-24.845-74.515-31.276l-1.685-0.336zM262 472h158.45c0.012 0 0.027 0 0.042 0 7.71 0 13.96 6.25 13.96 13.96 0 3.861-1.568 7.357-4.101 9.884v0l-112 112c-2.533 2.532-6.032 4.098-9.897 4.098-4.599 0-8.681-2.218-11.233-5.643l-0.026-0.037c-24.705-33.153-42.055-73.21-48.846-116.764l-0.192-1.498c-0.097-0.619-0.153-1.333-0.153-2.060 0-7.699 6.241-13.94 13.94-13.94 0.020 0 0.040 0 0.060 0h-0.003zM310.446 576.2l76.2-76.2h-107.8c6.762 28.86 17.656 54.308 32.2 77.211l-0.6-1.011zM464.176 529.652c2.534-2.534 6.034-4.102 9.901-4.102 0.001 0 0.002 0 0.003 0v0c1.918 0.001 3.745 0.393 5.404 1.1l-0.090-0.034c5.093 2.159 8.6 7.116 8.6 12.893 0 0.015 0 0.029 0 0.044v-0.002 158.45c0 0.017 0 0.038 0 0.059 0 7.7-6.242 13.942-13.942 13.942-0.736 0-1.458-0.057-2.162-0.167l0.078 0.010c-45.042-6.986-85.090-24.333-118.944-49.536l0.708 0.504c-3.457-2.579-5.672-6.658-5.672-11.253 0-3.868 1.568-7.369 4.104-9.903v0zM460 681.16v-107.81l-76.2 76.2c21.892 13.946 47.34 24.844 74.515 31.274l1.685 0.336zM544.6 526.616c1.58-0.674 3.418-1.066 5.348-1.066 3.86 0 7.354 1.568 9.879 4.102v0l112 112c2.533 2.533 4.099 6.033 4.099 9.898 0 4.598-2.217 8.679-5.64 11.231l-0.037 0.026c-33.15 24.701-73.203 42.049-116.752 48.844l-1.498 0.192c-0.619 0.097-1.333 0.153-2.060 0.153-7.699 0-13.94-6.241-13.94-13.94 0-0.020 0-0.040 0-0.060v0.003-158.45c0-0.012 0-0.027 0-0.041 0-5.776 3.507-10.734 8.509-12.858l0.091-0.034zM564 681.16c28.859-6.763 54.307-17.657 77.211-32.2l-1.011 0.6-76.2-76.2zM590.618 480.6c2.159-5.093 7.116-8.6 12.893-8.6 0.014 0 0.028 0 0.041 0h158.448c0.017 0 0.038 0 0.059 0 7.7 0 13.942 6.242 13.942 13.942 0 0.736-0.057 1.458-0.167 2.162l0.010-0.078c-6.983 45.042-24.332 85.091-49.537 118.943l0.503-0.707c-2.579 3.457-6.658 5.672-11.253 5.672-3.868 0-7.369-1.568-9.903-4.104l-112-111.986c-2.535-2.529-4.103-6.026-4.103-9.889 0-1.932 0.392-3.773 1.101-5.446l-0.034 0.092zM713.554 576.2c13.944-21.892 24.838-47.34 31.264-74.516l0.336-1.684h-107.8zM762 424h-158.45c-0.012 0-0.027 0-0.042 0-7.71 0-13.96-6.25-13.96-13.96 0-3.861 1.568-7.357 4.101-9.884v0l112-112c2.533-2.531 6.031-4.096 9.895-4.096 0.002 0 0.004 0 0.005 0v0c0.346 0 0.692 0.016 1.040 0.042 4.198 0.322 7.841 2.451 10.19 5.601l0.026 0.037c24.706 33.152 42.056 73.209 48.846 116.763l0.192 1.497c0.098 0.62 0.153 1.334 0.153 2.062 0 7.698-6.24 13.938-13.938 13.938-0.021 0-0.042 0-0.063 0h0.003zM713.554 319.8l-76.2 76.2h107.8c-6.762-28.86-17.656-54.308-32.2-77.211l0.6 1.011zM458 448c0-29.823 24.177-54 54-54s54 24.177 54 54c0 29.823-24.177 54-54 54v0c-29.81-0.034-53.966-24.19-54-53.997v-0.003zM512 474c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.017 14.353 11.647 25.983 25.998 26h0.002zM512-26c261.782 0 473.999 212.217 473.999 474 0 130.891-53.054 249.39-138.83 335.167l-0.001 0.001c-85.841 86.16-204.599 139.474-335.81 139.474-261.783 0-474-212.217-474-474 0-131.211 53.313-249.969 139.459-335.795l0.014-0.014c85.304-85.759 203.394-138.834 333.88-138.834 0.453 0 0.905 0.001 1.358 0.002h-0.070zM108 462h-41.76c3.325 113.192 48.653 215.193 120.853 291.506l-0.193-0.206 29.528-29.528c2.534-2.534 6.034-4.101 9.9-4.101 7.732 0 14.001 6.268 14.001 14.001 0 3.866-1.567 7.366-4.101 9.9l-29.526 29.528c76.106 72.008 178.107 117.336 290.653 120.645l0.645 0.015v-41.76c0-7.732 6.268-14 14-14s14 6.268 14 14v0 41.76c113.191-3.324 215.192-48.652 291.504-120.853l-0.206 0.193-29.526-29.53c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l29.528 29.53c72.007-76.107 117.335-178.108 120.645-290.654l0.015-0.646h-41.76c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h41.76c-3.325-113.192-48.653-215.193-120.853-291.506l0.193 0.206-29.528 29.528c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l29.526-29.53c-76.106-72.007-178.107-117.335-290.653-120.643l-0.645-0.015v41.76c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-41.76c-113.191 3.324-215.192 48.652-291.504 120.853l0.206-0.193 29.526 29.53c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-29.528-29.53c-72.007 76.107-117.335 178.108-120.645 290.654l-0.015 0.646h41.76c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM512 114c184.168 0 334 149.832 334 334s-149.832 334-334 334-334-149.832-334-334 149.832-334 334-334zM512 754c168.728 0 306-137.272 306-306s-137.272-306-306-306-306 137.272-306 306 137.272 306 306 306z" >
+<glyph unicode="&#xe92f;" glyph-name="car-parts-9" d="M1024 745.29c0 45.535-37.046 82.581-82.581 82.581 0 74.091-94.307 132.129-214.71 132.129s-214.71-58.038-214.71-132.129h-429.419c-45.535 0-82.581-37.046-82.581-82.581v-297.29c0-45.535 37.046-82.581 82.581-82.581h891.871c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-627.613v-33.032h627.613c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-660.645c0 24.081-6.573 46.609-17.87 66.065h17.87v33.032h-45.023c-23.288 20.497-53.727 33.032-87.106 33.032-10.223 0-20.447-1.222-30.505-3.65-15.145 22.66-40.745 36.682-68.591 36.682-45.535 0-82.581-37.046-82.581-82.581v-346.839h1024v214.71c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 17.656-9.348 33.082-23.288 41.852 14.353 14.865 23.288 34.998 23.288 57.245v297.29zM82.581 332.387c19.687 0 37.508-11.71 45.403-29.828l6.144-14.121 14.518 5.137c10.835 3.832 21.95 5.781 33.032 5.781 54.652 0 99.097-44.445 99.097-99.097 0-4.757-0.446-9.91-1.387-15.74l-2.428-15.211 15.013-3.485c22.578-5.252 38.35-25.038 38.35-48.145 0-27.318-22.231-49.548-49.548-49.548-19.687 0-37.508 11.71-45.403 29.828l-6.144 14.121-14.518-5.137c-10.835-3.832-21.95-5.781-33.032-5.781-54.652 0-99.097 44.445-99.097 99.097 0 4.757 0.446 9.91 1.387 15.74l2.428 15.211-15.013 3.485c-22.578 5.252-38.35 25.038-38.35 48.145 0 27.318 22.231 49.548 49.548 49.548zM990.968-30.968h-957.935v248.023c5.153-3.848 10.669-7.284 16.731-9.893-0.149-2.362-0.215-4.641-0.215-6.904 0-72.853 59.276-132.129 132.129-132.129 10.223 0 20.447 1.222 30.505 3.65 15.145-22.66 40.745-36.682 68.591-36.682 27.103 0 51.002 13.312 66.065 33.544v-0.512h627.613c5.814 0 11.33 1.189 16.516 3.039v-102.136zM990.968 117.677c0-9.1-7.416-16.516-16.516-16.516h-612.765c1.090 5.335 1.668 10.868 1.668 16.516 0 18.531-6.243 35.658-16.714 49.548h627.811c9.1 0 16.516-7.416 16.516-16.516v-33.032zM726.71 926.968c98.469 0 181.677-45.386 181.677-99.097s-83.208-99.097-181.677-99.097-181.677 45.386-181.677 99.097 83.208 99.097 181.677 99.097zM891.871 742.615v-212.034c0-9.1-7.416-16.516-16.516-16.516h-297.29c-9.1 0-16.516 7.416-16.516 16.516v212.034c39.077-28.804 98.040-46.873 165.161-46.873s126.084 18.069 165.161 46.873zM990.968 448c0-27.318-22.231-49.548-49.548-49.548h-858.839c-27.318 0-49.548 22.231-49.548 49.548v297.29c0 27.318 22.231 49.548 49.548 49.548h436.191c2.593-6.425 5.715-12.701 9.745-18.696v-245.562c0-27.318 22.231-49.548 49.548-49.548h297.29c27.318 0 49.548 22.231 49.548 49.548v245.562c4.030 5.979 7.151 12.271 9.745 18.696h6.772c27.318 0 49.548-22.231 49.548-49.548v-297.29zM726.71 761.806c89.369 0 148.645 39.771 148.645 66.065s-59.276 66.065-148.645 66.065c-89.369 0-148.645-39.771-148.645-66.065s59.276-66.065 148.645-66.065zM726.71 860.903c63.785 0 102.119-22.363 113.251-33.032-11.148-10.669-49.466-33.032-113.251-33.032s-102.119 22.363-113.251 33.032c11.132 10.669 49.466 33.032 113.251 33.032zM264.258 761.806h-99.097v-49.548h-33.032v-231.226h33.032v-49.548h99.097v49.548h33.032v231.226h-33.032v49.548zM264.258 514.065h-33.032v-49.548h-33.032v49.548h-33.032v165.161h33.032v49.548h33.032v-49.548h33.032v-165.161zM66.065 761.806h33.032v-33.032h-33.032v33.032zM330.323 761.806h33.032v-33.032h-33.032v33.032zM330.323 464.516h33.032v-33.032h-33.032v33.032zM66.065 464.516h33.032v-33.032h-33.032v33.032zM181.677 134.194c36.435 0 66.065 29.63 66.065 66.065s-29.63 66.065-66.065 66.065-66.065-29.63-66.065-66.065 29.63-66.065 66.065-66.065zM181.677 233.29c18.217 0 33.032-14.815 33.032-33.032s-14.815-33.032-33.032-33.032-33.032 14.815-33.032 33.032c0 18.217 14.815 33.032 33.032 33.032z" >
+<glyph unicode="&#xe930;" glyph-name="speedometer" d="M512 864c-228.28 0-414-185.718-414-414 0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 28.287 22.931 51.218 51.218 51.218s51.218-22.931 51.218-51.218v0c0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 228.282-185.72 414-414 414zM787.522 639.872c2.524-3.929 6.872-6.496 11.819-6.496 2.785 0 5.38 0.813 7.561 2.215l-0.056-0.033 31.656 20.106c15.488-24.090 28.941-51.795 38.955-81.094l0.803-2.706-40.2-9.746c-6.187-1.538-10.7-7.045-10.7-13.606 0-7.732 6.268-14 14-14 1.171 0 2.309 0.144 3.396 0.415l-0.096-0.020 41.5 10.060c6.358-23.961 10.526-51.723 11.58-80.28l0.020-0.692h-307.782c-6.885 37.321-39.173 65.219-77.978 65.219s-71.093-27.898-77.903-64.731l-0.075-0.488h-307.772c1.074 29.249 5.242 57.011 12.193 83.647l-0.593-2.675 41.5-10.060c0.991-0.251 2.129-0.394 3.3-0.394 7.732 0 14 6.268 14 14 0 6.561-4.513 12.068-10.604 13.586l-0.096 0.020-40.2 9.746c11.164 33.017 25.203 61.622 42.388 87.99l-0.906-1.482 35.932-22.82c2.076-1.286 4.595-2.048 7.291-2.048 7.732 0 14 6.268 14 14 0 4.862-2.478 9.144-6.24 11.654l-0.051 0.032-34.924 22.184c19.964 26.409 42.273 49.406 67.089 69.418l0.745 0.582 26.288-32.708c2.588-3.2 6.513-5.229 10.913-5.229 7.733 0 14.001 6.269 14.001 14.001 0 3.333-1.165 6.394-3.109 8.798l0.021-0.026-25.622 31.874c23.67 16.526 50.748 31.011 79.495 42.146l2.629 0.896 13.016-35.756c2.014-5.42 7.142-9.212 13.156-9.212 7.732 0 14.001 6.268 14.001 14.001 0 1.718-0.31 3.365-0.876 4.886l0.032-0.097-12.982 35.132c29.098 8.991 62.664 14.662 97.394 15.706l0.57 0.014v-35.8c0-7.732 6.268-14 14-14s14 6.268 14 14v0 35.63c36.283-1.422 70.58-7.76 102.941-18.369l-2.659 0.755-13.4-37.068c-0.533-1.425-0.842-3.071-0.842-4.789 0-7.755 6.287-14.042 14.042-14.042 6.037 0 11.184 3.81 13.168 9.156l0.032 0.097 13.55 37.2c30.831-12.479 57.412-27.284 81.85-44.878l-1.144 0.784-22.726-28.276c-1.924-2.378-3.089-5.439-3.089-8.772 0-7.732 6.268-14.001 14.001-14.001 4.399 0 8.325 2.029 10.891 5.202l0.021 0.026 23.112 28.754c24.376-20.263 45.733-42.784 64.209-67.578l0.735-1.032-30.856-19.6c-3.931-2.523-6.497-6.872-6.497-11.82 0-2.786 0.814-5.382 2.217-7.563l-0.033 0.055zM512 922c-261.782 0-473.999-212.217-473.999-474 0-130.891 53.054-249.39 138.83-335.167l0.001-0.001c85.841-86.16 204.599-139.474 335.81-139.474 261.783 0 474 212.217 474 474 0 131.211-53.313 249.969-139.459 335.795l-0.014 0.014c-85.304 85.759-203.394 138.834-333.88 138.834-0.453 0-0.905-0.001-1.358-0.002h0.070zM827.37 132.63c-80.71-80.71-192.21-130.631-315.37-130.631-246.319 0-446.001 199.681-446.001 446.001 0 123.16 49.92 234.66 130.631 315.37v0c80.71 80.71 192.21 130.631 315.37 130.631 246.319 0 446.001-199.681 446.001-446.001 0-123.16-49.92-234.66-130.631-315.37v0zM512 466c-24.301 0-44-19.699-44-44s19.699-44 44-44c24.301 0 44 19.699 44 44v0c-0.028 24.289-19.711 43.972-43.997 44h-0.003zM512 406c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16v0c-0.010-8.832-7.168-15.99-15.999-16h-0.001zM525.8 722.384c-1.168 6.652-6.901 11.642-13.8 11.642s-12.632-4.99-13.788-11.558l-0.012-0.084-28-162c-0.13-0.717-0.204-1.542-0.204-2.384 0-7.732 6.268-14 14-14 0.002 0 0.003 0 0.005 0h56c0.001 0 0.003 0 0.004 0 7.732 0 14 6.268 14 14 0 0.842-0.074 1.667-0.217 2.469l0.012-0.085zM500.628 572l11.372 65.8 11.372-65.8z" >
+<glyph unicode="&#xe931;" glyph-name="maintenance-1" d="M50.656 366.542l90.050-8.68c10.328-41.321 26.095-77.656 46.813-110.561l-0.917 1.561-57.364-69.262c-2.002-2.404-3.217-5.525-3.217-8.93 0-3.866 1.567-7.367 4.101-9.9l95.254-95.256c2.534-2.534 6.034-4.101 9.9-4.101 3.406 0 6.527 1.216 8.954 3.238l-0.023-0.018 69.366 57.446c31.321-19.671 67.597-35.447 106.215-45.39l2.675-0.584 8.68-89.752c0.729-6.969 6.572-12.355 13.674-12.355 0.092 0 0.184 0.001 0.276 0.003h135.030c0.079-0.002 0.171-0.003 0.264-0.003 7.102 0 12.946 5.388 13.667 12.299l0.005 0.059 8.68 89.898c41.319 10.3 77.656 26.043 110.564 46.738l-1.564-0.918 69.27-57.4c2.406-2.007 5.53-3.226 8.939-3.226 3.862 0 7.358 1.563 9.891 4.092v0l95.256 95.246c2.532 2.533 4.098 6.032 4.098 9.897 0 3.404-1.215 6.524-3.234 8.95l0.018-0.023-57.446 69.366c19.672 31.325 35.449 67.606 45.392 106.228l0.584 2.674 88.862 8.668c7.124 0.716 12.64 6.681 12.64 13.934 0 0 0 0 0 0v0 135.044c-0.001 7.258-5.525 13.226-12.598 13.929l-0.058 0.005-90.050 8.68c-10.332 41.318-26.102 77.649-46.821 110.55l0.917-1.56 57.362 69.272c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-94.050 95.252c-2.54 2.572-6.065 4.165-9.963 4.165-3.404 0-6.525-1.215-8.951-3.235l0.023 0.018-69.37-57.448c-31.321 19.671-67.597 35.447-106.215 45.39l-2.675 0.584-8.68 89.752c-0.726 6.971-6.57 12.359-13.672 12.359-0.093 0-0.185-0.001-0.278-0.003h-135.030c-0.078 0.002-0.17 0.002-0.262 0.002-7.103 0-12.947-5.388-13.669-12.299l-0.005-0.059-8.68-89.898c-41.315-10.301-77.648-26.044-110.554-46.738l1.564 0.918-69.274 57.4c-2.406 2.008-5.531 3.227-8.942 3.227-3.861 0-7.358-1.563-9.891-4.092v0l-95.246-95.246c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.403 1.214-6.523 3.233-8.949l-0.018 0.023 57.446-69.366c-19.672-31.321-35.448-67.597-45.39-106.216l-0.584-2.674-90.054-8.678c-7.131-0.708-12.655-6.676-12.656-13.934v0-135.046c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM66 502.8l87.422 8.426c6.11 0.606 11.028 5.062 12.323 10.883l0.017 0.093c10.167 44.873 27.428 84.464 50.755 119.687l-0.827-1.329c1.401 2.144 2.235 4.769 2.235 7.589 0 3.404-1.215 6.525-3.236 8.952l0.018-0.023-55.774 67.362 77.23 77.23 67.352-55.776c2.404-2.002 5.525-3.217 8.929-3.217 2.894 0 5.583 0.878 7.815 2.383l-0.050-0.032c33.803 22.669 73.373 39.918 115.878 49.38l2.312 0.432c5.883 1.178 10.353 6.008 10.973 11.981l0.005 0.059 8.422 87.12h109.616l8.426-87.12c0.616-6.071 5.078-10.945 10.886-12.174l0.090-0.016c44.869-10.136 84.462-27.373 119.689-50.68l-1.331 0.828c2.139-1.392 4.755-2.22 7.565-2.22 3.416 0 6.546 1.223 8.977 3.256l-0.022-0.018 67.282 55.744 76.142-77.108-55.828-67.41c-2.001-2.404-3.216-5.524-3.216-8.928 0-2.894 0.878-5.582 2.382-7.814l-0.032 0.050c22.669-33.803 39.918-73.373 49.38-115.878l0.432-2.312c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 87.422-8.424v-109.63l-86.232-8.414c-6.103-0.613-11.013-5.066-12.307-10.881l-0.017-0.093c-10.168-44.872-27.428-84.463-50.755-119.687l0.827 1.329c-1.402-2.144-2.236-4.77-2.236-7.59 0-3.404 1.215-6.524 3.234-8.951l-0.018 0.023 55.778-67.354-77.232-77.23-67.352 55.776c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-33.8-22.67-73.368-39.919-115.871-49.38l-2.311-0.432c-5.882-1.178-10.351-6.008-10.971-11.981l-0.005-0.059-8.426-87.112h-109.61l-8.424 87.12c-0.616 6.072-5.079 10.946-10.888 12.174l-0.090 0.016c-44.868 10.137-84.461 27.375-119.687 50.681l1.331-0.827c-2.138 1.392-4.755 2.219-7.564 2.219-3.417 0-6.547-1.224-8.978-3.257l0.022 0.018-67.352-55.8-77.236 77.226 55.774 67.348c2.001 2.404 3.216 5.524 3.216 8.928 0 2.894-0.878 5.582-2.382 7.814l0.032-0.050c-22.669 33.803-39.918 73.373-49.38 115.878l-0.432 2.312c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-87.422 8.424zM512.6 171.072c152.698 0 276.928 124.228 276.928 276.928s-124.226 276.928-276.928 276.928-276.926-124.228-276.926-276.928 124.23-276.928 276.926-276.928zM512.6 696.928c0 0 0.001 0 0.002 0 137.479 0 248.928-111.449 248.928-248.928s-111.449-248.928-248.928-248.928c-137.479 0-248.928 111.449-248.928 248.928v0c0.155 137.416 111.51 248.772 248.911 248.928h0.015zM387.188 432.526l-8.388-27.982c-0.422-1.15-0.708-2.481-0.798-3.866l-0.002-0.042v-91.816c0.242-22.516 18.486-40.69 41.006-40.82h21.228c22.015 0.233 39.771 18.134 39.771 40.182 0 0.224-0.002 0.448-0.006 0.672v-0.034 91.816c0.041 0.4 0.065 0.864 0.065 1.333 0 0.911-0.088 1.801-0.257 2.662l0.014-0.087-7.946 27.982c6.466 1.257 11.28 6.874 11.28 13.616 0 7.654-6.204 13.858-13.858 13.858-0.016 0-0.032 0-0.048 0h-25.25v152.096c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-152.096h-26c-0.039 0-0.086 0.001-0.132 0.001-7.659 0-13.868-6.209-13.868-13.868 0-6.711 4.767-12.309 11.099-13.592l0.089-0.015zM406 398.642l10.266 33.358h26.72l9.014-33.358v-89.822c0-6.906-4.86-12.82-11.766-12.82h-21.216c-7.075 0.111-12.795 5.762-13.017 12.799l-0.001 0.021zM520 467.868v-159.468c0-22.091 17.909-40 40-40s40 17.909 40 40v0 159.468c28 14.952 48.242 45.562 48.242 79 0 0.045 0 0.097 0 0.15 0 34.517-19.81 64.408-48.681 78.923l-0.508 0.231c-1.881 0.93-4.095 1.475-6.436 1.475-2.799 0-5.417-0.778-7.648-2.13l0.066 0.037c-4.115-2.473-6.866-6.849-7.035-11.878l-0.001-0.024v-35.28l-18.532-12.568-19.5 13.762 0.2 34.082c0 0.034 0 0.075 0 0.115 0 7.705-6.247 13.952-13.952 13.952-2.27 0-4.413-0.542-6.308-1.504l0.079 0.037c-29.194-14.9-48.837-44.749-48.837-79.186s19.643-64.286 48.336-78.953l0.501-0.233zM512.156 584.886l-0.042-12.548c0-0.014 0-0.030 0-0.047 0-4.727 2.343-8.907 5.93-11.442l0.044-0.029 33.498-23.436c2.237-1.582 5.021-2.529 8.026-2.529 2.892 0 5.579 0.877 7.81 2.379l-0.050-0.032 32.726 22.018c3.589 2.505 5.907 6.615 5.907 11.267 0 0.136-0.002 0.272-0.006 0.407v-0.020 13.988c10-10.546 13.66-23.832 13.66-38 0-0.073 0-0.159 0-0.245 0-25.671-15.992-47.607-38.556-56.389l-0.412-0.141c-5.133-2.034-8.698-6.956-8.698-12.71 0-0.139 0.002-0.278 0.006-0.416v0.020-168.58c0-6.627-5.373-12-12-12s-12 5.373-12 12v0 168.58c-0.154 6.021-4 11.105-9.351 13.084l-0.099 0.032c-23.2 8.899-39.4 30.926-39.55 56.757v0.019c-0.001 0.132-0.002 0.289-0.002 0.446 0 14.264 4.96 27.369 13.249 37.686l-0.091-0.117z" >
+<glyph unicode="&#xe932;" glyph-name="shopping-bags" d="M1017.403 609.096c-5.004 4.917-11.998 7.248-18.953 6.317h-271.652v120.034c0 118.629-96.166 214.795-214.795 214.795s-214.795-96.166-214.795-214.795v-120.034h-271.657c-7.582 0-15.161 0-18.953-6.317-5.093-4.895-7.456-11.981-6.317-18.953l94.764-518.036c13.238-72.265 75.636-125.144 149.094-126.351h535.725c73.668 1.811 135.935 55.109 149.094 127.613l94.764 516.774c1.139 6.972-1.224 14.058-6.317 18.953zM347.745 735.447c0 90.715 73.539 164.255 164.255 164.255s164.255-73.539 164.255-164.255v-120.034h-328.509v120.034zM878.416 79.688c-8.51-47.887-49.919-82.925-98.553-83.392h-535.725c-48.635 0.467-90.043 35.502-98.553 83.392l-89.709 485.184h912.249l-89.709-485.184zM701.527 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c-0.002-13.957 11.313-25.27 25.27-25.27zM322.475 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c0-13.957 11.313-25.27 25.27-25.27z" >
+<glyph unicode="&#xe933;" glyph-name="shopping-cart" d="M827.473 233.886c42.577 0.446 79.805 29.202 90.728 70.442l104.995 390.999c3.344 12.706-4.013 25.636-16.719 29.202-2.006 0.446-4.013 0.892-6.019 0.892h-789.8l-53.723 198.397c-2.675 10.254-12.038 17.611-22.738 17.611h-134.197v-47.482h115.472l51.94-193.939c-0.223-1.56-0.223-3.121 0-4.681l107.001-392.336c0.669-3.121 1.783-6.465 2.898-9.585l36.113-131.522c-34.775-18.502-58.405-55.061-58.405-97.192 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 18.948-4.904 37.004-13.375 52.609-2.006 3.567-4.013 7.133-6.465 10.7h280.208c-12.483-17.833-20.063-39.679-20.063-63.309 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 28.756-10.923 54.838-28.979 74.455-19.394 22.069-47.927 36.113-79.805 36.336h-466.122l-16.719 61.303c7.133-1.783 14.49-2.898 21.846-2.898h461.441zM825.913 128c34.998 0 63.309-28.311 63.309-63.309s-28.311-63.309-63.309-63.309c-34.998 0-63.309 28.311-63.309 63.309s28.311 63.309 63.309 63.309zM365.14 128c34.998 0 63.086-28.534 63.086-63.309 0-34.998-28.311-63.309-63.309-63.309s-63.086 28.311-63.086 63.309 28.311 63.309 63.309 63.309zM322.786 311.461l-53.277 194.831-47.482 171.201h746.554l-96.524-362.465c-5.35-20.731-23.852-35.221-45.252-35.667h-461.218c-19.394 1.115-36.336 13.598-42.8 32.1z" >
+<glyph unicode="&#xe934;" glyph-name="view" d="M1017.492 467.917c-9.148 12.514-227.114 306.413-505.497 306.413s-496.359-293.899-505.497-306.401c-8.664-11.872-8.664-27.974 0-39.846 9.138-12.514 227.114-306.413 505.497-306.413s496.349 293.901 505.497 306.403c8.676 11.87 8.676 27.984 0 39.844zM511.995 189.186c-205.058 0-382.661 195.066-435.235 258.837 52.506 63.826 229.736 258.791 435.235 258.791 205.048 0 382.639-195.032 435.235-258.837-52.506-63.824-229.736-258.791-435.235-258.791zM511.995 650.549c-111.684 0-202.55-90.866-202.55-202.55s90.866-202.55 202.55-202.55 202.55 90.866 202.55 202.55-90.866 202.55-202.55 202.55zM511.995 312.967c-74.46 0-135.032 60.574-135.032 135.032s60.574 135.032 135.032 135.032 135.032-60.574 135.032-135.032-60.572-135.032-135.032-135.032z" >
+<glyph unicode="&#xe935;" glyph-name="phone-call" d="M943.158 285.776c-63.166 0-125.035 9.863-183.726 29.265-28.618 9.863-61.064 2.264-79.925-16.924l-116.251-87.795c-133.337 71.141-218.706 156.457-288.983 288.93l85.422 113.502c21.504 21.557 29.212 52.979 19.996 82.459-19.458 58.962-29.373 120.887-29.373 183.944 0 44.572-36.27 80.842-80.842 80.842h-188.633c-44.572 0-80.842-36.27-80.842-80.842 0-520.030 423.128-943.158 943.158-943.158 44.572 0 80.842 36.27 80.842 80.842v188.092c0 44.572-36.27 80.842-80.842 80.842zM970.106 16.842c0-14.875-12.126-26.948-26.948-26.948-490.336 0-889.264 398.928-889.264 889.264 0 14.875 12.126 26.948 26.948 26.948h188.633c14.822 0 26.948-12.073 26.948-26.948 0-68.824 10.78-136.409 31.905-200.489 3.125-10.077 0.594-20.481-9.269-30.72l-98.089-129.886c-6.197-8.246-7.167-19.293-2.478-28.456 79.925-156.995 176.991-254.115 335.119-335.119 9.107-4.742 20.264-3.772 28.509 2.478l132.69 100.568c7.223 7.114 17.838 9.592 27.433 6.414 64.459-21.289 132.043-32.067 200.921-32.067 14.822 0 26.948-12.073 26.948-26.948v-188.092z" >
+<glyph unicode="&#xe936;" glyph-name="calendar" d="M917.839 826.632h-64.283v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-261.401v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-264.069v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-61.616c-58.682 0-106.428-49.346-106.428-108.028v-620.162c0-58.949 47.479-106.694 106.428-106.694h811.145c58.949 0 106.428 47.746 106.428 106.428v620.428c0.267 58.682-47.479 108.028-106.161 108.028zM970.92 98.442c0-29.341-23.473-53.080-52.814-53.347h-811.678c-29.341 0-53.080 23.74-53.080 53.080v620.428c0 29.608 23.74 54.681 53.080 54.681h61.616v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h264.069v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h261.401v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h64.283c29.608 0 53.080-25.34 53.080-54.681v-620.162zM441.982 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM627.63 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 415.858h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 234.478h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674z" >
+<glyph unicode="&#xe937;" glyph-name="calendar-1" d="M889.864 316.322c-17.91 17.912-47.058 17.91-64.974-0.002l-107.966-107.968-37.74 37.742c-17.912 17.91-47.060 17.91-64.974 0-17.914-17.914-17.914-47.064 0-64.978l70.228-70.228c8.678-8.674 20.216-13.454 32.488-13.454s23.81 4.78 32.488 13.456l140.454 140.454c8.678 8.676 13.458 20.216 13.458 32.49-0.004 12.268-4.782 23.808-13.462 32.488zM868.552 272.654l-140.456-140.456c-2.986-2.986-6.956-4.63-11.178-4.63s-8.192 1.644-11.178 4.63l-70.228 70.228c-2.982 2.986-4.626 6.956-4.626 11.178 0 4.224 1.644 8.192 4.63 11.178 3.082 3.082 7.13 4.624 11.178 4.624s8.096-1.542 11.178-4.624l48.394-48.396c2.824-2.824 6.658-4.412 10.654-4.412s7.83 1.588 10.654 4.412l118.62 118.622c6.164 6.166 16.194 6.166 22.356 0.004 2.988-2.988 4.632-6.958 4.632-11.18 0.002-4.224-1.644-8.192-4.63-11.178zM960.698 384.314v119.484c0 8.324-6.746 15.068-15.068 15.068s-15.068-6.744-15.068-15.068v-88.558c-20.080 17.472-42.504 31.806-66.502 42.658-0.898 0.408-1.806 0.796-2.71 1.194-0.916 0.402-1.828 0.812-2.748 1.204-1.61 0.69-3.23 1.352-4.856 2.010-0.206 0.084-0.412 0.17-0.62 0.254-13.446 5.404-27.42 9.758-41.82 12.972v88.536c0 8.324-6.746 15.068-15.068 15.068h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-90.526c-46.922-12.012-89.914-36.476-124.97-71.748-5.866-5.904-5.836-15.446 0.066-21.31 5.902-5.862 15.442-5.834 21.31 0.066 45.738 46.026 106.658 71.374 171.538 71.374 2.15 0 4.296-0.030 6.438-0.086 0.374-0.010 0.746-0.032 1.12-0.042 1.792-0.056 3.584-0.122 5.37-0.218 0.284-0.014 0.562-0.038 0.846-0.054 1.896-0.108 3.792-0.232 5.682-0.384 0.136-0.012 0.274-0.024 0.412-0.036 27.84-2.294 54.862-9.38 79.946-20.752 0.864-0.394 1.718-0.804 2.578-1.206 0.882-0.412 1.766-0.822 2.644-1.246 1.542-0.748 3.078-1.51 4.602-2.29 0.15-0.076 0.302-0.15 0.452-0.228 78.15-40.124 131.744-121.566 131.744-215.288 0-133.344-108.484-241.828-241.83-241.828-124.994 0-228.144 95.322-240.572 217.092-0.006 0.058-0.010 0.116-0.016 0.174-0.192 1.914-0.364 3.838-0.514 5.764-0.032 0.414-0.054 0.832-0.084 1.246-0.116 1.616-0.224 3.23-0.31 4.854-0.046 0.916-0.076 1.834-0.112 2.752-0.048 1.17-0.102 2.336-0.134 3.508-0.054 2.14-0.086 4.286-0.086 6.434 0 44.372 12.118 87.756 35.044 125.458 4.324 7.11 2.066 16.378-5.044 20.702-7.114 4.324-16.38 2.066-20.702-5.046-25.798-42.422-39.432-91.218-39.432-141.114 0-2.234 0.032-4.462 0.084-6.686 0.012-0.51 0.034-1.018 0.050-1.526 0.052-1.776 0.116-3.552 0.202-5.322 0.020-0.424 0.046-0.846 0.070-1.27 0.102-1.944 0.228-3.888 0.37-5.826 0.014-0.184 0.028-0.372 0.042-0.558 1.93-25.286 7.318-49.892 16.132-73.534h-466.892v243.622c0 8.324-6.746 15.068-15.068 15.068s-15.066-6.744-15.066-15.068v-258.684c0-8.324 6.746-15.068 15.068-15.068h495.41c45.314-87.312 136.58-147.108 241.558-147.108 149.962 0 271.964 122.004 271.964 271.962 0 66.232-23.808 127-63.302 174.222zM781.172 482.056h-66.946v66.944h66.946v-66.944zM262.576 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM247.508 482.056h-66.944v66.944h66.946v-66.944zM440.464 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c-0.002 8.324-6.748 15.068-15.068 15.068zM425.396 482.056h-66.946v66.944h66.946v-66.944zM618.352 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM603.286 482.056h-66.946v66.944h66.946v-66.944zM262.576 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c0 8.324-6.746 15.068-15.068 15.068zM247.508 273.642h-66.944v66.946h66.946v-66.946zM440.464 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c-0.002 8.324-6.746 15.068-15.068 15.068zM425.396 273.642h-66.946v66.946h66.946v-66.946zM946.15 843.628h-94.14v54.452c0 32.968-26.822 59.79-59.788 59.79-32.968 0-59.788-26.822-59.788-59.79v-54.452h-503.13v54.452c0 32.968-26.822 59.79-59.788 59.79s-59.788-26.822-59.788-59.79v-54.452h-94.66c-8.322 0-15.068-6.744-15.068-15.066v-409.304c0-8.322 6.746-15.066 15.068-15.066s15.068 6.746 15.068 15.068v231.146h900.43v-86.34c0-8.324 6.746-15.068 15.068-15.068s15.068 6.744 15.068 15.068v97.542c0.328 1.236 0.518 2.526 0.518 3.864v163.090c-0.002 8.322-6.748 15.066-15.070 15.066zM762.57 898.080c0 16.352 13.304 29.654 29.652 29.654 16.352 0 29.652-13.304 29.652-29.654v-117.818c0-2.044-0.208-4.040-0.602-5.968-2.77-13.5-14.744-23.686-29.050-23.686-16.352 0-29.652 13.304-29.652 29.654v117.818zM139.864 898.080c0 16.352 13.302 29.654 29.652 29.654s29.652-13.304 29.652-29.654v-117.818c0-16.352-13.304-29.654-29.652-29.654s-29.652 13.306-29.652 29.656v117.816zM930.564 680.542h-899.91v132.954h79.074v-33.232c0-32.968 26.82-59.79 59.788-59.79s59.788 26.822 59.788 59.79v33.232h503.134v-33.232c0-32.968 26.822-59.79 59.788-59.79 32.968 0 59.788 26.822 59.788 59.79v33.232h78.556v-132.954z" >
+<glyph unicode="&#xe938;" glyph-name="right-arrow-angle" d="M798.813 480.478l-512.425 466.975c-16.815 16.73-44.086 16.73-60.901 0-16.815-16.729-16.815-43.872 0-60.602l481.528-438.851-481.485-438.85c-16.815-16.73-16.815-43.874 0-60.602s44.086-16.729 60.9 0l512.426 466.975c8.962 8.918 12.805 20.742 12.206 32.434 0.557 11.737-3.284 23.559-12.249 32.521z" >
+<glyph unicode="&#xe939;" glyph-name="down-arrow-1" d="M1011.453 734.482c-16.73 16.816-43.875 16.816-60.605 0l-438.824-481.508-438.869 481.508c-16.73 16.816-43.876 16.816-60.607 0s-16.73-44.089 0-60.903l466.996-512.403c8.92-8.963 20.785-12.803 32.437-12.208 11.692-0.596 23.517 3.244 32.437 12.208l467.038 512.448c16.729 16.812 16.729 44.042-0.002 60.858z" >
+<glyph unicode="&#xe93a;" glyph-name="up-arrow-angle" d="M1011.453 222.939l-466.996 511.252c-8.92 8.963-20.786 12.762-32.437 12.164-11.694 0.597-23.519-3.201-32.438-12.164l-467.034-511.252c-16.73-16.772-16.73-44.002 0-60.776s43.876-16.772 60.607 0l438.869 480.484 438.824-480.484c16.73-16.772 43.875-16.772 60.605 0 16.73 16.771 16.73 44.002 0 60.776z" >
+<glyph unicode="&#xe93b;" glyph-name="search" d="M1014.294-8.29l-264.38 260.155c69.233 75.219 111.771 174.698 111.771 284.164-0.033 234.168-192.91 423.971-430.854 423.971s-430.821-189.803-430.821-423.971 192.877-423.971 430.821-423.971c102.808 0 197.102 35.56 271.168 94.678l265.406-261.181c12.932-12.74 33.927-12.74 46.859 0 12.962 12.738 12.962 33.415 0.030 46.155zM430.831 177.289c-201.326 0-364.533 160.613-364.533 358.74s163.207 358.74 364.533 358.74c201.328 0 364.533-160.613 364.533-358.74s-163.205-358.74-364.533-358.74z" >
+<glyph unicode="&#xe93c;" glyph-name="share" d="M787.692 329.846c-69.711 0-130.599-36.432-165.573-91.057l-210.865 120.517c13.587 26.782 21.977 56.596 21.977 88.694 0 19.811-3.821 38.557-9.256 56.596l219.412 125.362c35.959-38.992 87.079-63.805 144.305-63.805 108.74 0 196.923 88.183 196.923 196.923s-88.183 196.923-196.923 196.923-196.923-88.183-196.923-196.923c0-19.811 3.821-38.557 9.255-56.596l-219.411-125.401c-35.959 39.031-87.080 63.843-144.305 63.843-108.74 0-196.923-88.143-196.923-196.923 0-108.74 88.183-196.923 196.923-196.923 44.898 0 85.78 15.596 118.901 40.92l-0.748-1.535 238.434-136.271c-0.748-7.089-2.127-13.981-2.127-21.268 0-108.74 88.183-196.923 196.923-196.923s196.923 88.183 196.923 196.923-88.183 196.923-196.923 196.923zM787.692 881.231c65.261 0 118.154-52.894 118.154-118.154s-52.893-118.154-118.154-118.154-118.154 52.894-118.154 118.154 52.893 118.154 118.154 118.154zM236.308 329.846c-65.26 0-118.154 52.893-118.154 118.154s52.894 118.154 118.154 118.154 118.154-52.894 118.154-118.154c0-65.261-52.894-118.154-118.154-118.154zM787.692 14.769c-65.261 0-118.154 52.893-118.154 118.154s52.893 118.154 118.154 118.154 118.154-52.893 118.154-118.154-52.893-118.154-118.154-118.154z" >
+<glyph unicode="&#xe93d;" glyph-name="left-arrow-1" d="M331.295 447.762l444.985 444.985c15.384 15.386 15.384 40.33 0 55.716-15.388 15.381-40.33 15.381-55.716 0l-472.843-472.843c-15.381-15.386-15.381-40.33 0-55.716l472.843-472.843c15.654-15.118 40.598-14.684 55.716 0.97 14.746 15.27 14.746 39.478 0 54.746l-444.985 444.985z" >
+<glyph unicode="&#xe93e;" glyph-name="quotation" d="M1021.273 249.945c-36.039 106.625-18.891 209.937-17.578 217.422 6.086 27.039 9.125 54.875 9.023 82.75-0.57 161.125-103.617 301.992-256.414 350.523-7.883 2.5-16.328-1.859-18.844-9.75-2.508-7.898 1.859-16.328 9.758-18.844 140.336-44.57 234.976-173.992 235.5-322.039 0.094-25.734-2.719-51.422-8.359-76.367-0.047-0.219-0.094-0.437-0.133-0.656-0.852-4.727-20.445-117.047 18.633-232.648 2.391-7.086 1.023-14.477-3.766-20.273-4.805-5.82-12.141-8.695-19.625-7.664-31.672 4.312-59.055 12.594-81.398 24.609-32.031 17.227-70.062 18.719-101.75 3.992-46.82-21.766-96.937-32.336-149.078-31.391-88.344 1.586-171.547 37.297-234.289 100.555-62.734 63.25-97.781 146.75-98.672 235.109-0.906 90.164 33.187 175.391 96 239.984 62.687 64.461 146.664 100.922 236.461 102.68 17.602 0.344 35.289-0.648 52.562-2.953 8.195-1.109 15.75 4.68 16.844 12.891s-4.68 15.758-12.891 16.852c-18.773 2.5-37.984 3.57-57.102 3.203-97.742-1.906-189.148-41.594-257.383-111.758-28.094-28.891-50.898-61.578-67.969-96.875-82.93-15.68-158.516-59.82-212.961-124.422-55.508-65.867-86.25-150.016-86.562-236.961-0.102-27.875 2.937-55.719 9.023-82.758 1.32-7.484 18.477-110.742-17.578-217.414-5.711-16.891-2.328-35.203 9.047-48.977 11.461-13.891 28.961-20.734 46.812-18.297 35.242 4.805 66.047 14.195 91.555 27.914 23.75 12.781 51.75 13.977 74.898 3.211 48.898-22.734 110.523-34.18 162.258-34.18 58.242 0 116.102 16.203 167.359 43.828 49.609 26.734 93.227 65.156 126.148 111.109 4.828 6.734 3.281 16.109-3.453 20.93-6.734 4.828-16.109 3.273-20.93-3.453-30.281-42.266-70.391-77.594-116-102.172-47.062-25.375-100.203-39.289-153.656-40.25-52.086-0.937-102.266 9.625-149.078 31.391-31.68 14.734-69.719 13.234-101.75-3.992-22.336-12.016-49.727-20.297-81.406-24.609-7.477-1.023-14.812 1.844-19.625 7.664-4.781 5.797-6.156 13.187-3.758 20.273 38.977 115.312 19.602 227.258 18.633 232.617-0.039 0.227-0.086 0.461-0.133 0.687-5.641 24.945-8.453 50.641-8.367 76.375 0.289 79.914 28.523 157.242 79.5 217.734 45.625 54.133 107.406 92.633 175.727 109.898-15.039-41.242-22.68-85.281-22.227-130.477 0.977-96.211 39.109-187.101 107.375-255.93 68.273-68.828 158.836-109.422 255.047-109.422 59.609 0 113.359 11.445 162.266 34.18 23.148 10.766 51.148 9.562 74.891-3.203 25.516-13.727 56.32-23.117 91.562-27.922 17.844-2.422 35.344 4.414 46.812 18.297 11.367 13.773 14.75 32.086 9.039 48.977zM536.109 661.68h-47.25c-30.828 0-55.914-25.086-55.914-55.914v-56.516c0-30.836 25.086-55.922 56-55.922h0.008c0.43 0 23.977-0.211 34.773-22.211 5.5-11.219 9.047-23.289 10.523-35.867 1.883-16.062 11.586-32.789 37.055-32.789 12.922 0 24.844 6.703 31.711 18.305 20.367 34.453 39.781 93.211 16.609 177.531-10.266 37.32-44.602 63.383-83.516 63.383zM577.187 436.039c-2.375-4.008-6.125-3.703-7.625-3.383-1.844 0.391-5.008 1.703-5.523 6.094-1.875 15.961-6.375 31.297-13.383 45.586-18.82 38.359-59.219 39-61.727 39-0.023 0-0.047 0-0.070 0-14.289 0-25.914 11.625-25.914 25.914v56.516c0 14.289 11.625 25.914 25.914 25.914h47.25c25.445 0 47.898-16.992 54.586-41.328 16.367-59.555 11.82-111.477-13.508-154.312zM656.781 605.766v-56.516c0-30.836 25.086-55.922 55.875-55.922 0.984-0.008 24.281-0.547 34.906-22.211 5.508-11.219 9.047-23.289 10.523-35.867 1.883-16.062 12.977-32.789 37.055-32.789 12.93 0 24.852 6.703 31.719 18.305 20.367 34.445 39.781 93.211 16.602 177.531-10.258 37.312-44.594 63.383-83.508 63.383h-47.25c-30.836 0-55.922-25.086-55.922-55.914zM686.781 605.766c0 14.289 11.633 25.914 25.922 25.914h47.25c25.445 0 47.891-16.992 54.578-41.336 16.367-59.547 11.828-111.469-13.5-154.305-2.375-4.008-6.133-3.703-7.633-3.383-1.836 0.391-5 1.703-5.516 6.094-1.875 15.961-6.375 31.305-13.383 45.586-18.828 38.359-59.227 39-61.727 39-0.031 0-0.055 0-0.070 0-14.297 0-25.922 11.625-25.922 25.914z" >
+<glyph unicode="&#xe93f;" glyph-name="user" d="M512 960c-148.878 0-270-121.122-270-270s121.122-270 270-270 270 121.122 270 270-121.122 270-270 270zM512 480c-115.794 0-210 94.206-210 210s94.206 210 210 210c115.794 0 210-94.206 210-210s-94.206-210-210-210zM595.666 358h-167.334c-138.404 0-274.994-63.902-366.332-200.916v-221.084h900v221.084c-91.206 136.816-227.758 200.916-366.334 200.916zM902.002-4h-780.002v142.726c70.062 99.908 183.904 159.274 306.334 159.274h167.334c122.43 0 236.27-59.366 306.334-159.274v-142.726z" >
+<glyph unicode="&#xe940;" glyph-name="tag" d="M907.067 849.53c-0.054 43.006-34.923 77.854-77.939 77.854h-326.354c-20.671 0-40.494-8.209-55.112-22.824l-424.825-424.738c-30.446-30.439-30.449-79.795-0.007-110.241l326.354-326.357c15.219-15.219 35.169-22.832 55.119-22.832 12.557 0 24.978 3.371 36.356 9.403 41.639 34.29-19.967-25.292 443.582 438.164 14.623 14.62 22.837 34.448 22.837 55.124 0 331.038 0.002 274.489-0.010 326.447zM868.103 523.085c0-10.411-4.056-20.201-11.417-27.562l-424.828-424.745c-7.361-7.361-17.149-11.415-27.56-11.415s-20.196 4.056-27.56 11.415l-326.349 326.359c-7.361 7.361-11.415 17.151-11.415 27.56 0 10.411 4.056 20.198 11.417 27.56l424.825 424.74c7.361 7.359 17.146 11.412 27.557 11.412h326.357c21.489 0 38.974-17.485 38.974-38.974v-326.349zM985.026 849.435v-365.321c0-10.411-4.056-20.201-11.417-27.562l-460.455-460.372 27.557-27.56 460.453 460.37c14.623 14.62 22.837 34.448 22.837 55.124v365.321h-38.974zM692.718 790.973c-42.972 0-77.949-34.958-77.949-77.949s34.977-77.949 77.949-77.949 77.949 34.958 77.949 77.949-34.979 77.949-77.949 77.949zM692.718 674.050c-21.504 0-38.974 17.49-38.974 38.974s17.47 38.974 38.974 38.974 38.974-17.49 38.974-38.974-17.47-38.974-38.974-38.974z" >
+<glyph unicode="&#xe941;" glyph-name="play" d="M946.685 492.645l-819.197 460.799c-15.872 8.909-35.225 8.704-50.893-0.41-15.77-9.216-25.395-26.010-25.395-44.237v-921.597c0-18.227 9.626-35.021 25.395-44.237 7.987-4.608 16.896-6.963 25.805-6.963 8.602 0 17.306 2.15 25.088 6.554l819.197 460.799c16.077 9.114 26.112 26.112 26.112 44.646s-10.035 35.533-26.112 44.646z" >
+<glyph unicode="&#xe942;" glyph-name="done" d="M941.602 838.588l-616.378-616.378-242.825 242.825-82.398-82.398 325.223-325.223 698.777 698.777z" >
+<glyph unicode="&#xe943;" glyph-name="electric-car" d="M968.016 532.48l-60.032 48.032c-0.24 0.192-0.48 0.432-0.72 0.624l55.888 11.184c7.472 1.488 12.848 8.048 12.848 15.68v48c0 8.832-7.168 16-16 16h-80c-8.832 0-16-7.168-16-16v-28.032c-0.368 0.496-0.736 0.992-1.104 1.488-1.008 2.784-2.8 5.056-5.072 6.864-9.008 12.752-16.72 25.52-21.744 36.56l-27.040 59.472c-17.232 37.936-63.376 67.648-105.040 67.648h-384c-41.664 0-87.808-29.712-105.040-67.648l-27.024-59.456c-5.024-11.040-12.736-23.824-21.744-36.576-2.272-1.808-4.048-4.080-5.072-6.864-0.368-0.496-0.72-0.976-1.104-1.488v28.032c0 8.832-7.168 16-16 16h-80.016c-8.832 0-16-7.168-16-16v-48c0-7.632 5.376-14.192 12.864-15.68l55.888-11.184c-0.24-0.192-0.48-0.432-0.72-0.624l-60.048-48.032c-31.392-25.12-55.984-76.288-55.984-116.48v-272c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v32h576v-32c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v272c0 40.192-24.592 91.36-55.984 116.48zM822.624 208l-36.688 36.688c-15.568 15.568-43.92 27.312-65.936 27.312h-424c-22.016 0-50.368-11.744-65.936-27.312l-36.688-36.688h-113.376c-26.464 0-48 21.536-48 48v80h16v-16c0-35.296 28.704-64 64-64h48c8.832 0 16 7.168 16 16s-7.168 16-16 16h-48c-17.648 0-32 14.352-32 32v16h32c13.28 0 33.92-8.544 43.312-17.936 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c6.256 6.256 6.256 16.368 0 22.624-15.568 15.568-43.904 27.312-65.936 27.312h-80v48c0 5.648 0.896 11.744 2.16 17.968 10.24-10.688 25.136-17.968 45.84-17.968h128c4.24 0 8.304 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h185.376l43.312-43.312c3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688l43.312 43.312h185.376c4.24 0 8.32 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h128c20.704 0 35.6 7.28 45.84 17.968 1.264-6.224 2.16-12.32 2.16-17.968v-48h-80c-22.016 0-50.368-11.744-65.936-27.312-6.256-6.256-6.256-16.368 0-22.624 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c9.392 9.392 30.032 17.936 43.312 17.936h32v-16c0-17.648-14.352-32-32-32h-48c-8.832 0-16-7.168-16-16s7.168-16 16-16h48c35.296 0 64 28.704 64 64v16h16v-80c0-26.464-21.536-48-48-48zM777.376 208h-538.752l14.064 14.064c9.392 9.392 30.032 17.936 43.312 17.936h424c13.28 0 33.92-8.544 43.312-17.936zM184.96 608h654.080c15.504-20.496 33.216-39.888 48.944-52.48l19.248-15.392-113.168-45.264c-0.016 0-0.016-0.016-0.032-0.016-1.936-0.784-3.76-1.952-5.328-3.52l-43.328-43.328h-185.376c-4.24 0-8.32-1.68-11.312-4.688l-36.688-36.688-36.688 36.688c-2.992 3.008-7.072 4.688-11.312 4.688h-185.376l-43.312 43.312c-1.568 1.568-3.392 2.736-5.328 3.52-0.016 0-0.016 0.016-0.032 0.016l-113.168 45.264 19.248 15.392c15.712 12.608 33.424 32 48.928 52.496zM975.056 473.296c-3.216-16.72-13.584-25.296-31.056-25.296h-121.376l-16 16 2.368 2.368 126.96 50.784 12.064-9.664c10.144-8.112 19.504-20.448 27.040-34.192zM896 640h48v-18.88l-48-9.6zM217.040 659.648l27.024 59.456c12.064 26.512 46.832 48.896 75.936 48.896h384c29.104 0 63.872-22.384 75.92-48.88l27.040-59.472c2.816-6.176 6.48-12.848 10.496-19.648h-610.912c4.016 6.8 7.696 13.472 10.496 19.648zM80 640h48v-28.48l-48 9.6zM75.968 507.488l12.064 9.664 126.976-50.784 2.368-2.368-16-16h-121.376c-17.472 0-27.84 8.576-31.056 25.296 7.536 13.744 16.88 26.080 27.024 34.192zM176 128h-128c-8.816 0-16 7.184-16 16v48.4c13.408-10.144 29.92-16.4 48-16.4h112v-32c0-8.816-7.184-16-16-16zM976 128h-128c-8.816 0-16 7.184-16 16v32h112c18.080 0 34.592 6.256 48 16.4v-48.4c0-8.816-7.184-16-16-16z" >
+<glyph unicode="&#xe944;" glyph-name="cog" d="M787.203 835.077c-61.687 0-111.866-50.187-111.866-111.874 0-61.674 50.179-111.861 111.866-111.861s111.866 50.187 111.866 111.861c0 61.687-50.179 111.874-111.866 111.874zM787.203 636.941c-47.569 0-86.269 38.7-86.269 86.261 0 47.574 38.7 86.274 86.269 86.274 47.567 0 86.266-38.7 86.266-86.274 0-47.562-38.7-86.261-86.266-86.261zM1012.543 687.616c-18.237 1.925-31.987 17.225-31.987 35.587s13.75 33.662 31.987 35.587c3.612 0.375 6.887 2.275 9.020 5.212 2.13 2.937 2.912 6.65 2.15 10.2-6.125 28.55-17.312 55.512-33.242 80.162-1.97 3.050-5.142 5.112-8.73 5.687-3.557 0.587-7.245-0.387-10.070-2.687-14.232-11.512-34.77-10.425-47.742 2.562-12.975 12.975-14.075 33.5-2.562 47.737 2.28 2.825 3.255 6.487 2.682 10.062-0.57 3.587-2.637 6.762-5.682 8.737-24.612 15.925-51.582 27.112-80.162 33.25-3.562 0.762-7.262-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-1.92-18.237-17.212-31.987-35.58-31.987-18.362 0-33.657 13.75-35.575 31.987-0.38 3.612-2.28 6.9-5.217 9.025-2.942 2.137-6.657 2.887-10.2 2.15-28.58-6.137-55.549-17.325-80.162-33.25-3.050-1.975-5.117-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 11.512-14.237 10.412-34.762-2.555-47.737-12.975-12.987-33.5-14.075-47.744-2.562-2.82 2.3-6.445 3.3-10.067 2.687-3.587-0.575-6.757-2.637-8.732-5.687-15.925-24.637-27.112-51.599-33.242-80.162-0.762-3.55 0.020-7.262 2.15-10.2s5.405-4.837 9.017-5.212c18.237-1.925 31.987-17.225 31.987-35.587s-13.75-33.662-31.987-35.587c-3.612-0.375-6.887-2.275-9.017-5.212-2.132-2.937-2.912-6.65-2.15-10.2 6.132-28.562 17.317-55.537 33.25-80.149 1.97-3.050 5.137-5.112 8.725-5.687 3.542-0.612 7.23 0.387 10.062 2.687 14.237 11.475 34.77 10.4 47.749-2.575 12.975-12.975 14.075-33.487 2.555-47.737-2.28-2.825-3.255-6.487-2.682-10.075 0.57-3.575 2.637-6.75 5.687-8.725 24.642-15.925 51.612-27.112 80.162-33.25 3.517-0.737 7.25 0.025 10.2 2.15 2.937 2.125 4.837 5.412 5.217 9.025 1.92 18.237 17.212 31.987 35.575 31.987 18.367 0 33.662-13.75 35.58-31.987 0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.895 0 1.8 0.1 2.687 0.287 28.55 6.137 55.519 17.325 80.157 33.25 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.682 10.075-11.517 14.237-10.417 34.762 2.562 47.737 12.987 12.975 33.512 14.062 47.749 2.562 2.825-2.275 6.505-3.287 10.067-2.675 3.582 0.575 6.75 2.637 8.725 5.687 15.93 24.625 27.112 51.599 33.242 80.149 0.762 3.55-0.020 7.262-2.15 10.2-2.132 2.937-5.407 4.837-9.020 5.212zM975.488 616.692c-22.982 10.937-50.932 6.662-69.662-12.112-18.757-18.737-23.042-46.687-12.112-69.662-15.387-8.725-31.68-15.5-48.674-20.2-8.5 23.987-31.3 40.737-57.837 40.737-26.532 0-49.332-16.75-57.837-40.737-16.987 4.7-33.282 11.462-48.674 20.212 10.937 22.962 6.65 50.912-12.105 69.649-18.75 18.762-46.699 23.037-69.662 12.112-8.737 15.375-15.5 31.675-20.2 48.674 23.987 8.5 40.73 31.3 40.73 57.837s-16.745 49.337-40.73 57.837c4.7 17 11.462 33.287 20.2 48.674 22.942-10.925 50.899-6.637 69.662 12.112 18.75 18.75 23.037 46.699 12.105 69.662 15.375 8.725 31.675 15.487 48.674 20.2 8.5-23.987 31.305-40.737 57.837-40.737 26.537 0 49.337 16.75 57.842 40.737 17-4.712 33.295-11.475 48.669-20.2-10.925-22.962-6.637-50.912 12.112-69.662 18.742-18.762 46.699-23.050 69.662-12.112 8.737-15.387 15.5-31.687 20.2-48.674-23.987-8.5-40.73-31.3-40.73-57.837s16.745-49.337 40.73-57.837c-4.7-16.987-11.462-33.287-20.2-48.674zM340.633 434.431c-87.004 0-157.791-70.787-157.791-157.798s70.787-157.798 157.791-157.798 157.791 70.787 157.791 157.798-70.787 157.798-157.791 157.798zM340.633 144.435c-72.894 0-132.193 59.299-132.193 132.198s59.299 132.198 132.193 132.198c72.892 0 132.193-59.299 132.193-132.198-0.002-72.899-59.302-132.198-132.193-132.198zM669.804 218.659c-29.712 3.137-52.117 28.050-52.117 57.974s22.405 54.837 52.117 57.974c3.612 0.375 6.895 2.275 9.025 5.212 2.132 2.937 2.912 6.65 2.15 10.2-8.812 41.062-24.905 79.874-47.837 115.349-1.97 3.050-5.142 5.112-8.732 5.687-3.555 0.587-7.237-0.387-10.067-2.687-23.217-18.762-56.667-16.962-77.804 4.162-21.137 21.15-22.93 54.599-4.162 77.812 2.28 2.825 3.255 6.487 2.68 10.075-0.567 3.575-2.637 6.75-5.687 8.725-35.455 22.925-74.269 39.025-115.344 47.837-3.595 0.75-7.267-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-3.125-29.712-28.050-52.124-57.974-52.124s-54.849 22.412-57.974 52.124c-0.382 3.612-2.282 6.9-5.22 9.025-2.942 2.125-6.607 2.875-10.2 2.15-41.079-8.812-79.887-24.912-115.336-47.837-3.050-1.975-5.12-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 18.762-23.212 16.967-56.674-4.167-77.812-21.145-21.125-54.612-22.9-77.804-4.162-2.825 2.3-6.525 3.275-10.070 2.687-3.587-0.575-6.762-2.637-8.73-5.687-22.93-35.475-39.025-74.287-47.837-115.349-0.762-3.55 0.020-7.262 2.15-10.2 2.132-2.937 5.412-4.837 9.025-5.212 29.712-3.137 52.124-28.050 52.124-57.974s-22.412-54.837-52.124-57.974c-3.612-0.375-6.892-2.275-9.025-5.212-2.13-2.937-2.912-6.65-2.15-10.2 8.812-41.062 24.907-79.874 47.837-115.349 1.967-3.050 5.142-5.112 8.73-5.687 3.542-0.612 7.245 0.387 10.070 2.687 23.205 18.787 56.662 16.975 77.804-4.162 21.137-21.137 22.93-54.599 4.167-77.812-2.282-2.825-3.255-6.487-2.682-10.075 0.567-3.575 2.637-6.75 5.687-8.725 35.45-22.925 74.254-39.025 115.336-47.837 3.57-0.725 7.262 0.012 10.2 2.15 2.937 2.125 4.837 5.412 5.22 9.025 3.125 29.712 28.050 52.124 57.974 52.124s54.849-22.412 57.974-52.124c0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.892 0 1.795 0.1 2.687 0.287 41.074 8.812 79.887 24.912 115.344 47.837 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.68 10.075-18.77 23.212-16.975 56.662 4.162 77.812 21.137 21.137 54.599 22.925 77.804 4.162 2.832-2.3 6.512-3.3 10.067-2.687 3.587 0.575 6.762 2.637 8.732 5.687 22.932 35.475 39.025 74.287 47.837 115.349 0.762 3.55-0.017 7.262-2.15 10.2s-5.412 4.837-9.025 5.212zM618.497 112.885c-32.217 17.987-73.099 12.9-100.061-14.050-26.962-26.962-32.045-67.849-14.050-100.074-26.037-15.387-53.874-26.937-83.044-34.45-10.037 35.537-42.549 60.874-80.712 60.874s-70.674-25.337-80.712-60.874c-29.167 7.512-57.004 19.062-83.036 34.45 17.995 32.225 12.9 73.112-14.055 100.074-26.962 26.95-67.849 32.037-100.061 14.050-15.4 26.037-26.95 53.887-34.455 83.036 35.537 10.050 60.874 42.549 60.874 80.712s-25.337 70.662-60.874 80.712c7.507 29.15 19.055 56.999 34.455 83.036 32.22-18 73.112-12.912 100.061 14.050 26.962 26.962 32.050 67.849 14.055 100.074 26.030 15.387 53.867 26.937 83.036 34.45 10.037-35.537 42.549-60.874 80.712-60.874s70.674 25.337 80.712 60.874c29.167-7.512 57.004-19.062 83.044-34.45-17.995-32.225-12.907-73.112 14.050-100.074 26.975-26.962 67.854-32.050 100.061-14.050 15.4-26.037 26.95-53.887 34.457-83.036-35.537-10.050-60.869-42.549-60.869-80.712s25.332-70.662 60.869-80.712c-7.507-29.15-19.057-56.999-34.457-83.036z" >
+<glyph unicode="&#xe945;" glyph-name="car-3" d="M512 960c-282.769 0-512-229.231-512-512s229.231-512 512-512 512 229.231 512 512c-0.32 282.637-229.363 511.68-512 512zM971.366 316.689l-32.068 10.428-10.564-32.427 32.205-10.462c-13.321-36.333-31.006-70.914-52.668-102.98l-27.307 19.797-20.070-27.614 27.102-19.695c-23.851-30.443-51.275-57.905-81.681-81.801l-19.695 27.102-27.614-20.070 19.797-27.307c-32.064-21.638-66.639-39.3-102.963-52.599l-10.462 32.205-32.427-10.564 10.428-32.068c-37.225-10.658-75.614-16.727-114.313-18.074v33.707h-34.133v-33.707c-38.675 1.35-77.041 7.42-114.244 18.074l10.428 32.068-32.427 10.564-10.53-32.205c-36.333 13.321-70.914 31.006-102.98 52.668l19.797 27.307-27.614 20.070-19.695-27.102c-30.428 23.874-57.875 51.322-81.749 81.749l27.102 19.695-20.070 27.614-27.307-19.797c-21.598 32.049-39.226 66.598-52.497 102.895l32.205 10.462-10.564 32.427-32.068-10.428c-10.688 37.222-16.785 75.612-18.159 114.313h33.707v34.133h-33.707c1.35 38.675 7.42 77.041 18.074 114.244l32.068-10.428 10.564 32.427-32.119 10.53c13.321 36.333 31.006 70.914 52.668 102.98l27.307-19.797 20.070 27.614-27.255 19.678c23.874 30.428 51.322 57.875 81.749 81.749l19.695-27.102 27.614 20.070-19.797 27.307c32.068 21.609 66.643 39.243 102.963 52.514l10.462-32.205 32.427 10.564-10.428 32.068c37.222 10.688 75.612 16.785 114.313 18.159v-33.707h34.133v33.707c38.675-1.35 77.041-7.42 114.244-18.074l-10.428-32.068 32.427-10.564 10.53 32.119c36.333-13.321 70.914-31.006 102.98-52.668l-19.797-27.307 27.614-20.070 19.695 27.102c30.428-23.874 57.875-51.322 81.749-81.749l-27.102-19.695 20.070-27.614 27.307 19.797c21.621-32.017 39.277-66.539 52.582-102.81l-32.205-10.462 10.564-32.427 32.068 10.428c10.658-37.225 16.727-75.614 18.074-114.313h-33.707v-34.133h33.707c-1.35-38.675-7.42-77.041-18.074-114.244zM512 823.467c-207.364 0-375.467-168.102-375.467-375.467s168.102-375.467 375.467-375.467 375.467 168.102 375.467 375.467c-0.235 207.266-168.201 375.232-375.467 375.467zM512 106.667c-188.514 0-341.333 152.819-341.333 341.333s152.819 341.333 341.333 341.333 341.333-152.819 341.333-341.333c-0.215-188.422-152.909-341.118-341.333-341.333zM512 738.133c-160.237 0-290.133-129.897-290.133-290.133s129.897-290.133 290.133-290.133 290.133 129.897 290.133 290.133c-0.179 160.162-129.971 289.954-290.133 290.133zM731.46 579.123c19.842-32.939 31.94-69.954 35.379-108.254l-106.889 8.636c-9.393 0.789-16.367 9.045-15.575 18.436 0.375 4.452 2.481 8.58 5.865 11.499l81.22 69.683zM568.986 697.378l-41.233-98.987c-3.627-8.7-13.619-12.813-22.319-9.186-4.154 1.732-7.454 5.033-9.186 9.186l-41.233 98.987c37.478 8.83 76.493 8.83 113.971 0zM292.54 579.127l81.22-69.687c7.157-6.133 7.985-16.909 1.852-24.064-2.929-3.418-7.091-5.54-11.58-5.905l-106.889-8.636c3.439 38.315 15.543 75.345 35.396 108.292zM436.258 317.030l-24.781-104.414c-35.309 15.243-66.748 38.208-92.006 67.209h-0.051l91.341 55.723c8.045 4.913 18.547 2.374 23.46-5.67 2.349-3.846 3.081-8.463 2.037-12.847zM612.523 212.617h-0.051l-24.832 104.414c-2.182 9.169 3.482 18.372 12.651 20.555 4.384 1.043 9.001 0.311 12.847-2.037l91.341-55.723c-25.244-28.994-56.666-51.959-91.955-67.209zM630.955 364.698c-24.139 14.729-55.646 7.102-70.374-17.037-7.038-11.535-9.233-25.387-6.101-38.532l25.6-107.657c-44.518-12.629-91.674-12.629-136.192 0h-0.034l25.6 107.657c6.541 27.509-10.458 55.115-37.969 61.655-13.139 3.123-26.978 0.93-38.507-6.103l-94.447-57.651c-25.502 38.569-40.004 83.358-41.95 129.553l110.217 8.909c28.181 2.31 49.154 27.031 46.844 55.213-1.103 13.438-7.46 25.899-17.694 34.677l-83.968 72.021c28.853 36.1 66.912 63.746 110.165 80.026l42.53-102.11c10.869-26.103 40.843-38.455 66.948-27.584 12.476 5.195 22.389 15.11 27.584 27.584l42.547 102.11c43.249-16.284 81.308-43.93 110.165-80.026l-83.866-72.021c-21.461-18.413-23.932-50.737-5.519-72.196 8.789-10.244 21.267-16.602 34.72-17.694l110.217-8.909c-1.946-46.195-16.448-90.985-41.95-129.553l-94.566 57.668zM512 516.267c-37.702 0-68.267-30.564-68.267-68.267s30.564-68.267 68.267-68.267c37.702 0 68.267 30.564 68.267 68.267s-30.564 68.267-68.267 68.267zM512 413.867c-18.852 0-34.133 15.281-34.133 34.133s15.281 34.133 34.133 34.133 34.133-15.281 34.133-34.133-15.281-34.133-34.133-34.133z" >
+<glyph unicode="&#xe946;" glyph-name="tyre" d="M992 448c0 265.097-214.903 480-480 480s-480-214.903-480-480v0c0-0.148 0-0.323 0-0.498 0-58.983 10.737-115.458 30.362-167.578l-1.082 3.276c-18.133-19.738-29.256-46.168-29.28-75.195v-128.005c0.073-61.827 50.174-111.927 111.993-112h736.007c61.827 0.073 111.927 50.174 112 111.993v128.007c-0.024 29.032-11.147 55.462-29.353 75.281l0.073-0.081c18.543 48.843 29.28 105.318 29.28 164.302 0 0.175 0 0.35 0 0.525v-0.027zM880 0h-736c-44.031 0.099-79.719 35.675-80 79.653v0.027l58.72-44.48c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 60.64-45.92c-13.005-27.381-40.399-45.993-72.149-46.080h-0.011zM960 80.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-68.32 51.84v71.84l58.72-44.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 68.48-52zM960 192.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-64.96 49.28c9.613 33.936 40.248 58.408 76.622 58.56h736.018c44.183 0 80-35.817 80-80v0zM387.2 483.36h0.96c0.018 0 0.039 0 0.060 0 6.606 0 12.265 4.057 14.622 9.815l0.038 0.105c0.796 1.836 1.259 3.975 1.259 6.221 0 4.696-2.023 8.92-5.246 11.847l-0.013 0.012-95.2 84.96c16.838 23.265 36.678 43.054 59.233 59.314l0.767 0.526 84.96-95.040c3.008-3.217 7.264-5.235 11.992-5.28h0.008c8.874 0.136 16.015 7.361 16.015 16.254 0 0.248-0.006 0.495-0.017 0.741l0.001-0.035-7.040 127.52c4 0.64 8.16 1.44 12.32 1.92 9.030 1.146 19.479 1.8 30.080 1.8s21.050-0.654 31.307-1.924l-1.227 0.124c4.16-0.48 8.32-1.28 12.32-1.92l-7.040-127.52c-0.010-0.211-0.015-0.458-0.015-0.706 0-8.893 7.142-16.119 16.003-16.254h0.013c4.736 0.045 8.991 2.063 11.991 5.271l0.009 0.009 84.96 95.040c23.322-16.786 43.162-36.576 59.479-59.086l0.521-0.754-95.2-84.96c-3.236-2.939-5.259-7.163-5.259-11.859 0-2.247 0.463-4.385 1.299-6.325l-0.040 0.104c2.395-5.864 8.053-9.92 14.66-9.92 0.021 0 0.042 0 0.064 0h0.957l127.36 7.040c2.382-12.714 3.776-27.373 3.84-42.345v-0.055c-0.021-14.996-1.359-29.664-3.904-43.914l0.224 1.514-127.52 7.040c-0.234 0.012-0.508 0.019-0.784 0.019-8.907 0-16.128-7.221-16.128-16.128 0-4.701 2.011-8.933 5.221-11.88l0.012-0.011 72.32-64.64h-108.8l-13.44 14.88c-2.939 3.242-7.167 5.269-11.868 5.269-8.837 0-16-7.163-16-16 0-0.334 0.010-0.666 0.030-0.995l-0.002 0.045 0.16-3.2h-71.040l0.16 3.2c0.018 0.284 0.028 0.615 0.028 0.949 0 8.837-7.163 16-16 16-4.701 0-8.929-2.028-11.856-5.256l-0.012-0.013-13.44-14.88h-108.8l72.32 64.64c3.236 2.939 5.259 7.163 5.259 11.859 0 2.247-0.463 4.385-1.299 6.325l0.040-0.104c-2.522 5.887-8.266 9.936-14.956 9.936-0.255 0-0.508-0.006-0.76-0.017l0.036 0.001-127.52-7.040c-2.321 12.736-3.659 27.404-3.68 42.381v0.019c0.064 15.028 1.458 29.686 4.071 43.918l-0.231-1.518zM267.2 522.080c4.008 13.183 8.246 24.162 13.163 34.761l-0.683-1.641c2.080 4.64 4.48 9.12 6.88 13.6l56.96-50.88zM391.2 673.44c13.259 7.261 28.733 13.833 44.884 18.867l1.836 0.493 4.16-76.32zM581.92 616.48l4.16 76.32c17.987-5.527 33.461-12.099 48.085-20.038l-1.365 0.678zM737.44 568.8c2.4-4.48 4.8-8.96 6.88-13.6 4.234-8.958 8.472-19.936 11.977-31.237l0.503-1.883-76.32-4.16zM756.96 373.92c-5.49-17.945-12.119-33.42-20.169-48.001l0.649 1.281-56.96 50.88zM286.56 327.2c-7.401 13.3-14.030 28.775-19.049 44.958l-0.471 1.762 76.48 4.16zM936.48 304.64c-16.181 9.604-35.659 15.303-56.464 15.36h-110.256c18.999 37.302 30.162 81.338 30.24 127.975v0.025c0 0.103 0 0.226 0 0.349 0 19.698-2.039 38.921-5.918 57.467l0.318-1.816c-4.763 24.387-12.015 46.029-21.673 66.304l0.713-1.664c-42.282 89.186-126.281 152.531-226.091 165.133l-1.429 0.147c-10.183 1.299-21.965 2.040-33.92 2.040s-23.736-0.741-35.301-2.18l1.381 0.14c-101.239-12.75-185.239-76.095-226.769-163.523l-0.751-1.757c-8.919-18.558-16.168-40.142-20.667-62.719l-0.293-1.761c-3.561-16.814-5.6-36.134-5.6-55.93 0-0.081 0-0.162 0-0.243v0.013c0.078-46.662 11.241-90.699 30.995-129.641l-0.755 1.641h-110.24c-20.821-0.057-40.3-5.756-57.002-15.646l0.522 0.286c-14.909 42.729-23.52 91.984-23.52 143.251 0 247.424 200.576 448 448 448 247.385 0 447.938-200.514 448-447.885v-0.005c0-0.173 0-0.377 0-0.582 0-51.103-8.612-100.196-24.464-145.904l0.943 3.126zM512 368c44.183 0 80 35.817 80 80s-35.817 80-80 80c-44.183 0-80-35.817-80-80v0c0.055-44.161 35.839-79.945 79.995-80h0.005zM512 496c26.51 0 48-21.49 48-48s-21.49-48-48-48c-26.51 0-48 21.49-48 48v0c0 26.51 21.49 48 48 48v0z" >
+<glyph unicode="&#xe947;" glyph-name="wheel-1" d="M170.592 210.88c3.2-4.8 6.4-9.6 9.92-13.968 14.006-18.371 29.905-34.26 47.681-47.812l0.607-0.444c4.592-3.584 9.36-6.816 14.208-10.112 25.838-17.511 56.231-30.575 88.942-37.275l1.618-0.277c5.488-0.992 10.976-1.984 16.288-2.608 10.246-1.502 22.086-2.368 34.126-2.384h0.018c11.953 0.006 23.7 0.861 35.192 2.507l-1.32-0.155c5.488 0.64 10.864 1.6 16.832 2.688h0.48c34.102 7.015 64.278 20.050 90.812 38.049l-0.876-0.561c4.8 3.2 9.6 6.4 13.968 9.92 18.377 14.018 34.267 29.939 47.81 47.741l0.446 0.611c3.584 4.608 6.848 9.376 10.064 14.144 17.553 25.925 30.636 56.423 37.325 89.246l0.275 1.618c0.992 5.376 1.952 10.768 2.56 16 1.502 10.225 2.36 22.028 2.36 34.032s-0.858 23.807-2.515 35.352l0.156-1.32c-0.656 5.536-1.6 10.928-2.704 16.976v0.336c-7.032 34.1-20.058 64.273-38.036 90.819l0.564-0.883c-3.2 4.8-6.48 9.6-9.92 13.968-14.002 18.371-29.895 34.259-47.666 47.812l-0.606 0.444c-4.592 3.584-9.36 6.816-14.208 10.112-25.838 17.511-56.231 30.575-88.942 37.275l-1.618 0.277c-5.488 0.992-10.976 1.984-16.288 2.608-10.227 1.493-22.034 2.346-34.040 2.346s-23.813-0.853-35.364-2.501l1.324 0.155c-5.488-0.64-10.864-1.6-16.832-2.688h-0.48c-34.102-7.015-64.278-20.050-90.812-38.049l0.876 0.561c-4.8-3.2-9.6-6.4-13.968-9.92-18.35-14.012-34.219-29.921-47.746-47.708l-0.446-0.612c-3.584-4.608-6.848-9.376-10.064-14.144-17.553-25.925-30.636-56.423-37.325-89.246l-0.275-1.618c-0.992-5.376-1.936-10.768-2.56-16-1.502-10.225-2.36-22.028-2.36-34.032s0.858-23.807 2.515-35.352l-0.156 1.32c0.672-5.536 1.6-10.928 2.704-16.976v-0.336c7.027-34.099 20.048-64.272 38.020-90.819l-0.564 0.883zM169.36 288h60.128l-42.48-42.4c-6.766 12.095-12.763 26.147-17.244 40.859l-0.404 1.541zM320 137.344c-16.258 4.88-30.309 10.861-43.524 18.17l1.124-0.57 42.4 42.528zM448 137.344v60.128l42.4-42.464c-12.092-6.761-26.142-12.763-40.851-17.257l-1.549-0.407zM580.992 245.6l-42.48 42.4h60.144c-4.897-16.256-10.899-30.307-18.233-43.516l0.569 1.116zM598.64 416h-60.128l42.48 42.4c6.766-12.095 12.763-26.147 17.244-40.859l0.404-1.541zM448 566.656c16.258-4.88 30.309-10.861 43.524-18.17l-1.124 0.57-42.4-42.528zM320 566.656v-60.128l-42.384 42.464c12.092 6.774 26.138 12.777 40.846 17.261l1.538 0.403zM248.384 530.096c0.56 0.416 1.136 0.768 1.68 1.184l74.608-74.736c2.897-2.904 6.903-4.701 11.328-4.701 8.835 0 15.998 7.162 16 15.996v0 105.712c0.768 0.112 1.424 0.256 2.208 0.352 8.942 1.322 19.272 2.084 29.779 2.096h0.013c2.208 0 4.448-0.16 6.672-0.24 8.535-0.236 16.651-0.915 24.63-2.019l-1.158 0.131c0.64-0.080 1.232-0.224 1.872-0.304v-105.728c0.002-8.835 7.165-15.997 16-15.997 4.425 0 8.431 1.797 11.328 4.7v0l74.576 74.656c0.624-0.464 1.248-0.832 1.856-1.312 16.112-12.283 30.047-26.227 41.93-41.819l0.39-0.533c0.432-0.544 0.784-1.136 1.2-1.68l-74.752-74.608c-2.857-2.889-4.621-6.862-4.621-11.248 0-8.807 7.116-15.953 15.913-16h105.732c0.112-0.752 0.256-1.408 0.352-2.192 1.339-9.004 2.104-19.397 2.104-29.968s-0.765-20.964-2.242-31.125l0.138 1.157c0-0.624-0.208-1.248-0.288-1.872h-105.792c-8.835-0.002-15.997-7.165-15.997-16 0-4.425 1.797-8.431 4.7-11.328v0l74.736-74.608c-0.464-0.608-0.848-1.232-1.328-1.856-12.277-16.107-26.217-30.036-41.803-41.914l-0.533-0.39c-0.56-0.416-1.136-0.768-1.6-1.184l-74.608 74.736c-2.905 2.952-6.943 4.782-11.408 4.782-8.837 0-16-7.163-16-16 0-0.027 0-0.055 0-0.082v0.004-105.712c-0.768-0.112-1.424-0.256-2.208-0.352-9.002-1.344-19.391-2.112-29.96-2.112s-20.958 0.768-31.116 2.251l1.156-0.138c-0.64 0-1.232 0.224-1.872 0.304v105.76c-0.002 8.835-7.165 15.997-16 15.997-4.425 0-8.431-1.797-11.328-4.7l-74.592-74.736c-0.624 0.464-1.248 0.832-1.856 1.312-16.112 12.283-30.047 26.227-41.93 41.819l-0.39 0.533c-0.432 0.544-0.784 1.136-1.2 1.6l74.752 74.608c2.952 2.905 4.782 6.943 4.782 11.408 0 8.837-7.163 16-16 16-0.027 0-0.055 0-0.082 0h-105.724c-0.112 0.752-0.256 1.408-0.352 2.192-1.339 9.004-2.104 19.397-2.104 29.968s0.765 20.964 2.242 31.125l-0.138-1.157c0 0.624 0.208 1.248 0.288 1.872h105.792c8.835 0.002 15.997 7.165 15.997 16 0 4.425-1.797 8.431-4.7 11.328v0l-74.656 74.608c0.464 0.608 0.848 1.232 1.328 1.856 12.256 16.105 26.169 30.034 41.728 41.917l0.528 0.387zM187.008 458.4l42.48-42.4h-60.144c4.897 16.256 10.899 30.307 18.233 43.516l-0.569-1.116zM384 304c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0-26.51 21.49-48 48-48v0zM384 368c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0 8.837 7.163 16 16 16v0zM368 448h32v-32h-32zM368 288h32v-32h-32zM448 368h32v-32h-32zM288 368h32v-32h-32zM384 0c4.8 0 9.424 0.176 13.968 0.416 0.567-0.168 1.255-0.314 1.959-0.408l0.073-0.008h256v32h-125.264c4.688 2.16 9.28 4.512 13.856 6.864 1.248 0.64 2.528 1.216 3.76 1.856 7.792 4.112 15.376 8.576 22.816 13.248 1.984 1.232 3.92 2.544 5.872 3.824q8.816 5.776 17.232 12.064c1.76 1.312 3.552 2.576 5.28 3.92 2.864 2.224 5.648 4.528 8.448 6.832v-0.608h352c0-26.51-21.49-48-48-48v0h-160v-32h160c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-0.421c10.187 13.14 16.353 29.844 16.416 47.985v160.015c-0.063 18.156-6.229 34.86-16.551 48.181l0.135-0.181h0.416c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-464.005c-44.161-0.055-79.945-35.839-80-79.995v-112.405c-187.057-9.192-335.241-163.091-335.241-351.601 0-194.137 157.163-351.567 351.199-351.999h0.042zM475.472 691.68c-6.144 1.6-12.288 3.2-18.528 4.576-4.592 0.976-9.248 1.712-13.904 2.496-6.128 1.040-12.272 1.984-18.496 2.704-4.8 0.544-9.6 0.928-14.4 1.296-3.376 0.24-6.688 0.736-10.064 0.896v16.352h559.92v-32l-471.472 0.112c-4.304 1.344-8.688 2.4-13.056 3.568zM729.68 418.080c-0.784 4.128-1.76 8.192-2.688 12.272-0.112 0.544-0.224 1.088-0.352 1.6h169.36v-32h-163.536c-0.816 6.112-1.664 12.176-2.784 18.16zM717.664 464c-1.952 5.856-4.096 11.616-6.4 17.344-1.6 4.016-3.2 8-4.8 11.952-0.4 0.88-0.72 1.808-1.12 2.704h190.656v-32zM692.208 182.016c0.8 1.456 1.68 2.848 2.464 4.32q5.632 10.608 10.576 21.664h254.752v-32h-271.216c1.152 2 2.32 4 3.424 6.016zM641.6 112c0.88 0.944 1.696 1.968 2.576 2.928 5.84 6.4 11.52 12.96 16.896 19.792 0.672 0.864 1.28 1.776 1.952 2.64 1.6 2.176 3.2 4.416 4.912 6.64h292.064v-32zM960 240h-242.272c0.368 1.072 0.672 2.16 1.024 3.2q4.128 12.8 7.28 25.856c0.48 2 0.864 4.048 1.296 6.064 0.96 4.272 1.968 8.512 2.768 12.8h181.904c0 0 0 0 0 0 26.482 0 47.954-21.445 48-47.916v-0.004zM734.544 320c0.080 0.912 0 1.888 0.128 2.8 0.816 9.6 1.328 19.296 1.328 29.2 0 5.376-0.448 10.672-0.688 16h160.688c0-26.51-21.49-48-48-48v0zM896 528h-207.040c-2.976 5.12-6.272 10.080-9.52 15.072-1.6 2.448-3.008 4.992-4.672 7.408-6 8.736-12.384 17.28-19.2 25.52h192.432c26.51 0 48-21.49 48-48v0zM912 608h-286.496c-4.336 4.096-8.928 7.776-13.424 11.616-3.024 2.592-5.936 5.328-9.024 7.808-6.848 5.456-13.936 10.512-21.12 15.424-1.824 1.248-3.552 2.672-5.392 3.888-5.056 3.312-10.352 6.224-15.568 9.264h399.024c0-26.51-21.49-48-48-48v0zM448 864h464c26.51 0 48-21.49 48-48v0h-207.744v-32h207.744v-32h-560v32h320v32h-320c0 26.51 21.49 48 48 48v0zM384 672q15.792 0 31.36-1.504c23.985-2.425 45.916-7.109 66.893-13.912l-2.253 0.632v-1.216h3.44c129.114-43.093 220.541-162.867 220.56-303.998v-0.002c0.001-0.21 0.001-0.458 0.001-0.706 0-15.894-1.222-31.502-3.577-46.737l0.216 1.699q-2.016-14.208-5.248-27.968c-33.265-137.386-152.044-238.975-295.645-245.813l-0.723-0.027c-4.96-0.304-9.92-0.448-15.024-0.448-176.731 0-320 143.269-320 320s143.269 320 320 320v0zM688 32h32v-32h-32z" >
+<glyph unicode="&#xe948;" glyph-name="tire" d="M771.712 46.532l-23.646 35.469-28.401-18.933 22.716-34.074c-64.271-35.277-136.934-55.601-213.316-58.266v33.538h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.115 63.622-56.068 136.055-58.79 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.54c76.38-2.665 149.045-22.989 213.316-58.266l-22.716-34.074 28.401-18.933 23.646 35.469c70.724-45.766 129.457-110.327 168.73-189.577l30.583 15.151c-87.102 175.763-262.985 284.956-459.027 284.956-282.317 0-512-229.683-512-512s229.683-512 512-512c196.043 0 371.925 109.193 459.025 284.958l-30.583 15.151c-39.273-79.251-98.003-143.812-168.73-189.577zM1006.933 567.467h-151.601c-42.724 73.958-121.024 119.467-206.801 119.467-89.267 0-170.443-49.291-211.842-128.642-2.758-5.291-2.558-11.633 0.542-16.742 3.091-5.101 8.625-8.218 14.592-8.218h172.576l85.333-85.333-85.333-85.333h-172.576c-5.967 0-11.501-3.117-14.592-8.218-3.1-5.109-3.3-11.45-0.542-16.742 41.402-79.347 122.577-128.638 211.844-128.638 85.775 0 164.075 45.508 206.801 119.467h151.599c9.425 0 17.067 7.642 17.067 17.067v204.8c0 9.425-7.642 17.067-17.067 17.067zM989.867 362.667h-144.625c-6.357 0-12.192-3.533-15.134-9.175-35.49-68.032-105.067-110.291-181.574-110.291-66.658 0-128.049 32.075-166.234 85.333h149.167c4.525 0 8.866 1.801 12.066 5.001l102.4 102.4c6.667 6.667 6.667 17.468 0 24.134l-102.4 102.4c-3.2 3.2-7.541 5.001-12.066 5.001h-149.167c38.182 53.259 99.575 85.333 166.234 85.333 76.508 0 146.084-42.259 181.574-110.291 2.942-5.643 8.774-9.175 15.134-9.175h144.625v-170.669zM512 499.2c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 430.933c-9.408 0-17.067 7.659-17.067 17.067s7.659 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.659-17.067-17.067-17.067zM512 123.733c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.809 16.525-17.85 4.599-34.876 11.799-50.618 21.408-6.709 4.1-15.375 3.068-20.958-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.574 5.574 6.609 14.234 2.5 20.958-9.609 15.742-16.809 32.766-21.408 50.618-1.941 7.541-8.742 12.809-16.525 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.525 12.809 4.599 17.858 11.799 34.891 21.408 50.609 4.109 6.733 3.074 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.292-3.292 7.659-5.001 12.075-5.001 3.059 0 6.133 0.817 8.892 2.5 15.716 9.609 32.751 16.809 50.609 21.408 7.541 1.941 12.809 8.742 12.809 16.525v124.346c11.223 1.18 22.603 1.835 34.133 1.835 70.816 0 138.091-22.417 194.549-64.826l20.499 27.3c-62.417 46.876-136.783 71.659-215.051 71.659-197.626 0-358.4-160.774-358.4-358.4s160.774-358.4 358.4-358.4c78.268 0 152.634 24.783 215.051 71.659l-20.499 27.3c-56.461-42.409-123.735-64.826-194.551-64.826zM443.733 764.894v-105.995c-12.192-3.942-24-8.926-35.309-14.916l-74.637 74.63c32.966 21.783 70.089 37.7 109.946 46.281zM241.387 626.212l74.63-74.637c-5.993-11.309-10.976-23.117-14.916-35.309h-105.995c8.58 39.857 24.497 76.979 46.281 109.946zM241.387 269.788c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.942-12.183 8.926-23.991 14.916-35.309l-74.63-74.637zM443.733 131.106c-39.857 8.58-76.979 24.497-109.946 46.281l74.637 74.63c11.317-5.993 23.125-10.976 35.309-14.916v-105.995z" >
+<glyph unicode="&#xe949;" glyph-name="tire-1" d="M683.992 535.968c-142.582 0-259.986-116.014-259.986-259.986 0-145.196 118.8-259.986 259.986-259.986 141.205 0 259.986 114.806 259.986 259.986 0 143.824-117.264 259.986-259.986 259.986zM742.957 265.031c0.67 3.6 1.032 7.264 1.032 10.951s-0.362 7.352-1.032 10.951l140.717 81.248c13.317-28.786 20.307-60.289 20.307-92.199 0-31.912-6.99-63.415-20.307-92.199zM484.308 183.783c-13.317 28.786-20.307 60.289-20.307 92.199 0 31.912 6.99 63.415 20.307 92.199l140.717-81.248c-0.67-3.6-1.032-7.264-1.032-10.951 0-3.69 0.362-7.354 1.030-10.953zM683.992 255.983c-10.989 0-19.999 8.996-19.999 19.999 0 10.891 8.888 19.999 19.999 19.999 11.041 0 19.999-9.042 19.999-19.999 0-10.891-8.89-19.999-19.999-19.999zM863.618 402.789l-140.683-81.23c-5.594 4.772-12.019 8.484-18.945 10.945v162.519c63.833-5.898 122.432-39.758 159.628-92.235zM663.993 495.025v-162.517c-6.932-2.462-13.361-6.174-18.953-10.943l-140.677 81.226c37.198 52.479 95.795 86.337 159.63 92.235zM504.363 149.175l140.685 81.23c5.592-4.77 12.019-8.484 18.945-10.945v-162.519c-63.835 5.898-122.434 39.758-159.63 92.235zM703.991 56.94v162.517c6.932 2.462 13.361 6.174 18.953 10.943l140.677-81.226c-37.198-52.479-95.797-86.337-159.63-92.235zM927.979 47.994c0-11.045-8.954-19.999-19.999-19.999s-19.999 8.954-19.999 19.999c0 11.045 8.954 19.999 19.999 19.999s19.999-8.954 19.999-19.999zM742.513 610.928c3.090 101.067-35.022 199.211-106.158 271.748-0.1 0.102-0.202 0.204-0.302 0.302-63.847 62.367-156.008 83.622-240.529 55.463-6.576-2.192-11.547-7.632-13.141-14.377-1.592-6.746 0.42-13.835 5.324-18.737l40.614-40.614c12.045-12.051 16.271-28.976 11.301-45.272-4.966-16.285-17.903-27.965-34.606-31.242-19.501-3.83-39.578 5.774-48.825 23.345l-17.981 34.186c-26.199 49.769-70.112 86.669-123.653 103.903-53.547 17.233-110.742 12.875-161.052-12.277-7.236-3.618-11.579-11.235-11.007-19.303 0.574-8.068 5.95-14.997 13.623-17.555 11.533-3.846 44.69-27.807 74.47-61.071 31.026-34.656 47.090-66.624 42.974-85.523-5.728-26.287-62.331-36.252-151.396-26.679-6.786 0.748-13.445-2.036-17.713-7.34-4.272-5.3-5.552-12.411-3.398-18.871 22.683-68.036 70.42-113.734 138.057-132.147 14.751-4.012 26.667-14.027 32.688-27.477 5.682-12.687 5.356-26.589-0.912-39.136-6.812-13.623-19.343-22.835-34.384-25.277-15.051-2.444-29.862 2.338-40.648 13.125l-19.279 19.259c-5.722 5.714-14.321 7.424-21.791 4.324-7.472-3.096-12.341-10.385-12.341-18.473 0-88.603 36.884-154.354 112.764-201.011 56.831-34.914 122.378-53.301 190.66-53.695 17.781-171.603 162.685-304.504 338.122-304.504 56.311 0 112.106 14.057 161.351 40.652 9.717 5.248 13.341 17.381 8.094 27.101-5.248 9.715-17.379 13.339-27.101 8.094-43.426-23.453-92.647-35.848-142.344-35.848-166.417 0-299.984 134.271-299.984 299.984 0 165.411 134.573 299.984 299.984 299.984 165.865 0 299.984-134.189 299.984-299.984 0-51.543-13.283-102.375-38.412-146.992-5.42-9.625-2.012-21.819 7.612-27.239 9.621-5.42 21.819-2.012 27.239 7.612 28.496 50.597 43.56 108.212 43.56 166.621 0 166.163-119.734 306.95-281.461 334.942zM344.068 280.548c-60.227 0.716-117.922 17.017-167.913 47.727-49.195 30.248-78.168 68.632-88.911 118.698 16.717-9.234 36.082-12.655 55.667-9.478 27.887 4.528 51.123 21.611 63.757 46.878 11.557 23.137 12.153 49.877 1.636 73.364-10.941 24.433-32.334 42.556-58.693 49.723-44.614 12.147-77.554 38.034-98.265 77.122 62.143-3.842 148.048-0.006 161.295 60.807 9.030 41.446-23.433 88.521-52.255 120.714-16.479 18.407-35.126 35.648-52.309 48.855 75.468 18.089 157.236-16.623 194.732-87.855l17.981-34.184c17.415-33.094 55.223-51.181 91.925-43.968 30.982 6.078 55.953 28.616 65.163 58.823 9.214 30.214 1.064 62.869-21.275 85.218l-15.447 15.447c60.351 9.142 121.946-10.207 166.789-53.925 62.615-63.929 96.501-150.106 94.665-239.071-6.204 0.336-12.423 0.522-18.621 0.522-185.936 0-337.464-150.048-339.92-335.416z" >
+<glyph unicode="&#xe94a;" glyph-name="flat-tire" d="M512 465.067c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 396.8c-9.417 0-17.067 7.659-17.067 17.067s7.65 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.65-17.067-17.067-17.067zM897.85 77.517c81.517 93.325 126.15 211.859 126.15 336.35 0 282.317-229.683 512-512 512s-512-229.683-512-512c0-121.483 42.517-237.35 120.367-329.617-20.651-9.408-35.034-30.251-35.034-54.383 0-32.934 26.801-59.733 59.733-59.733h716.8c32.934 0 59.733 26.801 59.733 59.733 0 19.441-9.333 36.734-23.75 47.65zM861.867 4.267h-573.978l16.444 24.668-28.401 18.933-29.065-43.601h-101.801c-14.116 0-25.6 11.484-25.6 25.6s11.484 25.6 25.6 25.6h59.733v34.133h-43.46c-18.793 20.301-35.699 41.937-50.515 64.751l35.174 23.45-18.933 28.401-33.743-22.496c-35.851 64.979-56.122 137.658-58.784 213.094h50.795v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c56.567-36.719 104.885-85.037 141.604-141.604l-35.012-23.341 18.933-28.401 33.709 22.473c35.115-63.622 56.070-136.055 58.793-213.071h-50.767v-34.133h50.801c-2.66-75.465-22.893-148.156-58.743-213.129l-33.792 22.528-18.933-28.401 35.125-23.418c-14.801-22.788-31.533-44.499-50.302-64.783h-111.889v-34.133h110.933c1.551 0 3.068-0.218 4.533-0.491 0.45-0.075 0.9-0.141 1.333-0.183 11.3-2.667 19.733-12.826 19.733-24.926 0-14.114-11.484-25.598-25.6-25.598zM512 772.267c-197.617 0-358.4-160.774-358.4-358.4s160.783-358.4 358.4-358.4 358.4 160.774 358.4 358.4-160.783 358.4-358.4 358.4zM782.613 592.079c21.781-32.966 37.7-70.089 46.281-109.946h-105.995c-3.934 12.201-8.934 24.009-14.916 35.317l74.63 74.628zM580.267 730.761c39.857-8.58 76.979-24.499 109.946-46.281l-74.628-74.628c-11.317 5.984-23.134 10.976-35.317 14.916v105.993zM443.733 730.761v-106.001c-12.183-3.934-24-8.926-35.317-14.908l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281zM241.387 592.079l74.628-74.628c-5.984-11.309-10.982-23.117-14.916-35.317h-105.993c8.58 39.857 24.499 76.979 46.281 109.946zM241.387 235.654c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.934-12.192 8.934-24 14.916-35.317l-74.63-74.628zM443.733 96.973c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.628c11.317-5.984 23.134-10.976 35.317-14.908v-106.001zM580.267 96.973v106.001c12.183 3.934 24 8.926 35.317 14.908l74.628-74.628c-32.966-21.781-70.089-37.7-109.946-46.281zM782.613 235.654l-74.628 74.628c5.984 11.317 10.982 23.125 14.916 35.317h105.995c-8.582-39.857-24.501-76.979-46.283-109.946zM710.084 379.733c-7.782 0-14.583-5.267-16.533-12.809-4.599-17.867-11.799-34.899-21.399-50.609-4.1-6.724-3.083-15.392 2.5-20.966l87.541-87.541c-13.269-16.081-28.051-30.865-44.134-44.134l-87.541 87.541c-5.583 5.591-14.234 6.618-20.966 2.5-15.733-9.609-32.751-16.809-50.601-21.408-7.55-1.941-12.817-8.742-12.817-16.525v-124.35c-11.223-1.18-22.603-1.835-34.133-1.835s-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.525-17.85 4.599-34.867 11.799-50.601 21.408-6.75 4.117-15.401 3.091-20.966-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.574 6.601 14.242 2.5 20.966-9.6 15.708-16.8 32.742-21.399 50.609-1.95 7.541-8.751 12.809-16.533 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.809 4.599 17.884 11.799 34.908 21.399 50.609 4.1 6.724 3.083 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.292 7.667-5.001 12.066-5.001 3.068 0 6.133 0.817 8.9 2.5 15.733 9.609 32.751 16.809 50.601 21.408 7.55 1.941 12.817 8.742 12.817 16.525v124.348c11.223 1.18 22.603 1.835 34.133 1.835s22.91-0.655 34.133-1.835v-124.341c0-7.782 5.267-14.583 12.8-16.525 17.867-4.608 34.899-11.817 50.618-21.417 2.767-1.683 5.833-2.5 8.9-2.5 4.401 0 8.783 1.709 12.066 5.001l87.541 87.541c16.081-13.269 30.865-28.051 44.134-44.134l-87.541-87.541c-5.583-5.574-6.601-14.242-2.5-20.966 9.6-15.699 16.8-32.725 21.399-50.609 1.95-7.541 8.751-12.809 16.533-12.809h124.35c1.18-11.223 1.835-22.603 1.835-34.133s-0.655-22.91-1.835-34.133h-124.352zM512 567.467c-84.7 0-153.6-68.909-153.6-153.6s68.9-153.6 153.6-153.6 153.6 68.909 153.6 153.6-68.9 153.6-153.6 153.6zM512 294.4c-65.867 0-119.467 53.591-119.467 119.467s53.6 119.467 119.467 119.467 119.467-53.591 119.467-119.467-53.6-119.467-119.467-119.467z" >
+<glyph unicode="&#xe94b;" glyph-name="pressure" d="M512 806.4c-197.617 0-358.4-160.783-358.4-358.4s160.783-358.4 358.4-358.4v34.133c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.533-17.818 4.582-34.85 11.782-50.618 21.399-6.701 4.1-15.383 3.1-20.949-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.566 6.601 14.234 2.5 20.966-9.6 15.699-16.8 32.734-21.399 50.601-1.95 7.55-8.751 12.817-16.533 12.817h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.817 4.599 17.867 11.799 34.899 21.399 50.601 4.1 6.733 3.083 15.401-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.3 7.667-5.001 12.066-5.001 3.068 0 6.15 0.817 8.9 2.5 15.699 9.6 32.734 16.8 50.601 21.399 7.55 1.95 12.817 8.751 12.817 16.533v124.346c11.223 1.18 22.603 1.835 34.133 1.835 51.317 0 100.416-11.65 145.916-34.601l15.366 30.466c-50.302 25.402-104.567 38.268-161.284 38.268zM408.416 252.017c11.334-5.984 23.134-10.982 35.317-14.916v-105.995c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.63zM301.101 379.733c3.951-12.201 8.934-24 14.916-35.317l-74.628-74.628c-21.783 32.966-37.702 70.089-46.283 109.946h105.995zM316.017 551.584c-5.984-11.317-10.967-23.117-14.916-35.317h-105.995c8.58 39.857 24.499 76.979 46.281 109.946l74.63-74.628zM443.733 658.899c-12.201-3.951-24-8.934-35.317-14.916l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281v-105.993zM1024 448c0 282.317-229.683 512-512 512s-512-229.683-512-512 229.683-512 512-512c55.735 0 110.556 9.244 163.217 26.976 32.928-17.135 70.234-26.976 109.85-26.976 131.75 0 238.933 107.183 238.933 238.933 0 39.616-9.841 76.922-26.976 109.85 17.732 52.661 26.976 107.482 26.976 163.217zM785.067-29.867c-112.934 0-204.8 91.868-204.8 204.8s91.868 204.8 204.8 204.8 204.8-91.868 204.8-204.8-91.866-204.8-204.8-204.8zM716.8 533.333h-34.133v34.133h34.133v-34.133zM750.933 411.14v309.926h68.267v-309.926c-11.179 1.611-22.515 2.726-34.133 2.726s-22.955-1.116-34.133-2.726zM972.834 322.204c-30.144 38.351-71.639 67.296-119.501 81.6v334.33c0 9.434-7.633 17.067-17.067 17.067h-102.4c-9.434 0-17.067-7.633-17.067-17.067v-136.533h-51.2c-9.434 0-17.067-7.633-17.067-17.067v-68.267c0-9.434 7.633-17.067 17.067-17.067h51.2v-95.396c-98.569-29.457-170.667-120.849-170.667-228.87 0-76.179 35.964-143.985 91.663-187.767-35.46-9.681-71.857-15.002-108.73-16.311v33.412h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.117 63.622-56.070 136.055-58.793 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c131.339-85.252 218.46-233.101 218.46-401.011 0-42.72-5.858-84.86-17.033-125.796zM817.926 166.206c0.747 2.803 1.274 5.692 1.274 8.727 0 18.816-15.317 34.133-34.133 34.133-3.034 0-5.924-0.527-8.727-1.274l-47.473 47.473-24.134-24.134 47.473-47.473c-0.747-2.803-1.274-5.692-1.274-8.727 0-18.816 15.317-34.133 34.133-34.133 3.034 0 5.924 0.527 8.727 1.274l13.323-13.323 24.134 24.134-13.323 13.323zM785.067 345.6c-94.099 0-170.667-76.567-170.667-170.667 0-48.484 20.734-94.85 56.883-127.2l22.767 25.434c-28.934 25.884-45.517 62.982-45.517 101.766 0 75.283 61.25 136.533 136.533 136.533s136.533-61.25 136.533-136.533c0-38.784-16.582-75.883-45.517-101.766l22.767-25.434c36.149 32.35 56.883 78.716 56.883 127.2 0 94.099-76.567 170.667-170.667 170.667zM512 516.267c-37.649 0-68.267-30.618-68.267-68.267s30.618-68.267 68.267-68.267 68.267 30.618 68.267 68.267-30.618 68.267-68.267 68.267zM512 413.867c-18.816 0-34.133 15.317-34.133 34.133s15.317 34.133 34.133 34.133 34.133-15.317 34.133-34.133-15.317-34.133-34.133-34.133z" >
+<glyph unicode="&#xe94c;" glyph-name="right-quote" d="M227.093 809.414c-125.218 0-227.077-101.859-227.077-227.078 0-120.797 94.797-219.874 213.906-226.718 2.062-22.266 0.515-82.875-57.563-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.766-23.766 38.454-38.734 48.734-49.203 13.454-13.688 19.595-19.938 28.579-28.094 3.046-2.765 6.89-4.155 10.75-4.155 3.749 0 7.483 1.312 10.499 3.922 101.203 88.062 213.626 270.016 197.36 492.984-9.531 130.906-105.016 225.922-227.048 225.922zM246.437 124.446c-4.358 4.296-9.328 9.358-16.656 16.813-8.906 9.077-21.125 21.515-39.656 40.109 70.485 108.61 57.171 185.968 51.344 197.062-2.766 5.266-8.438 8.813-14.376 8.813-107.562 0-195.077 87.515-195.077 195.093 0 107.563 87.515 195.078 195.077 195.078 104.782 0 186.845-82.531 195.141-196.234 18.281-250.782-130.765-413.61-175.797-456.734zM1022.407 583.492v0.016c-9.563 130.89-105.062 225.906-227.062 225.906-125.219 0-227.094-101.859-227.094-227.078 0-120.797 94.813-219.874 213.938-226.718 2.062-22.25 0.499-82.827-57.594-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.672-23.672 38.328-38.61 48.61-49.062 13.515-13.781 19.688-20.062 28.718-28.25 3.046-2.75 6.906-4.141 10.75-4.141 3.75 0 7.485 1.312 10.499 3.938 101.203 88.062 213.626 270.014 197.376 492.968zM814.687 124.446c-4.39 4.328-9.405 9.421-16.797 16.952-8.906 9.064-21.077 21.469-39.531 39.97 70.485 108.626 57.189 185.968 51.376 197.062-2.766 5.25-8.453 8.813-14.39 8.813-107.579 0-195.094 87.515-195.094 195.093 0 107.563 87.515 195.078 195.094 195.078 104.765 0 186.843-82.531 195.155-196.25v0.016c18.266-250.75-130.781-413.61-175.813-456.734z" >
+<glyph unicode="&#xe94d;" glyph-name="quote" d="M0 448v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571v146.287c-242.001 0-438.858-196.857-438.858-438.858zM1024 740.571v146.287c-242.001 0-438.858-196.857-438.858-438.858v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571z" >
+<glyph unicode="&#xe94e;" glyph-name="quotation-1" d="M0 394h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18h-468zM60 802h348v-486.18c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268zM556 862v-468h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18zM964 315.82c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268v348h348z" >
+<glyph unicode="&#xe94f;" glyph-name="quote-1" d="M435.203 858h-409.602c-14.141 0-25.602-11.461-25.602-25.602v-409.602c0-14.133 11.461-25.594 25.602-25.594h332.297c0.5-153.602-112.82-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.594 25.602zM998.398 858h-409.602c-14.133 0-25.594-11.461-25.594-25.602v-409.602c0-14.133 11.461-25.594 25.594-25.594h332.305c0.5-153.602-112.828-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.602 25.602z" >
+<glyph unicode="&#xe950;" glyph-name="open" d="M1021.876-15.616c1.372 2.284 2.050 4.942 2.082 7.598v556.202c0.36 5.148-1.604 10.414-5.764 13.593l-134.23 104.885v137.284c0 8.284-6.714 14.999-14.999 14.999h-179.892l-91.42 71.431c-48.646 38.012-116.749 38.208-165.611 0.484l-93.154-71.915h-183.892c-8.286 0-14.999-6.716-14.999-14.999v-138.544l-134.118-103.542c-3.66-2.796-5.884-7.3-5.876-11.905v-131.994c0-8.286 6.714-14.999 14.999-14.999s14.999 6.714 14.999 14.999v106.435l377.188-210.699-377.188-291.189v325.458c0 8.286-6.714 14.999-14.999 14.999s-14.999-6.714-14.999-14.999v-355.985c-0.132-8.052 6.942-15.139 14.999-14.999h993.957c5.216-0.016 10.32 2.87 12.917 7.402zM983.488 550.824l-99.524-56.070v133.836zM450.373 867.116c38.006 29.339 90.976 29.185 128.806-0.376l61.167-47.794h-252.371zM343.995 788.947h509.97v-311.095l-94.748-53.38c-7.216-4.066-9.772-13.211-5.706-20.431 4.088-7.286 13.345-9.732 20.431-5.706l220.017 123.953v-499.553l-147.452 115.215c-6.526 5.098-15.953 3.944-21.055-2.584-5.1-6.53-3.944-15.955 2.584-21.055l137.364-107.333h-906.425l391.399 302.159c38.010 29.343 90.976 29.185 128.806-0.376l7.224-5.644c0.010-0.008 0.018-0.014 0.028-0.022l188.024-146.916c6.53-5.1 15.953-3.946 21.055 2.584 5.1 6.53 3.944 15.955-2.584 21.055l-170.451 133.184 92.222 51.956c7.216 4.066 9.772 13.211 5.706 20.431-4.064 7.216-13.207 9.768-20.431 5.706l-103.12-58.096c-48.262 37.138-115.287 37.388-163.813 0.62l-263.047 146.936v308.391zM139.996 497.316l-97.842 54.656 97.842 75.535zM372.986 672.952h277.988c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-277.988c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM282.99 468.961h457.98c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-457.98c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM283.098 571.615h120.897c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-120.897c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM468.81 586.614c0-8.284 6.714-14.999 14.999-14.999h257.053c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-257.053c-8.286 0-14.999-6.716-14.999-14.999z" >
+<glyph unicode="&#xe951;" glyph-name="options" d="M1004 551.359h-70.133c-10.492 43.031-27.43 83.883-50.508 121.828l49.625 49.625c7.813 7.813 7.813 20.477 0 28.281l-117.883 117.891c-7.813 7.813-20.477 7.813-28.289 0l-49.625-49.625c-37.945 23.086-78.805 40.023-121.828 50.516v70.125c0 11.047-8.953 20-20 20h-166.719c-11.047 0-20-8.953-20-20v-70.125c-43.023-10.492-83.883-27.43-121.828-50.516l-49.625 49.625c-7.813 7.813-20.469 7.813-28.281 0l-117.891-117.891c-7.813-7.805-7.813-20.469 0-28.281l49.617-49.617c-23.078-37.93-40.008-78.789-50.508-121.836h-70.125c-11.047 0-20-8.953-20-20v-166.719c0-11.047 8.953-20 20-20h70.133c10.492-43.023 27.43-83.875 50.508-121.828l-49.625-49.617c-3.75-3.75-5.859-8.844-5.859-14.148s2.109-10.391 5.859-14.141l117.891-117.883c7.805-7.813 20.469-7.813 28.281 0l49.625 49.617c37.945-23.086 78.797-40.023 121.828-50.516v-70.125c0-11.047 8.953-20 20-20h166.719c11.039 0 20 8.953 20 20v70.125c43.023 10.492 83.883 27.43 121.828 50.516l49.625-49.625c7.805-7.805 20.469-7.805 28.281 0l117.891 117.891c7.805 7.813 7.805 20.477 0 28.281l-49.617 49.617c23.070 37.938 40.008 78.797 50.5 121.836h70.133c11.047 0 20 8.953 20 20v166.719c0 11.047-8.953 20-20 20zM984 384.641h-66.141c-9.5 0-17.695-6.688-19.594-16-10.063-49.25-29.258-95.555-57.047-137.633-5.242-7.93-4.18-18.445 2.539-25.164l46.797-46.797-89.602-89.602-46.805 46.797c-6.719 6.719-17.234 7.781-25.164 2.547-42.094-27.805-88.398-47-137.625-57.055-9.313-1.906-16-10.094-16-19.594v-66.141h-126.719v66.133c0 9.508-6.688 17.695-16 19.594-49.234 10.063-95.539 29.258-137.625 57.063-7.93 5.242-18.445 4.172-25.164-2.547l-46.805-46.797-89.602 89.602 46.797 46.805c6.719 6.719 7.789 17.234 2.555 25.164-27.805 42.094-47 88.391-57.055 137.625-1.898 9.313-10.094 16-19.594 16h-66.148v126.719h66.141c9.5 0 17.695 6.688 19.594 16 10.063 49.258 29.258 95.563 57.047 137.625 5.242 7.93 4.18 18.453-2.547 25.172l-46.797 46.797 89.609 89.602 46.805-46.797c6.719-6.727 17.234-7.789 25.164-2.547 42.094 27.805 88.398 47 137.625 57.055 9.313 1.906 16 10.094 16 19.594v66.141h126.719v-66.133c0-9.508 6.688-17.695 15.992-19.594 49.234-10.063 95.539-29.258 137.625-57.063 7.93-5.234 18.453-4.172 25.172 2.547l46.805 46.805 89.602-89.609-46.805-46.805c-6.719-6.719-7.789-17.234-2.547-25.164 27.797-42.086 46.992-88.391 57.047-137.625 1.906-9.313 10.094-16 19.602-16h66.148zM323.727 448c0 103.813 84.461 188.273 188.273 188.273 24.477 0 48.297-4.641 70.797-13.781 10.227-4.156 21.898 0.773 26.055 11 4.156 10.234-0.766 21.906-11 26.063-27.305 11.094-56.188 16.719-85.852 16.719-125.867 0-228.273-102.406-228.273-228.273 0-28.438 5.18-56.211 15.398-82.539 3.078-7.922 10.641-12.773 18.648-12.773 2.406 0 4.852 0.438 7.234 1.359 10.297 4 15.406 15.586 11.406 25.883-8.414 21.703-12.688 44.602-12.688 68.070zM694.82 549.797c-10.117-4.43-14.727-16.227-10.289-26.344 10.445-23.844 15.734-49.227 15.734-75.453 0-103.813-84.453-188.273-188.266-188.273-27.258 0-53.547 5.703-78.141 16.938-10.047 4.594-21.906 0.164-26.5-9.883s-0.164-21.906 9.875-26.5c29.852-13.641 61.734-20.555 94.758-20.555 125.875 0 228.273 102.406 228.273 228.273 0 31.781-6.43 62.57-19.102 91.5-4.43 10.125-16.227 14.727-26.344 10.297zM360.523 325.062c-11.016 0-20-8.984-20-20s8.984-20 20-20c11.016 0 20 8.984 20 20s-8.984 20-20 20zM657.281 577.234c11.016 0 20 8.984 20 20s-8.984 20-20 20-20-8.984-20-20c0-11.016 8.984-20 20-20z" >
+<glyph unicode="&#xe952;" glyph-name="location" d="M630.216 663.832c-0.009 65.282-52.933 118.2-118.216 118.2-65.289 0-118.216-52.927-118.216-118.216s52.927-118.216 118.216-118.216v0c65.262 0.082 118.143 52.969 118.216 118.225v0.007zM421.784 663.832c0.009 49.818 40.397 90.2 90.216 90.2 49.825 0 90.216-40.391 90.216-90.216s-40.391-90.216-90.216-90.216v0c-49.807 0.059-90.166 40.424-90.216 90.227v0.005zM986.624-8.552l-114.128 299.2c-2.070 5.311-7.143 9.006-13.080 9.008h-216c1.32 2.152 2.632 4.24 3.952 6.4 83.112 137.6 124.936 257.968 124.336 357.712 0 0.013 0 0.029 0 0.044 0 143.435-116.277 259.712-259.712 259.712-143.42 0-259.687-116.252-259.712-259.666v-0.002c-0.6-99.832 41.224-220.216 124.336-357.8 1.32-2.184 2.632-4.272 3.952-6.4h-216c-5.937-0.002-11.010-3.697-13.047-8.913l-0.033-0.095-114.112-299.2c-0.587-1.486-0.928-3.207-0.928-5.008 0-7.723 6.261-13.984 13.984-13.984 0.008 0 0.017 0 0.025 0h923.087c0.007 0 0.015 0 0.024 0 7.723 0 13.984 6.261 13.984 13.984 0 1.801-0.34 3.522-0.96 5.103l0.033-0.095zM280.288 663.832c0.023 127.954 103.755 231.672 231.712 231.672 127.971 0 231.712-103.741 231.712-231.712 0-0.014 0-0.028 0-0.042v0.002c1.2-198.864-184.72-444.136-231.712-502.952-46.992 58.792-232.92 304-231.712 503.032zM501.336 129.6c2.584-3.024 6.401-4.929 10.664-4.929s8.080 1.905 10.648 4.91l0.016 0.019c34.457 41.669 68.429 88.003 99.677 136.265l3.523 5.807h223.896l17.92-47-437.528-155.608-155.952 202.632h123.92c34.776-54.078 68.753-100.421 105.237-144.617l-2.021 2.521zM429.664 39.2h0.080l261.016 92.8 101.24-131.544h-471.2zM174.224 271.696h64.64l163.536-212.496-165.144-58.736h-166.48zM827.368 0.456l-108.872 141.456 159.2 56.616 75.544-198.072z" >
+<glyph unicode="&#xe953;" glyph-name="edit" d="M945.112 316.73c-14.086 0-25.503-11.417-25.503-25.503v-226.438c-0.050-42.239-34.27-76.469-76.509-76.509h-715.586c-42.239 0.040-76.459 34.27-76.509 76.509v664.58c0.050 42.229 34.27 76.459 76.509 76.509h226.438c14.086 0 25.503 11.417 25.503 25.503 0 14.076-11.417 25.503-25.503 25.503h-226.438c-70.392-0.080-127.435-57.123-127.515-127.515v-664.59c0.080-70.392 57.123-127.435 127.515-127.515h715.586c70.392 0.080 127.435 57.123 127.515 127.515v226.448c0 14.086-11.417 25.503-25.503 25.503zM960.513 922.503c-44.819 44.819-117.483 44.819-162.302 0l-454.988-454.988c-3.118-3.118-5.37-6.983-6.545-11.227l-59.832-216.008c-2.461-8.856 0.040-18.34 6.535-24.845 6.505-6.495 15.989-8.996 24.845-6.545l216.008 59.842c4.244 1.176 8.109 3.427 11.227 6.545l454.978 454.998c44.75 44.849 44.75 117.453 0 162.302zM398.792 450.939l372.372 372.382 120.093-120.093-372.382-372.382zM374.803 402.802l95.945-95.955-132.715-36.77zM954.376 766.338l-27.047-27.047-120.103 120.103 27.057 27.047c24.895 24.895 65.262 24.895 90.157 0l29.936-29.926c24.855-24.925 24.855-65.262 0-90.177z" >
+<glyph unicode="&#xe954;" glyph-name="award" d="M591.812 548.894c4.518-3.012 10.541-1.506 16.565 1.506 4.518 3.012 7.529 9.035 6.024 15.059l-15.059 88.847 64.753 61.741c4.518 4.518 6.024 10.541 4.518 15.059-1.506 6.024-6.024 9.035-12.047 10.541l-88.847 13.553-39.153 79.812c-4.518 10.541-22.588 10.541-27.106 0l-39.153-79.812-88.847-13.553c-6.024-1.506-10.541-4.518-12.047-10.541s0-12.047 4.518-15.059l64.753-61.741-15.059-88.847c-1.506-6.024 1.506-12.047 6.024-15.059s10.541-4.518 16.565-1.506l79.812 42.165zM445.741 589.553l12.047 66.259c1.506 4.518-1.506 10.541-4.518 13.553l-48.188 46.682 66.259 9.035c4.518 0 9.035 4.518 12.047 7.529l30.118 60.235 30.118-60.235c1.506-4.518 6.024-7.529 12.047-7.529l66.259-9.035-48.188-46.682c-3.012-3.012-4.518-9.035-4.518-13.553l12.047-66.259-58.729 31.624c-1.506 1.506-4.518 1.506-7.529 1.506s-4.518 0-7.529-1.506zM932.141-18.824h-180.706v138.541c0 9.035-6.024 15.059-15.059 15.059h-69.271v76.8c0 9.035-6.024 15.059-15.059 15.059h-84.329v170.165c0 1.506 3.012 4.518 4.518 4.518 72.282 21.082 137.035 79.812 179.2 164.141 96.376 51.2 155.106 150.588 155.106 260.518v19.576c0 9.035-6.024 15.059-15.059 15.059h-81.318c0 24.094-1.506 55.718-3.012 70.776-1.506 7.529-7.529 13.553-15.059 13.553h-561.694c-7.529 0-13.553-6.024-15.059-13.553-1.506-15.059-3.012-46.682-3.012-70.776h-82.824c-9.035 0-15.059-6.024-15.059-15.059v-21.082c0-111.435 58.729-210.824 155.106-260.518 43.671-84.329 106.918-141.553 179.2-164.141 3.012 0 4.518-3.012 4.518-4.518v-170.165h-84.329c-9.035 0-15.059-6.024-15.059-15.059v-76.8h-69.271c-9.035 0-15.059-6.024-15.059-15.059v-137.035h-177.694c-9.035 0-15.059-6.024-15.059-15.059s6.024-15.059 15.059-15.059h840.282c9.035 0 15.059 6.024 15.059 15.059s-7.529 15.059-15.059 15.059zM879.435 824.471c0-84.329-39.153-162.635-103.906-210.824 24.094 63.247 37.647 137.035 37.647 216.847h66.259zM144.565 824.471v6.024h66.259c0-78.306 13.553-152.094 37.647-215.341-64.753 48.188-103.906 124.988-103.906 209.318zM459.294 429.929c-66.259 19.576-124.988 73.788-164.141 152.094-34.635 69.271-54.212 155.106-54.212 248.471 0 21.082 1.506 61.741 3.012 84.329h536.094c1.506-24.094 3.012-64.753 3.012-84.329 0-93.365-18.071-179.2-52.706-248.471-39.153-78.306-97.882-132.518-164.141-152.094-16.565-4.518-27.106-18.071-27.106-33.129v-170.165h-52.706v170.165c-1.506 15.059-12.047 28.612-27.106 33.129zM385.506 195.012h251.482v-61.741h-251.482zM302.682-18.824v123.482h420.141v-123.482z" >
+<glyph unicode="&#xe955;" glyph-name="menu" d="M227.557 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778z" >
+<glyph unicode="&#xe956;" glyph-name="categories" d="M352 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM352 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0z" >
+<glyph unicode="&#xe957;" glyph-name="menu-1" d="M639.936 959.746h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946 703.874h-215.892v215.892h215.892v-215.892zM1004.010 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM984.020 703.874h-215.894v215.892h215.894v-215.892zM275.864 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM255.874 340.054h-215.894v215.892h215.892v-215.892zM639.936 595.926h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.040-8.95 19.99-19.992 19.99zM619.946 340.054h-215.892v215.892h215.892v-215.892zM1004.010 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM984.020 340.054h-215.894v215.892h215.894v-215.892zM275.864 232.108h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM255.874-23.766h-215.894v215.892h215.892v-215.892zM639.936 232.108h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946-23.766h-215.892v215.892h215.892v-215.892zM897.034 226.25c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.14-14.134-5.858-3.738-3.718-5.858-8.876-5.858-14.132 0-5.258 2.12-10.414 5.858-14.13 3.718-3.72 8.856-5.86 14.134-5.86 5.258 0 10.414 2.138 14.132 5.86 3.718 3.716 5.858 8.874 5.858 14.13s-2.138 10.412-5.858 14.132zM1004.010 232.108h-30.492c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h10.502v-215.892h-215.894v215.89h26.812c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-46.802c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.876c0 11.038-8.95 19.99-19.99 19.99zM155.242 698.016c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.138-14.132-5.858-3.718-3.718-5.858-8.876-5.858-14.132 0-5.258 2.138-10.414 5.858-14.132 3.718-3.72 8.876-5.86 14.132-5.86s10.414 2.138 14.132 5.86c3.718 3.716 5.858 8.874 5.858 14.132 0 5.256-2.138 10.414-5.858 14.132zM275.864 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h30.492c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-10.502v215.894h215.892v-215.892h-26.812c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h46.802c11.040 0 19.99 8.952 19.99 19.99v255.872c0.002 11.038-8.948 19.99-19.988 19.99z" >
+<glyph unicode="&#xe958;" glyph-name="menu-2" d="M146.286 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 667.429c80.658 0 146.286 65.627 146.286 146.286s-65.627 146.286-146.286 146.286-146.286-65.627-146.286-146.286 65.627-146.286 146.286-146.286zM877.714 923.429c60.507 0 109.714-49.207 109.714-109.714s-49.207-109.714-109.714-109.714-109.714 49.207-109.714 109.714 49.207 109.714 109.714 109.714z" >
+<glyph unicode="&#xe959;" glyph-name="bookmark" d="M833.334 960h-642.668c-16.568 0-30-13.432-30-30v-964c0-12.134 7.31-23.072 18.52-27.716 3.712-1.538 7.61-2.284 11.474-2.284 7.808 0 15.48 3.046 21.22 8.788l300.126 300.122 300.114-300.122c8.58-8.58 21.484-11.146 32.694-6.504 11.21 4.644 18.52 15.582 18.52 27.716v964c0 16.568-13.432 30-30 30zM512.004 317.336c-7.956 0-15.586-3.16-21.212-8.788l-270.126-270.122v861.574h582.666v-861.57l-270.114 270.118c-5.626 5.628-13.256 8.788-21.214 8.788z" >
+<glyph unicode="&#xe95a;" glyph-name="bookmark-1" d="M212 960v-1024l300 291.578 300-291.578v1024z" >
+<glyph unicode="&#xe95b;" glyph-name="reply" d="M398.221 647.112v227.555l-398.221-398.221 398.221-398.221v233.243c284.445 0 483.557-91.021 625.779-290.133-56.888 284.445-227.555 568.888-625.779 625.779z" >
+<glyph unicode="&#xe95c;" glyph-name="reply-1" d="M479.991 639.999h-96.002v160.003c0 13.248-8.128 25.088-20.416 29.888-12.288 4.736-26.304 1.408-35.265-8.384l-320.005-352.006c-11.072-12.16-11.072-30.784 0-43.009l320.005-352.006c6.208-6.784 14.848-10.496 23.68-10.496 3.904 0 7.808 0.704 11.584 2.112 12.288 4.8 20.416 16.64 20.416 29.888v160.003h89.025c182.659 0 359.558-65.409 498.184-184.323 9.408-8.128 22.912-9.984 34.177-4.736 11.392 5.184 18.624 16.576 18.624 29.056 0 299.973-244.036 544.009-544.009 544.009zM473.015 319.994h-121.026c-17.664 0-32.001-14.336-32.001-32.001v-109.25l-244.74 269.252 244.74 269.252v-109.25c0-17.664 14.336-32.001 32.001-32.001h128.002c128.194 0 248.772-49.921 339.397-140.546 74.049-74.049 120.962-168.067 135.618-269.828-140.162 99.97-308.677 154.37-481.992 154.37z" >
+<glyph unicode="&#xe95d;" glyph-name="globe" d="M511.407 959.953c-18.355 0-36.697-0.987-54.948-2.954-16.728-1.709-33.25-4.511-49.55-7.911-3.155-0.66-6.311-1.356-9.466-2.085-96.040-21.866-183.736-70.97-252.57-141.424-6.401-6.561-12.667-13.317-18.795-20.264-185.942-213.468-163.627-537.255 49.843-723.197 204.37-178.016 511.999-166.171 702.076 27.031 6.414 6.561 12.678 13.317 18.795 20.264 82.059 93.45 127.281 213.586 127.208 337.951 0 283.097-229.495 512.591-512.593 512.588zM167.649 779.95c2.7 2.802 5.502 5.485 8.253 8.201 3.178 3.127 6.339 6.271 9.585 9.295 2.853 2.665 5.792 5.228 8.714 7.826 3.298 2.922 6.578 5.844 9.961 8.663 2.973 2.512 6.031 4.921 9.073 7.347 3.417 2.734 6.835 5.468 10.354 8.099 3.11 2.341 6.271 4.613 9.449 6.835 3.537 2.529 7.091 5.126 10.696 7.484 3.229 2.187 6.493 4.306 9.773 6.407 3.656 2.341 7.33 4.647 11.038 6.835 3.338 1.993 6.698 3.953 10.081 5.878 3.782 2.153 7.58 4.255 11.397 6.305 3.417 1.822 6.835 3.605 10.252 5.348 3.896 1.965 7.826 3.862 11.772 5.724 3.417 1.623 6.971 3.246 10.491 4.784 4.015 1.709 8.082 3.417 12.148 5.126 3.537 1.452 7.057 2.871 10.628 4.237 4.135 1.572 8.321 3.041 12.507 4.511 3.571 1.247 7.142 2.495 10.764 3.674 4.255 1.367 8.543 2.631 12.849 3.879 3.605 1.042 7.176 2.119 10.799 3.093 1.384 0.359 2.768 0.649 4.152 1.008-50.576-49.108-88.108-110.055-109.199-177.322-40.554 10.696-79.815 25.805-117.076 45.057 0.564 0.598 1.042 1.196 1.538 1.709zM143.079 752.441c41.044-22.238 84.567-39.559 129.668-51.601-22.11-76.88-33.716-156.398-34.497-236.39h-204.865c3.723 105.485 42.297 206.76 109.694 287.99zM143.079 142.288c-67.393 81.233-105.967 182.508-109.694 287.99h204.865c0.782-79.992 12.385-159.51 34.497-236.39-45.099-12.046-88.623-29.365-129.668-51.601zM388.131-14.838c-3.451 0.871-7.022 1.999-10.576 3.041-4.323 1.264-8.663 2.529-12.934 3.913-3.605 1.162-7.159 2.409-10.713 3.656-4.203 1.452-8.406 2.939-12.558 4.528-3.554 1.35-7.057 2.768-10.576 4.203-4.084 1.709-8.167 3.417-12.217 5.126-3.486 1.538-6.954 3.12-10.406 4.75-3.981 1.879-7.945 3.793-11.96 5.775-3.417 1.709-6.835 3.417-10.252 5.28-3.862 2.067-7.689 4.186-11.516 6.373-3.417 1.897-6.664 3.844-9.961 5.826-3.759 2.255-7.45 4.579-11.14 6.954-3.246 2.067-6.493 4.169-9.688 6.322-3.639 2.46-7.245 5.023-10.816 7.586-3.127 2.238-6.254 4.477-9.329 6.835-3.537 2.665-7.005 5.416-10.457 8.184-3.024 2.409-6.031 4.801-8.987 7.279-3.417 2.836-6.715 5.792-10.030 8.731-2.905 2.58-5.826 5.126-8.663 7.757-3.263 3.041-6.424 6.202-9.603 9.329-2.751 2.717-5.553 5.399-8.253 8.184-0.496 0.53-0.974 1.076-1.469 1.589 37.259 19.261 76.519 34.376 117.076 45.074 21.095-67.265 58.625-128.21 109.199-177.322-1.384 0.359-2.785 0.649-4.169 1.025zM494.323-29.703c-73.112 10.389-137.203 86.696-177.527 199.381 58.299 13.054 117.791 20.057 177.527 20.897v-220.277zM494.323 224.747c-63.369-0.833-126.471-8.359-188.257-22.451-21.454 74.127-32.772 150.819-33.643 227.983h221.9v-205.532zM494.323 464.451h-221.9c0.869 77.164 12.187 153.856 33.643 227.983 61.786-14.090 124.891-21.616 188.257-22.451v-205.532zM494.323 704.155c-59.738 0.833-119.229 7.836-177.527 20.897 40.324 112.684 104.415 188.992 177.527 199.381v-220.277zM879.74 752.441c67.393-81.233 105.967-182.508 109.694-287.99h-204.865c-0.782 79.992-12.385 159.51-34.497 236.39 45.099 12.048 88.623 29.367 129.668 51.601zM634.551 909.585c3.588-0.888 7.159-2.016 10.713-3.058 4.323-1.264 8.663-2.529 12.934-3.913 3.605-1.162 7.159-2.409 10.713-3.656 4.203-1.452 8.406-2.939 12.558-4.528 3.554-1.35 7.057-2.768 10.576-4.203 4.084-1.709 8.167-3.417 12.217-5.126 3.486-1.538 6.954-3.12 10.406-4.75 3.981-1.879 7.945-3.793 11.96-5.775 3.417-1.709 6.835-3.417 10.252-5.28 3.862-2.067 7.689-4.186 11.516-6.373 3.417-1.897 6.664-3.844 9.961-5.826 3.759-2.255 7.45-4.579 11.14-6.954 3.246-2.067 6.493-4.169 9.688-6.322 3.639-2.46 7.228-5.006 10.799-7.569 3.144-2.238 6.271-4.494 9.363-6.835 3.52-2.648 6.971-5.399 10.44-8.167 3.007-2.392 6.031-4.784 8.987-7.279 3.417-2.836 6.715-5.792 10.030-8.731 2.905-2.58 5.826-5.126 8.663-7.757 3.263-3.041 6.424-6.202 9.603-9.329 2.751-2.717 5.553-5.399 8.253-8.184 0.496-0.53 0.974-1.076 1.469-1.589-37.259-19.261-76.519-34.376-117.076-45.074-21.136 67.273-58.715 128.214-109.336 177.305 1.384-0.359 2.785-0.649 4.169-1.025zM528.496 924.433c73.112-10.389 137.203-86.696 177.527-199.381-58.299-13.054-117.791-20.057-177.527-20.897v220.277zM528.496 669.983c63.369 0.833 126.471 8.359 188.257 22.451 21.454-74.127 32.772-150.819 33.643-227.983h-221.9v205.532zM528.496 430.278h221.9c-0.869-77.164-12.187-153.856-33.643-227.983v0c-61.786 14.090-124.888 21.616-188.257 22.451v205.532zM528.496-29.703v220.277c59.738-0.833 119.229-7.836 177.527-20.897-40.324-112.684-104.415-188.992-177.527-199.381zM855.17 114.779c-2.7-2.785-5.485-5.468-8.236-8.184-3.178-3.127-6.356-6.288-9.62-9.329-2.836-2.648-5.758-5.126-8.663-7.774-3.315-2.939-6.612-5.878-9.996-8.714-2.99-2.495-6.031-4.904-9.073-7.33-3.417-2.734-6.835-5.468-10.354-8.099-3.11-2.341-6.271-4.613-9.449-6.835-3.537-2.529-7.091-5.126-10.696-7.484-3.229-2.187-6.493-4.306-9.773-6.39-3.656-2.358-7.341-4.637-11.055-6.835-3.417-1.999-6.681-3.947-10.047-5.878-3.782-2.153-7.586-4.255-11.414-6.305-3.417-1.822-6.835-3.605-10.252-5.348-3.896-1.965-7.826-3.862-11.772-5.724-3.417-1.623-6.971-3.246-10.491-4.784-4.015-1.709-8.082-3.417-12.148-5.126-3.537-1.435-7.057-2.871-10.611-4.22-4.169-1.589-8.355-3.076-12.558-4.528-3.554-1.247-7.108-2.495-10.713-3.656-4.272-1.384-8.543-2.648-12.9-3.896-3.571-1.059-7.159-2.119-10.764-3.093-1.384-0.359-2.768-0.649-4.152-1.008 50.576 49.108 88.108 110.055 109.199 177.322 40.554-10.696 79.815-25.805 117.076-45.057-0.564-0.615-1.042-1.213-1.538-1.726zM879.74 142.288c-41.044 22.238-84.567 39.559-129.668 51.601 22.11 76.88 33.716 156.398 34.497 236.39h204.865c-3.721-105.483-42.297-206.76-109.694-287.99z" >
+<glyph unicode="&#xe95e;" glyph-name="clock" d="M512 960c-282.312 0-512-229.688-512-512s229.688-512 512-512 512 229.688 512 512-229.688 512-512 512zM512 0c-247.032 0-448 200.968-448 448s200.968 448 448 448 448-200.968 448-448-200.968-448-448-448zM544 767.999h-64v-333.249l201.375-201.375 45.25 45.25-182.625 182.625z" >
+<glyph unicode="&#xe95f;" glyph-name="alarm-clock" d="M979.055 915.029c-60.111 59.686-157.12 59.686-217.231 0-1.6-1.606-2.864-3.515-3.719-5.613-0.746-1.875-1.145-3.869-1.177-5.886-0.049-0.192-0.090-0.384-0.119-0.58 0.002-2.231 0.444-4.44 1.297-6.501 0.842-2.092 2.103-3.99 3.702-5.579l84.507-84.507-32.673-32.656c-81.858 75.665-189.226 117.701-300.697 117.726-0.29 0.085-0.512 0.239-0.802 0.239s-0.512-0.154-0.802-0.154c-111.486-0.047-218.858-42.121-300.697-117.829l-32.673 32.673 84.507 84.507c1.6 1.589 2.86 3.487 3.702 5.579 0.853 2.060 1.295 4.27 1.297 6.501 0 0.205-0.102 0.375-0.119 0.58 0.015 3.937-1.516 7.725-4.265 10.544-0.256 0.29-0.341 0.648-0.614 0.921-59.991 60-157.265 60.008-217.265 0.017-60.002-59.991-60.008-157.265-0.017-217.265 0.239-0.256 0.58-0.324 0.836-0.563 1.391-1.309 2.994-2.372 4.743-3.139 1.862-0.732 3.837-1.13 5.835-1.177 0.205 0 0.409-0.119 0.631-0.119 2.222 0.009 4.423 0.444 6.483 1.28 2.088 0.859 3.984 2.122 5.579 3.719l84.541 84.49 32.673-32.673c-166.37-179.848-155.444-460.511 24.403-626.88 15.375-14.221 31.735-27.337 48.963-39.246l-118.119-118.102c-6.778-6.545-6.965-17.348-0.418-24.125 6.545-6.778 17.348-6.965 24.125-0.418 0.143 0.136 0.282 0.277 0.418 0.418l123.476 123.476c137.65-80.306 307.867-80.306 445.518 0l123.476-123.476c6.778-6.547 17.578-6.36 24.125 0.418 6.388 6.611 6.388 17.096 0 23.707l-118.119 118.102c201.532 139.414 251.888 415.805 112.473 617.336-11.873 17.162-24.942 33.467-39.108 48.79l32.707 32.673 84.507-84.507c1.595-1.597 3.491-2.86 5.579-3.719 2.060-0.836 4.261-1.271 6.483-1.28 0.222 0 0.427 0.119 0.631 0.119 1.998 0.047 3.973 0.446 5.835 1.177 1.749 0.768 3.353 1.83 4.743 3.139 0.256 0.239 0.597 0.307 0.836 0.563 59.674 60.109 59.629 157.146 0 217.299zM58.162 734.806c-39.345 53-28.276 127.859 24.725 167.206 42.303 31.402 100.178 31.402 142.481 0l-167.206-167.206zM920.891 465.127h-84.575c-9.422 0-17.062-7.639-17.062-17.062s7.639-17.062 17.062-17.062h84.882c-9.122-212.601-179.394-382.873-391.995-391.995v84.882c0 9.422-7.639 17.062-17.062 17.062s-17.062-7.639-17.062-17.062v-84.882c-212.601 9.122-382.873 179.394-391.995 391.995h84.882c9.422 0 17.062 7.639 17.062 17.062s-7.639 17.062-17.062 17.062h-84.575c3.875 102.288 46.103 199.373 118.289 271.948 0.273 0.239 0.614 0.324 0.87 0.58s0.341 0.597 0.58 0.87c72.56 72.21 169.652 114.442 271.948 118.289v-84.575c0-9.422 7.639-17.062 17.062-17.062s17.062 7.639 17.062 17.062v84.575c102.296-3.845 199.391-46.078 271.948-118.289 0.239-0.273 0.324-0.614 0.58-0.87s0.597-0.341 0.87-0.58c72.184-72.577 114.412-169.66 118.289-271.948zM966.088 734.84l-167.206 167.206c52.768 39.577 127.629 28.881 167.206-23.887 31.848-42.467 31.848-100.854 0-143.319zM754.778 607.866h0.034l-194.061-112.028c-26.205 26.855-69.22 27.382-96.075 1.177-0.397-0.388-0.789-0.781-1.177-1.177l-105.391 60.842c-8.13 4.765-18.582 2.039-23.347-6.091s-2.039-18.582 6.091-23.347c0.064-0.038 0.13-0.075 0.196-0.113l105.561-60.945c-10.587-36.175 10.158-74.082 46.333-84.667 36.175-10.587 74.082 10.158 84.667 46.333 3.662 12.517 3.662 25.819 0 38.336l194.231 112.13c8.13 4.765 10.856 15.219 6.091 23.347-4.724 8.051-15.040 10.815-23.155 6.202zM512.142 413.941c-18.847 0-34.124 15.277-34.124 34.124s15.277 34.124 34.124 34.124 34.124-15.277 34.124-34.124-15.279-34.124-34.124-34.124z" >
+</font></defs></svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/fonts/icomoon.ttf b/quarter-rtl/assets/fonts/icomoon.ttf
new file mode 100644
index 0000000..26a85aa
Binary files /dev/null and b/quarter-rtl/assets/fonts/icomoon.ttf differ
diff --git a/quarter-rtl/assets/fonts/icomoon.woff b/quarter-rtl/assets/fonts/icomoon.woff
new file mode 100644
index 0000000..714a818
Binary files /dev/null and b/quarter-rtl/assets/fonts/icomoon.woff differ
diff --git a/quarter-rtl/assets/fonts/lightcase.eot b/quarter-rtl/assets/fonts/lightcase.eot
new file mode 100644
index 0000000..0fec750
Binary files /dev/null and b/quarter-rtl/assets/fonts/lightcase.eot differ
diff --git a/quarter-rtl/assets/fonts/lightcase.svg b/quarter-rtl/assets/fonts/lightcase.svg
new file mode 100644
index 0000000..58b3c46
--- /dev/null
+++ b/quarter-rtl/assets/fonts/lightcase.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2015 by original authors @ fontello.com</metadata>
+<defs>
+<font id="lightcase" horiz-adv-x="1000" >
+<font-face font-family="lightcase" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" >
+<missing-glyph horiz-adv-x="1000" >
+<glyph glyph-name="play" unicode="&#xe800;" d="m500 850c-275 0-499-224-499-500 0-275 224-500 499-500s500 225 500 500c0 276-224 500-500 500z m0-966c-256 0-466 210-466 466 0 257 210 466 466 466 257 0 466-209 466-466 0-257-209-466-466-466z m-38 644c-3 3-8 5-12 5 0 0 0 0 0 0-1 0-2 0-3-1-1 0-2 0-4 0-6-3-10-9-10-16v-331 0c0-3 0-5 1-7 2-4 5-7 10-9 1 0 2 0 3-1 1 0 2 0 3 0 0 0 0 0 0 0 0 0 0 0 0 0 4 0 9 1 12 5l165 165c7 7 7 18 0 24l-165 166z m5-302v249l125-125-125-124z" horiz-adv-x="1000" >
+<glyph glyph-name="pause" unicode="&#xe801;" d="m500 850c-275 0-500-225-500-500 0-276 225-500 500-500s500 224 500 500c0 275-224 500-500 500z m0-966c-257 0-466 209-466 466 0 257 209 466 466 466 257 0 466-209 466-466 0-257-209-466-466-466z m129 620v-308c0-10-7-17-17-17s-17 7-17 17v308c0 9 8 17 17 17s17-8 17-17z m-223 0v-308c0-10-8-17-17-17-10 0-17 7-17 17v308c0 9 7 17 17 17 9 0 17-8 17-17z" horiz-adv-x="1000" >
+<glyph glyph-name="close" unicode="&#xe802;" d="m660 487l-136-137 136-137c7-6 7-17 0-24-3-3-7-5-12-5-4 0-8 2-12 5l-136 137-137-137c-3-3-8-5-12-5-4 0-9 2-12 5-7 7-7 18 0 24l137 137-137 137c-7 6-7 17 0 24 6 6 17 6 24 0l137-137 136 137c7 6 18 6 24 0 7-7 7-18 0-24z m339-137c0-275-224-499-499-499-276 0-500 224-500 499 0 275 224 499 500 499 275 0 499-224 499-499z m-34 0c0 257-209 466-465 466-257 0-466-209-466-466 0-257 209-466 466-466 256 0 465 209 465 466z" horiz-adv-x="1000" >
+<glyph glyph-name="prev" unicode="&#xe803;" d="m500 849c-275 0-499-223-499-499 0-275 224-499 499-499 275 0 499 224 499 499 0 276-224 499-499 499z m0-964c-257 0-466 209-466 465 0 257 209 466 466 466 256 0 465-209 465-466 0-256-209-465-465-465z m74 612l-153-154 153-153c7-7 7-18 0-24-6-7-17-7-24 0l-165 165c-6 7-6 17 0 24l165 166c4 3 8 5 12 5 5 0 9-2 12-5 7-7 7-18 0-24z" horiz-adv-x="1000" >
+<glyph glyph-name="next" unicode="&#xe804;" d="m500-149c275 0 499 224 499 499 0 276-224 499-499 499-275 0-499-223-499-499 0-275 224-499 499-499z m0 965c256 0 465-209 465-466 0-256-209-465-465-465-257 0-466 209-466 465 0 257 209 466 466 466z m-75-612l153 154-153 153c-6 7-6 17 0 24 7 7 17 7 24 0l165-165c7-7 7-18 0-24l-165-166c-3-3-8-5-12-5-4 0-9 2-12 5-7 7-7 17 0 24z" horiz-adv-x="1000" >
+<glyph glyph-name="spin" unicode="&#xe805;" d="m1000 315h-36c0 275-224 499-499 499v36c295 0 535-240 535-535z" horiz-adv-x="1000" >
+</font>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/fonts/lightcase.ttf b/quarter-rtl/assets/fonts/lightcase.ttf
new file mode 100644
index 0000000..cc479b4
Binary files /dev/null and b/quarter-rtl/assets/fonts/lightcase.ttf differ
diff --git a/quarter-rtl/assets/fonts/lightcase.woff b/quarter-rtl/assets/fonts/lightcase.woff
new file mode 100644
index 0000000..375017c
Binary files /dev/null and b/quarter-rtl/assets/fonts/lightcase.woff differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css
new file mode 100644
index 0000000..37e6583
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css
@@ -0,0 +1,390 @@
+@font-face {
+  font-family: "flaticon";
+  src: url("./flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"), url("./flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"), url("./flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"), url("./flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"), url("./flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
+  font-family: flaticon !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-add-to-cart:before {
+  content: "\f101";
+}
+
+.flaticon-add-user-1:before {
+  content: "\f102";
+}
+
+.flaticon-add-user:before {
+  content: "\f103";
+}
+
+.flaticon-add:before {
+  content: "\f104";
+}
+
+.flaticon-airplane:before {
+  content: "\f105";
+}
+
+.flaticon-apartment-1:before {
+  content: "\f106";
+}
+
+.flaticon-apartment:before {
+  content: "\f107";
+}
+
+.flaticon-armchair:before {
+  content: "\f108";
+}
+
+.flaticon-bathtub:before {
+  content: "\f109";
+}
+
+.flaticon-bed-1:before {
+  content: "\f10a";
+}
+
+.flaticon-bed:before {
+  content: "\f10b";
+}
+
+.flaticon-beds:before {
+  content: "\f10c";
+}
+
+.flaticon-book:before {
+  content: "\f10d";
+}
+
+.flaticon-branch:before {
+  content: "\f10e";
+}
+
+.flaticon-building:before {
+  content: "\f10f";
+}
+
+.flaticon-buy-home:before {
+  content: "\f110";
+}
+
+.flaticon-buy-online:before {
+  content: "\f111";
+}
+
+.flaticon-call-center-agent:before {
+  content: "\f112";
+}
+
+.flaticon-car:before {
+  content: "\f113";
+}
+
+.flaticon-chat:before {
+  content: "\f114";
+}
+
+.flaticon-clean:before {
+  content: "\f115";
+}
+
+.flaticon-deal-1:before {
+  content: "\f116";
+}
+
+.flaticon-deal:before {
+  content: "\f117";
+}
+
+.flaticon-dining-table-with-chairs:before {
+  content: "\f118";
+}
+
+.flaticon-double-bed:before {
+  content: "\f119";
+}
+
+.flaticon-dryer:before {
+  content: "\f11a";
+}
+
+.flaticon-dumbbell:before {
+  content: "\f11b";
+}
+
+.flaticon-dumbell:before {
+  content: "\f11c";
+}
+
+.flaticon-excavator:before {
+  content: "\f11d";
+}
+
+.flaticon-expand:before {
+  content: "\f11e";
+}
+
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+  content: "\f11f";
+}
+
+.flaticon-financial:before {
+  content: "\f120";
+}
+
+.flaticon-garage-1:before {
+  content: "\f121";
+}
+
+.flaticon-garage:before {
+  content: "\f122";
+}
+
+.flaticon-google-docs:before {
+  content: "\f123";
+}
+
+.flaticon-heart-1:before {
+  content: "\f124";
+}
+
+.flaticon-heart:before {
+  content: "\f125";
+}
+
+.flaticon-home-1:before {
+  content: "\f126";
+}
+
+.flaticon-home-2:before {
+  content: "\f127";
+}
+
+.flaticon-home-3:before {
+  content: "\f128";
+}
+
+.flaticon-home:before {
+  content: "\f129";
+}
+
+.flaticon-hospital:before {
+  content: "\f12a";
+}
+
+.flaticon-house-1:before {
+  content: "\f12b";
+}
+
+.flaticon-house-2:before {
+  content: "\f12c";
+}
+
+.flaticon-house-3:before {
+  content: "\f12d";
+}
+
+.flaticon-house-4:before {
+  content: "\f12e";
+}
+
+.flaticon-house-key:before {
+  content: "\f12f";
+}
+
+.flaticon-house:before {
+  content: "\f130";
+}
+
+.flaticon-key-1:before {
+  content: "\f131";
+}
+
+.flaticon-key:before {
+  content: "\f132";
+}
+
+.flaticon-left-quote-1:before {
+  content: "\f133";
+}
+
+.flaticon-left-quote:before {
+  content: "\f134";
+}
+
+.flaticon-left-quotes-sign:before {
+  content: "\f135";
+}
+
+.flaticon-location:before {
+  content: "\f136";
+}
+
+.flaticon-loupe:before {
+  content: "\f137";
+}
+
+.flaticon-mall:before {
+  content: "\f138";
+}
+
+.flaticon-maps-and-location:before {
+  content: "\f139";
+}
+
+.flaticon-measure:before {
+  content: "\f13a";
+}
+
+.flaticon-metro:before {
+  content: "\f13b";
+}
+
+.flaticon-mortarboard:before {
+  content: "\f13c";
+}
+
+.flaticon-mortgage:before {
+  content: "\f13d";
+}
+
+.flaticon-mountain:before {
+  content: "\f13e";
+}
+
+.flaticon-office:before {
+  content: "\f13f";
+}
+
+.flaticon-official-documents:before {
+  content: "\f140";
+}
+
+.flaticon-online-shop:before {
+  content: "\f141";
+}
+
+.flaticon-operator:before {
+  content: "\f142";
+}
+
+.flaticon-package:before {
+  content: "\f143";
+}
+
+.flaticon-park:before {
+  content: "\f144";
+}
+
+.flaticon-parking:before {
+  content: "\f145";
+}
+
+.flaticon-pencil:before {
+  content: "\f146";
+}
+
+.flaticon-phone-call:before {
+  content: "\f147";
+}
+
+.flaticon-pin:before {
+  content: "\f148";
+}
+
+.flaticon-plane:before {
+  content: "\f149";
+}
+
+.flaticon-plus:before {
+  content: "\f14a";
+}
+
+.flaticon-quotation:before {
+  content: "\f14b";
+}
+
+.flaticon-right-arrow:before {
+  content: "\f14c";
+}
+
+.flaticon-right-quote:before {
+  content: "\f14d";
+}
+
+.flaticon-salad:before {
+  content: "\f14e";
+}
+
+.flaticon-secure-shield:before {
+  content: "\f14f";
+}
+
+.flaticon-secure:before {
+  content: "\f150";
+}
+
+.flaticon-select:before {
+  content: "\f151";
+}
+
+.flaticon-sewing:before {
+  content: "\f152";
+}
+
+.flaticon-slider:before {
+  content: "\f153";
+}
+
+.flaticon-slumber:before {
+  content: "\f154";
+}
+
+.flaticon-square-shape-design-interface-tool-symbol:before {
+  content: "\f155";
+}
+
+.flaticon-stethoscope:before {
+  content: "\f156";
+}
+
+.flaticon-support:before {
+  content: "\f157";
+}
+
+.flaticon-swimming:before {
+  content: "\f158";
+}
+
+.flaticon-toilet:before {
+  content: "\f159";
+}
+
+.flaticon-train:before {
+  content: "\f15a";
+}
+
+.flaticon-user-1:before {
+  content: "\f15b";
+}
+
+.flaticon-user:before {
+  content: "\f15c";
+}
+
+.flaticon-vegetable:before {
+  content: "\f15d";
+}
+
+.flaticon-washer:before {
+  content: "\f15e";
+}/*# sourceMappingURL=flaticon.css.map */
\ No newline at end of file
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map
new file mode 100644
index 0000000..1b6639f
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["flaticon.scss","flaticon.css"],"names":[],"mappings":"AAEA;EACI,uBAHY;EAIZ,yYAAA;ACDJ;ADQA;EACI,gCAAA;EACA,kBAAA;EACA,8BAAA;EACA,oBAAA;EACA,oBAAA;EACA,cAAA;EACA,mCAAA;EACA,kCAAA;ACNJ;;AD0GA;EACI,gBAAA;ACvGJ;;ADyGA;EACI,gBAAA;ACtGJ;;ADwGA;EACI,gBAAA;ACrGJ;;ADuGA;EACI,gBAAA;ACpGJ;;ADsGA;EACI,gBAAA;ACnGJ;;ADqGA;EACI,gBAAA;AClGJ;;ADoGA;EACI,gBAAA;ACjGJ;;ADmGA;EACI,gBAAA;AChGJ;;ADkGA;EACI,gBAAA;AC/FJ;;ADiGA;EACI,gBAAA;AC9FJ;;ADgGA;EACI,gBAAA;AC7FJ;;AD+FA;EACI,gBAAA;AC5FJ;;AD8FA;EACI,gBAAA;AC3FJ;;AD6FA;EACI,gBAAA;AC1FJ;;AD4FA;EACI,gBAAA;ACzFJ;;AD2FA;EACI,gBAAA;ACxFJ;;AD0FA;EACI,gBAAA;ACvFJ;;ADyFA;EACI,gBAAA;ACtFJ;;ADwFA;EACI,gBAAA;ACrFJ;;ADuFA;EACI,gBAAA;ACpFJ;;ADsFA;EACI,gBAAA;ACnFJ;;ADqFA;EACI,gBAAA;AClFJ;;ADoFA;EACI,gBAAA;ACjFJ;;ADmFA;EACI,gBAAA;AChFJ;;ADkFA;EACI,gBAAA;AC/EJ;;ADiFA;EACI,gBAAA;AC9EJ;;ADgFA;EACI,gBAAA;AC7EJ;;AD+EA;EACI,gBAAA;AC5EJ;;AD8EA;EACI,gBAAA;AC3EJ;;AD6EA;EACI,gBAAA;AC1EJ;;AD4EA;EACI,gBAAA;ACzEJ;;AD2EA;EACI,gBAAA;ACxEJ;;AD0EA;EACI,gBAAA;ACvEJ;;ADyEA;EACI,gBAAA;ACtEJ;;ADwEA;EACI,gBAAA;ACrEJ;;ADuEA;EACI,gBAAA;ACpEJ;;ADsEA;EACI,gBAAA;ACnEJ;;ADqEA;EACI,gBAAA;AClEJ;;ADoEA;EACI,gBAAA;ACjEJ;;ADmEA;EACI,gBAAA;AChEJ;;ADkEA;EACI,gBAAA;AC/DJ;;ADiEA;EACI,gBAAA;AC9DJ;;ADgEA;EACI,gBAAA;AC7DJ;;AD+DA;EACI,gBAAA;AC5DJ;;AD8DA;EACI,gBAAA;AC3DJ;;AD6DA;EACI,gBAAA;AC1DJ;;AD4DA;EACI,gBAAA;ACzDJ;;AD2DA;EACI,gBAAA;ACxDJ;;AD0DA;EACI,gBAAA;ACvDJ;;ADyDA;EACI,gBAAA;ACtDJ;;ADwDA;EACI,gBAAA;ACrDJ;;ADuDA;EACI,gBAAA;ACpDJ;;ADsDA;EACI,gBAAA;ACnDJ;;ADqDA;EACI,gBAAA;AClDJ;;ADoDA;EACI,gBAAA;ACjDJ;;ADmDA;EACI,gBAAA;AChDJ;;ADkDA;EACI,gBAAA;AC/CJ;;ADiDA;EACI,gBAAA;AC9CJ;;ADgDA;EACI,gBAAA;AC7CJ;;AD+CA;EACI,gBAAA;AC5CJ;;AD8CA;EACI,gBAAA;AC3CJ;;AD6CA;EACI,gBAAA;AC1CJ;;AD4CA;EACI,gBAAA;ACzCJ;;AD2CA;EACI,gBAAA;ACxCJ;;AD0CA;EACI,gBAAA;ACvCJ;;ADyCA;EACI,gBAAA;ACtCJ;;ADwCA;EACI,gBAAA;ACrCJ;;ADuCA;EACI,gBAAA;ACpCJ;;ADsCA;EACI,gBAAA;ACnCJ;;ADqCA;EACI,gBAAA;AClCJ;;ADoCA;EACI,gBAAA;ACjCJ;;ADmCA;EACI,gBAAA;AChCJ;;ADkCA;EACI,gBAAA;AC/BJ;;ADiCA;EACI,gBAAA;AC9BJ;;ADgCA;EACI,gBAAA;AC7BJ;;AD+BA;EACI,gBAAA;AC5BJ;;AD8BA;EACI,gBAAA;AC3BJ;;AD6BA;EACI,gBAAA;AC1BJ;;AD4BA;EACI,gBAAA;ACzBJ;;AD2BA;EACI,gBAAA;ACxBJ;;AD0BA;EACI,gBAAA;ACvBJ;;ADyBA;EACI,gBAAA;ACtBJ;;ADwBA;EACI,gBAAA;ACrBJ;;ADuBA;EACI,gBAAA;ACpBJ;;ADsBA;EACI,gBAAA;ACnBJ;;ADqBA;EACI,gBAAA;AClBJ;;ADoBA;EACI,gBAAA;ACjBJ;;ADmBA;EACI,gBAAA;AChBJ;;ADkBA;EACI,gBAAA;ACfJ;;ADiBA;EACI,gBAAA;ACdJ;;ADgBA;EACI,gBAAA;ACbJ;;ADeA;EACI,gBAAA;ACZJ;;ADcA;EACI,gBAAA;ACXJ;;ADaA;EACI,gBAAA;ACVJ","file":"flaticon.css"}
\ No newline at end of file
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot
new file mode 100644
index 0000000..419abc8
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html
new file mode 100644
index 0000000..ed811dd
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html
@@ -0,0 +1,1579 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Flaticon Webfont</title>
+    <link rel="stylesheet" type="text/css" href="flaticon.css">
+    <meta charset="UTF-8">
+    <style>
+        html, body, div, span, applet, object, iframe,
+        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+        a, abbr, acronym, address, big, cite, code,
+        del, dfn, em, img, ins, kbd, q, s, samp,
+        small, strike, strong, sub, sup, tt, var,
+        b, u, i, center,
+        dl, dt, dd, ol, ul, li,
+        fieldset, form, label, legend,
+        table, caption, tbody, tfoot, thead, tr, th, td,
+        article, aside, canvas, details, embed,
+        figure, figcaption, footer, header, hgroup,
+        menu, nav, output, ruby, section, summary,
+        time, mark, audio, video {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            font-size: 100%;
+            font: inherit;
+            vertical-align: baseline;
+        }
+
+        /* HTML5 display-role reset for older browsers */
+        article, aside, details, figcaption, figure,
+        footer, header, hgroup, menu, nav, section {
+            display: block;
+        }
+
+        body {
+            line-height: 1;
+        }
+
+        ol, ul {
+            list-style: none;
+        }
+
+        blockquote, q {
+            quotes: none;
+        }
+
+        blockquote:before, blockquote:after,
+        q:before, q:after {
+            content: '';
+            content: none;
+        }
+
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+        }
+
+        body {
+            font-family: Helvetica, Arial, sans-serif;
+            font-size: 16px;
+            color: #5f7d95;
+        }
+
+        a {
+            color: #4AD295;
+            font-weight: bold;
+            text-decoration: none;
+        }
+
+        * {
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
+            font-family: Flaticon;
+            font-size: 30px;
+            font-style: normal;
+            margin-left: 20px;
+            color: #333;
+        }
+
+        .wrapper {
+            max-width: 600px;
+            margin: auto;
+            padding: 0 1em;
+        }
+
+        .title {
+            margin-bottom: 24px;
+            text-transform: uppercase;
+            font-weight: bold;
+        }
+
+        header {
+            text-align: center;
+            padding: 24px;
+        }
+
+        header .logo {
+            width: 210px;
+            height: auto;
+            border: none;
+            display: inline-block;
+        }
+
+        header strong {
+            font-size: 28px;
+            font-weight: 500;
+            vertical-align: middle;
+        }
+
+        .demo {
+            margin: 2em auto;
+            line-height: 1.25em;
+        }
+
+        .demo ul li {
+            margin-bottom: 12px;
+        }
+
+        .demo ul li code {
+            background-color: #1D262D;
+            border-radius: 3px;
+            padding: 12px;
+            display: inline-block;
+            color: #fff;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            font-weight: lighter;
+            margin-top: 12px;
+            font-size: 13px;
+            word-break: break-all;
+        }
+
+        .demo ul li code .red {
+            color: #EC3A3B;
+        }
+
+        .demo ul li code .green {
+            color: #4AD295;
+        }
+
+        .demo ul li code .yellow {
+            color: #FFEEB6;
+        }
+
+        .demo ul li code .blue {
+            color: #2C8CF4;
+        }
+
+        .demo ul li code .purple {
+            color: #4949E7;
+        }
+
+        .demo ul li code .dots {
+            margin-top: 0.5em;
+            display: block;
+        }
+
+        #glyphs {
+            border-bottom: 1px solid #E3E9ED;
+            padding: 2em 0;
+            text-align: center;
+        }
+
+        .glyph {
+            display: inline-block;
+            width: 9em;
+            margin: 1em;
+            text-align: center;
+            vertical-align: top;
+            background: #FFF;
+        }
+
+        .glyph .flaticon {
+            padding: 10px;
+            display: block;
+            font-family: "Flaticon";
+            font-size: 64px;
+            line-height: 1;
+        }
+
+        .glyph .flaticon:before {
+            font-size: 64px;
+            color: #5f7d95;
+            margin-left: 0;
+        }
+
+        .class-name {
+            font-size: 0.65em;
+            background-color: #E3E9ED;
+            color: #869FB2;
+            border-radius: 4px 4px 0 0;
+            padding: 0.5em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .author-name {
+            font-size: 0.6em;
+            background-color: #EFF3F6;
+            border-top: 0;
+            border-radius: 0 0 4px 4px;
+            padding: 0.5em;
+        }
+
+        .author-name a {
+            color: #1D262D;
+        }
+
+        .class-name:last-child {
+            font-size: 10px;
+            color: #888;
+        }
+
+        .class-name:last-child a {
+            font-size: 10px;
+            color: #555;
+        }
+
+        .glyph > input {
+            display: block;
+            width: 100px;
+            margin: 5px auto;
+            text-align: center;
+            font-size: 12px;
+            cursor: text;
+        }
+
+        .glyph > input.icon-input {
+            font-family: "Flaticon";
+            font-size: 16px;
+            margin-bottom: 10px;
+        }
+
+        .attribution .title {
+            margin-top: 2em;
+        }
+
+        .attribution textarea {
+            background-color: #F8FAFB;
+            color: #1D262D;
+            padding: 1em;
+            border: none;
+            box-shadow: none;
+            border: 1px solid #E3E9ED;
+            border-radius: 4px;
+            resize: none;
+            width: 100%;
+            height: 150px;
+            font-size: 0.8em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            -webkit-appearance: none;
+        }
+
+        .attribution textarea:hover {
+            border-color: #CFD9E0;
+        }
+
+        .attribution textarea:focus {
+            border-color: #4AD295;
+        }
+
+        .iconsuse {
+            margin: 2em auto;
+            text-align: center;
+            max-width: 1200px;
+        }
+
+        .iconsuse:after {
+            content: '';
+            display: table;
+            clear: both;
+        }
+
+        .iconsuse .image {
+            float: left;
+            width: 25%;
+            padding: 0 1em;
+        }
+
+        .iconsuse .image p {
+            margin-bottom: 1em;
+        }
+
+        .iconsuse .image span {
+            display: block;
+            font-size: 0.65em;
+            background-color: #222;
+            color: #fff;
+            border-radius: 4px;
+            padding: 0.5em;
+            color: #FFFF99;
+            margin-top: 1em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .flaticon:before {
+            color: #5f7d95;
+        }
+
+        #footer {
+            text-align: center;
+            background-color: #1D262D;
+            color: #869FB2;
+            padding: 12px;
+            font-size: 14px;
+        }
+
+        #footer a {
+            font-weight: normal;
+        }
+
+        @media (max-width: 960px) {
+            .iconsuse .image {
+                width: 50%;
+            }
+        }
+
+        .preview {
+            width: 100px;
+            display: inline-block;
+            margin: 10px;
+        }
+
+        .preview .inner {
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            background: #f5f5f5;
+            -webkit-border-radius: 3px 3px 0 0;
+            -moz-border-radius: 3px 3px 0 0;
+            border-radius: 3px 3px 0 0;
+        }
+
+        .preview .inner  {
+            line-height: 85px;
+            font-size: 40px;
+            color: #333;
+        }
+
+        .label {
+            display: inline-block;
+            width: 100%;
+            box-sizing: border-box;
+            padding: 5px;
+            font-size: 10px;
+            font-family: Monaco, monospace;
+            color: #666;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background: #ddd;
+            -webkit-border-radius: 0 0 3px 3px;
+            -moz-border-radius: 0 0 3px 3px;
+            border-radius: 0 0 3px 3px;
+            color: #666;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <a href="https://www.flaticon.com/" target="_blank" class="logo">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 394.3 76.5">
+                <path d="M156.6,69.4H145.3V7.1h11.3Z" style="fill:#0e2a47">
+                <path d="M206.2,69.4h-11V64.8a15.4,15.4,0,0,1-12.6,5.7c-11.6,0-20.3-9.5-20.3-22.1s8.8-22.1,20.3-22.1a15.4,15.4,0,0,1,12.6,5.8V27.5h11Zm-32.4-21c0,6.4,4.2,11.6,10.8,11.6s10.8-4.9,10.8-11.6-4.4-11.6-10.8-11.6S173.9,42,173.9,48.4Z"
+                      style="fill:#0e2a47">
+                <path d="M262.5,13.7a7.2,7.2,0,0,1-14.4,0,7.2,7.2,0,1,1,14.4,0ZM261,69.4H249.6v-42H261Z"
+                      style="fill:#0e2a47">
+                <path id="_Trazado_" data-name="&lt;Trazado&gt;"
+                      d="M139.6,17.8a16.6,16.6,0,0,0-8-1.4c-3.2.4-4.9,2-4.9,5.9v5.1h13V37.5h-13v32H115.4v-32h-7.8v-10h7.8V22.2c0-9.9,5.2-16.3,15-16.3a23.4,23.4,0,0,1,9.3,1.8Z"
+                      style="fill:#0e2a47">
+                <path d="M235.1,60c-3.5,0-6.3-1.9-6.3-7.1V37.5H244v-10H228.8V15H217.5V27.5h-5.7v10h5.7V53.7c0,10.9,5.3,16.8,15.7,16.8A22.9,22.9,0,0,0,244,68l-4.3-9.1A12.3,12.3,0,0,1,235.1,60Z"
+                      style="fill:#0e2a47">
+                <path d="M348.9,48.4c0,12.6-9.7,22.1-22.7,22.1s-22.7-9.4-22.7-22.1,9.6-22.1,22.7-22.1S348.9,35.8,348.9,48.4Zm-33.9,0c0,6.8,4.8,11.6,11.1,11.6s11.2-4.8,11.2-11.6-4.8-11.6-11.2-11.6S315.1,41.6,315.1,48.4Z"
+                      style="fill:#0e2a47">
+                <path d="M394.3,42.7V69.4H382.9V46.3c0-6.1-3-9.4-8.2-9.4s-8.9,3.2-8.9,9.5v23H354.6v-42h11v4.9c3-4.5,7.6-6.1,12.3-6.1C387.5,26.3,394.3,33,394.3,42.7Z"
+                      style="fill:#0e2a47">
+                <path d="M298,55.7h0a12.4,12.4,0,0,1-8.2,4.2h-.9l-1.8-.2a10,10,0,0,1-7.4-5.6,13.2,13.2,0,0,1-1.2-5.8,13,13,0,0,1,1.3-5.9,10.1,10.1,0,0,1,7.5-5.5h2.4a11.7,11.7,0,0,1,8.3,4.2l5.5-9.6a19.9,19.9,0,0,0-8.1-4.3,23.4,23.4,0,0,0-6.1-.8,25.2,25.2,0,0,0-7.5,1.1,20.9,20.9,0,0,0-8,4.6,21.9,21.9,0,0,0-6.8,16.4,21.9,21.9,0,0,0,6.7,16.3,20.9,20.9,0,0,0,8,4.6,25.2,25.2,0,0,0,7.7,1.2,23.6,23.6,0,0,0,6.2-.8,20,20,0,0,0,8.1-4.4Z"
+                      style="fill:#0e2a47">
+                <path d="M46.3,26.5H26.9L20.8,16H52.4L61.6,0H9.4A9.3,9.3,0,0,0,1.3,4.7a9.3,9.3,0,0,0,0,9.4L34.6,71.8a9.4,9.4,0,0,0,16.2,0l1.1-1.9L36.6,43.3Z"
+                      style="fill:#4ad295">
+                <path d="M84.2,4.7A9.3,9.3,0,0,0,76.1,0H73.8l-25,43.3,9.2,16L84.2,14A9.3,9.3,0,0,0,84.2,4.7Z"
+                      style="fill:#4ad295">
+            </svg>
+        </a>
+    </header>
+    <section class="demo wrapper">
+
+        <p class="title">Webfont Instructions</p>
+
+        <ul>
+            <li>
+                <span class="num">1. </span>Copy the "Fonts" files and CSS files to your website CSS folder.
+            </li>
+            <li>
+                <span class="num">2. </span>Add the CSS link to your website source code on header.
+                <code class="big">
+                    &lt;<span class="red">head</span>&gt;
+                    <br><span class="dots">...</span>
+                    <br>&lt;<span class="red">link</span> <span class="green">rel</span>=<span
+                        class="yellow">"stylesheet"</span> <span class="green">type</span>=<span
+                        class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>&gt;
+                    <br><span class="dots">...</span>
+                    <br>&lt;/<span class="red">head</span>&gt;
+                </code>
+            </li>
+
+            <li>
+                <p>
+                    <span class="num">3. </span>Use the icon class on <code>"<span class="blue">display</span>:<span
+                        class="purple"> inline</span>"</code> elements:
+                    <br>
+                    Use example: <code>&lt;<span class="red">i</span> <span class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">i</span>&gt;</code> or <code>&lt;<span class="red">span</span> <span
+                        class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">span</span>&gt;</code>
+            </li>
+        </ul>
+
+    </section>
+    <section id="glyphs">
+            <div class="glyph">
+                <i class="flaticon flaticon-add-to-cart"></i>
+                <div class="class-name">.flaticon-add-to-cart</div>
+                <div class="author-name">Author: <a data-file="add-to-cart" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add-user-1"></i>
+                <div class="class-name">.flaticon-add-user-1</div>
+                <div class="author-name">Author: <a data-file="add-user-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add-user"></i>
+                <div class="class-name">.flaticon-add-user</div>
+                <div class="author-name">Author: <a data-file="add-user" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add"></i>
+                <div class="class-name">.flaticon-add</div>
+                <div class="author-name">Author: <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-airplane"></i>
+                <div class="class-name">.flaticon-airplane</div>
+                <div class="author-name">Author: <a data-file="airplane" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-apartment-1"></i>
+                <div class="class-name">.flaticon-apartment-1</div>
+                <div class="author-name">Author: <a data-file="apartment-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-apartment"></i>
+                <div class="class-name">.flaticon-apartment</div>
+                <div class="author-name">Author: <a data-file="apartment" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-armchair"></i>
+                <div class="class-name">.flaticon-armchair</div>
+                <div class="author-name">Author: <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bathtub"></i>
+                <div class="class-name">.flaticon-bathtub</div>
+                <div class="author-name">Author: <a data-file="bathtub" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bed-1"></i>
+                <div class="class-name">.flaticon-bed-1</div>
+                <div class="author-name">Author: <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bed"></i>
+                <div class="class-name">.flaticon-bed</div>
+                <div class="author-name">Author: <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-beds"></i>
+                <div class="class-name">.flaticon-beds</div>
+                <div class="author-name">Author: <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-book"></i>
+                <div class="class-name">.flaticon-book</div>
+                <div class="author-name">Author: <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-branch"></i>
+                <div class="class-name">.flaticon-branch</div>
+                <div class="author-name">Author: <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-building"></i>
+                <div class="class-name">.flaticon-building</div>
+                <div class="author-name">Author: <a data-file="building" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-buy-home"></i>
+                <div class="class-name">.flaticon-buy-home</div>
+                <div class="author-name">Author: <a data-file="buy-home" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-buy-online"></i>
+                <div class="class-name">.flaticon-buy-online</div>
+                <div class="author-name">Author: <a data-file="buy-online" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-call-center-agent"></i>
+                <div class="class-name">.flaticon-call-center-agent</div>
+                <div class="author-name">Author: <a data-file="call-center-agent" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-car"></i>
+                <div class="class-name">.flaticon-car</div>
+                <div class="author-name">Author: <a data-file="car" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-chat"></i>
+                <div class="class-name">.flaticon-chat</div>
+                <div class="author-name">Author: <a data-file="chat" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-clean"></i>
+                <div class="class-name">.flaticon-clean</div>
+                <div class="author-name">Author: <a data-file="clean" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-deal-1"></i>
+                <div class="class-name">.flaticon-deal-1</div>
+                <div class="author-name">Author: <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-deal"></i>
+                <div class="class-name">.flaticon-deal</div>
+                <div class="author-name">Author: <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dining-table-with-chairs"></i>
+                <div class="class-name">.flaticon-dining-table-with-chairs</div>
+                <div class="author-name">Author: <a data-file="dining-table-with-chairs" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-double-bed"></i>
+                <div class="class-name">.flaticon-double-bed</div>
+                <div class="author-name">Author: <a data-file="double-bed" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dryer"></i>
+                <div class="class-name">.flaticon-dryer</div>
+                <div class="author-name">Author: <a data-file="dryer" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dumbbell"></i>
+                <div class="class-name">.flaticon-dumbbell</div>
+                <div class="author-name">Author: <a data-file="dumbbell" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dumbell"></i>
+                <div class="class-name">.flaticon-dumbell</div>
+                <div class="author-name">Author: <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-excavator"></i>
+                <div class="class-name">.flaticon-excavator</div>
+                <div class="author-name">Author: <a data-file="excavator" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-expand"></i>
+                <div class="class-name">.flaticon-expand</div>
+                <div class="author-name">Author: <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-fast-forward-double-right-arrows-symbol"></i>
+                <div class="class-name">.flaticon-fast-forward-double-right-arrows-symbol</div>
+                <div class="author-name">Author: <a data-file="fast-forward-double-right-arrows-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-financial"></i>
+                <div class="class-name">.flaticon-financial</div>
+                <div class="author-name">Author: <a data-file="financial" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-garage-1"></i>
+                <div class="class-name">.flaticon-garage-1</div>
+                <div class="author-name">Author: <a data-file="garage-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-garage"></i>
+                <div class="class-name">.flaticon-garage</div>
+                <div class="author-name">Author: <a data-file="garage" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-google-docs"></i>
+                <div class="class-name">.flaticon-google-docs</div>
+                <div class="author-name">Author: <a data-file="google-docs" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-heart-1"></i>
+                <div class="class-name">.flaticon-heart-1</div>
+                <div class="author-name">Author: <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-heart"></i>
+                <div class="class-name">.flaticon-heart</div>
+                <div class="author-name">Author: <a data-file="heart" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-1"></i>
+                <div class="class-name">.flaticon-home-1</div>
+                <div class="author-name">Author: <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-2"></i>
+                <div class="class-name">.flaticon-home-2</div>
+                <div class="author-name">Author: <a data-file="home-2" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-3"></i>
+                <div class="class-name">.flaticon-home-3</div>
+                <div class="author-name">Author: <a data-file="home-3" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home"></i>
+                <div class="class-name">.flaticon-home</div>
+                <div class="author-name">Author: <a data-file="home" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-hospital"></i>
+                <div class="class-name">.flaticon-hospital</div>
+                <div class="author-name">Author: <a data-file="hospital" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-1"></i>
+                <div class="class-name">.flaticon-house-1</div>
+                <div class="author-name">Author: <a data-file="house-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-2"></i>
+                <div class="class-name">.flaticon-house-2</div>
+                <div class="author-name">Author: <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-3"></i>
+                <div class="class-name">.flaticon-house-3</div>
+                <div class="author-name">Author: <a data-file="house-3" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-4"></i>
+                <div class="class-name">.flaticon-house-4</div>
+                <div class="author-name">Author: <a data-file="house-4" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-key"></i>
+                <div class="class-name">.flaticon-house-key</div>
+                <div class="author-name">Author: <a data-file="house-key" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house"></i>
+                <div class="class-name">.flaticon-house</div>
+                <div class="author-name">Author: <a data-file="house" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-key-1"></i>
+                <div class="class-name">.flaticon-key-1</div>
+                <div class="author-name">Author: <a data-file="key-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-key"></i>
+                <div class="class-name">.flaticon-key</div>
+                <div class="author-name">Author: <a data-file="key" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quote-1"></i>
+                <div class="class-name">.flaticon-left-quote-1</div>
+                <div class="author-name">Author: <a data-file="left-quote-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quote"></i>
+                <div class="class-name">.flaticon-left-quote</div>
+                <div class="author-name">Author: <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quotes-sign"></i>
+                <div class="class-name">.flaticon-left-quotes-sign</div>
+                <div class="author-name">Author: <a data-file="left-quotes-sign" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-location"></i>
+                <div class="class-name">.flaticon-location</div>
+                <div class="author-name">Author: <a data-file="location" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-loupe"></i>
+                <div class="class-name">.flaticon-loupe</div>
+                <div class="author-name">Author: <a data-file="loupe" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mall"></i>
+                <div class="class-name">.flaticon-mall</div>
+                <div class="author-name">Author: <a data-file="mall" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-maps-and-location"></i>
+                <div class="class-name">.flaticon-maps-and-location</div>
+                <div class="author-name">Author: <a data-file="maps-and-location" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-measure"></i>
+                <div class="class-name">.flaticon-measure</div>
+                <div class="author-name">Author: <a data-file="measure" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-metro"></i>
+                <div class="class-name">.flaticon-metro</div>
+                <div class="author-name">Author: <a data-file="metro" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mortarboard"></i>
+                <div class="class-name">.flaticon-mortarboard</div>
+                <div class="author-name">Author: <a data-file="mortarboard" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mortgage"></i>
+                <div class="class-name">.flaticon-mortgage</div>
+                <div class="author-name">Author: <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mountain"></i>
+                <div class="class-name">.flaticon-mountain</div>
+                <div class="author-name">Author: <a data-file="mountain" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-office"></i>
+                <div class="class-name">.flaticon-office</div>
+                <div class="author-name">Author: <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-official-documents"></i>
+                <div class="class-name">.flaticon-official-documents</div>
+                <div class="author-name">Author: <a data-file="official-documents" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-online-shop"></i>
+                <div class="class-name">.flaticon-online-shop</div>
+                <div class="author-name">Author: <a data-file="online-shop" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-operator"></i>
+                <div class="class-name">.flaticon-operator</div>
+                <div class="author-name">Author: <a data-file="operator" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-package"></i>
+                <div class="class-name">.flaticon-package</div>
+                <div class="author-name">Author: <a data-file="package" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-park"></i>
+                <div class="class-name">.flaticon-park</div>
+                <div class="author-name">Author: <a data-file="park" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-parking"></i>
+                <div class="class-name">.flaticon-parking</div>
+                <div class="author-name">Author: <a data-file="parking" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-pencil"></i>
+                <div class="class-name">.flaticon-pencil</div>
+                <div class="author-name">Author: <a data-file="pencil" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-phone-call"></i>
+                <div class="class-name">.flaticon-phone-call</div>
+                <div class="author-name">Author: <a data-file="phone-call" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-pin"></i>
+                <div class="class-name">.flaticon-pin</div>
+                <div class="author-name">Author: <a data-file="pin" href="https://www.flaticon.com/authors/those-icons">Those Icons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-plane"></i>
+                <div class="class-name">.flaticon-plane</div>
+                <div class="author-name">Author: <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-plus"></i>
+                <div class="class-name">.flaticon-plus</div>
+                <div class="author-name">Author: <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-quotation"></i>
+                <div class="class-name">.flaticon-quotation</div>
+                <div class="author-name">Author: <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-right-arrow"></i>
+                <div class="class-name">.flaticon-right-arrow</div>
+                <div class="author-name">Author: <a data-file="right-arrow" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-right-quote"></i>
+                <div class="class-name">.flaticon-right-quote</div>
+                <div class="author-name">Author: <a data-file="right-quote" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-salad"></i>
+                <div class="class-name">.flaticon-salad</div>
+                <div class="author-name">Author: <a data-file="salad" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-secure-shield"></i>
+                <div class="class-name">.flaticon-secure-shield</div>
+                <div class="author-name">Author: <a data-file="secure-shield" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-secure"></i>
+                <div class="class-name">.flaticon-secure</div>
+                <div class="author-name">Author: <a data-file="secure" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-select"></i>
+                <div class="class-name">.flaticon-select</div>
+                <div class="author-name">Author: <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-sewing"></i>
+                <div class="class-name">.flaticon-sewing</div>
+                <div class="author-name">Author: <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-slider"></i>
+                <div class="class-name">.flaticon-slider</div>
+                <div class="author-name">Author: <a data-file="slider" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-slumber"></i>
+                <div class="class-name">.flaticon-slumber</div>
+                <div class="author-name">Author: <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-square-shape-design-interface-tool-symbol"></i>
+                <div class="class-name">.flaticon-square-shape-design-interface-tool-symbol</div>
+                <div class="author-name">Author: <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-stethoscope"></i>
+                <div class="class-name">.flaticon-stethoscope</div>
+                <div class="author-name">Author: <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-support"></i>
+                <div class="class-name">.flaticon-support</div>
+                <div class="author-name">Author: <a data-file="support" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-swimming"></i>
+                <div class="class-name">.flaticon-swimming</div>
+                <div class="author-name">Author: <a data-file="swimming" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-toilet"></i>
+                <div class="class-name">.flaticon-toilet</div>
+                <div class="author-name">Author: <a data-file="toilet" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-train"></i>
+                <div class="class-name">.flaticon-train</div>
+                <div class="author-name">Author: <a data-file="train" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-user-1"></i>
+                <div class="class-name">.flaticon-user-1</div>
+                <div class="author-name">Author: <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-user"></i>
+                <div class="class-name">.flaticon-user</div>
+                <div class="author-name">Author: <a data-file="user" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-vegetable"></i>
+                <div class="class-name">.flaticon-vegetable</div>
+                <div class="author-name">Author: <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-washer"></i>
+                <div class="class-name">.flaticon-washer</div>
+                <div class="author-name">Author: <a data-file="washer" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+    </section>
+
+    <section class="attribution wrapper"   style="text-align:center;">
+
+        <div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="salad" href="http://www.freepik.com">Freepik</a>, <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a>, <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a>, <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a>, <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a>, <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a></p>  </div>
+        </div>
+        <div class="title">Copy the Attribution License:</div>
+
+        <textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;https://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="salad" href="http://www.freepik.com">Freepik</a>, <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a>, <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a>, <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a>, <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a>, <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a></p> 
+        </textarea>
+
+    </section>
+
+    <section class="iconsuse">
+
+        <div class="title">Examples:</div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-to-cart"></i>
+                    <span>&lt;i class=&quot;flaticon-add-to-cart&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-user-1"></i>
+                    <span>&lt;i class=&quot;flaticon-add-user-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-user"></i>
+                    <span>&lt;i class=&quot;flaticon-add-user&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add"></i>
+                    <span>&lt;i class=&quot;flaticon-add&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-airplane"></i>
+                    <span>&lt;i class=&quot;flaticon-airplane&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-apartment-1"></i>
+                    <span>&lt;i class=&quot;flaticon-apartment-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-apartment"></i>
+                    <span>&lt;i class=&quot;flaticon-apartment&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-armchair"></i>
+                    <span>&lt;i class=&quot;flaticon-armchair&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bathtub"></i>
+                    <span>&lt;i class=&quot;flaticon-bathtub&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bed-1"></i>
+                    <span>&lt;i class=&quot;flaticon-bed-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bed"></i>
+                    <span>&lt;i class=&quot;flaticon-bed&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-beds"></i>
+                    <span>&lt;i class=&quot;flaticon-beds&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-book"></i>
+                    <span>&lt;i class=&quot;flaticon-book&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-branch"></i>
+                    <span>&lt;i class=&quot;flaticon-branch&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-building"></i>
+                    <span>&lt;i class=&quot;flaticon-building&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-buy-home"></i>
+                    <span>&lt;i class=&quot;flaticon-buy-home&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-buy-online"></i>
+                    <span>&lt;i class=&quot;flaticon-buy-online&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-call-center-agent"></i>
+                    <span>&lt;i class=&quot;flaticon-call-center-agent&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-car"></i>
+                    <span>&lt;i class=&quot;flaticon-car&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-chat"></i>
+                    <span>&lt;i class=&quot;flaticon-chat&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-clean"></i>
+                    <span>&lt;i class=&quot;flaticon-clean&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-deal-1"></i>
+                    <span>&lt;i class=&quot;flaticon-deal-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-deal"></i>
+                    <span>&lt;i class=&quot;flaticon-deal&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dining-table-with-chairs"></i>
+                    <span>&lt;i class=&quot;flaticon-dining-table-with-chairs&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-double-bed"></i>
+                    <span>&lt;i class=&quot;flaticon-double-bed&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dryer"></i>
+                    <span>&lt;i class=&quot;flaticon-dryer&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dumbbell"></i>
+                    <span>&lt;i class=&quot;flaticon-dumbbell&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dumbell"></i>
+                    <span>&lt;i class=&quot;flaticon-dumbell&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-excavator"></i>
+                    <span>&lt;i class=&quot;flaticon-excavator&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-expand"></i>
+                    <span>&lt;i class=&quot;flaticon-expand&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-fast-forward-double-right-arrows-symbol"></i>
+                    <span>&lt;i class=&quot;flaticon-fast-forward-double-right-arrows-symbol&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-financial"></i>
+                    <span>&lt;i class=&quot;flaticon-financial&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-garage-1"></i>
+                    <span>&lt;i class=&quot;flaticon-garage-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-garage"></i>
+                    <span>&lt;i class=&quot;flaticon-garage&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-google-docs"></i>
+                    <span>&lt;i class=&quot;flaticon-google-docs&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-heart-1"></i>
+                    <span>&lt;i class=&quot;flaticon-heart-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-heart"></i>
+                    <span>&lt;i class=&quot;flaticon-heart&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-1"></i>
+                    <span>&lt;i class=&quot;flaticon-home-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-2"></i>
+                    <span>&lt;i class=&quot;flaticon-home-2&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-3"></i>
+                    <span>&lt;i class=&quot;flaticon-home-3&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home"></i>
+                    <span>&lt;i class=&quot;flaticon-home&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-hospital"></i>
+                    <span>&lt;i class=&quot;flaticon-hospital&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-1"></i>
+                    <span>&lt;i class=&quot;flaticon-house-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-2"></i>
+                    <span>&lt;i class=&quot;flaticon-house-2&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-3"></i>
+                    <span>&lt;i class=&quot;flaticon-house-3&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-4"></i>
+                    <span>&lt;i class=&quot;flaticon-house-4&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-key"></i>
+                    <span>&lt;i class=&quot;flaticon-house-key&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house"></i>
+                    <span>&lt;i class=&quot;flaticon-house&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-key-1"></i>
+                    <span>&lt;i class=&quot;flaticon-key-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-key"></i>
+                    <span>&lt;i class=&quot;flaticon-key&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quote-1"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quote-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quote"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quote&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quotes-sign"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quotes-sign&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-location"></i>
+                    <span>&lt;i class=&quot;flaticon-location&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-loupe"></i>
+                    <span>&lt;i class=&quot;flaticon-loupe&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mall"></i>
+                    <span>&lt;i class=&quot;flaticon-mall&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-maps-and-location"></i>
+                    <span>&lt;i class=&quot;flaticon-maps-and-location&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-measure"></i>
+                    <span>&lt;i class=&quot;flaticon-measure&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-metro"></i>
+                    <span>&lt;i class=&quot;flaticon-metro&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mortarboard"></i>
+                    <span>&lt;i class=&quot;flaticon-mortarboard&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mortgage"></i>
+                    <span>&lt;i class=&quot;flaticon-mortgage&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mountain"></i>
+                    <span>&lt;i class=&quot;flaticon-mountain&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-office"></i>
+                    <span>&lt;i class=&quot;flaticon-office&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-official-documents"></i>
+                    <span>&lt;i class=&quot;flaticon-official-documents&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-online-shop"></i>
+                    <span>&lt;i class=&quot;flaticon-online-shop&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-operator"></i>
+                    <span>&lt;i class=&quot;flaticon-operator&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-package"></i>
+                    <span>&lt;i class=&quot;flaticon-package&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-park"></i>
+                    <span>&lt;i class=&quot;flaticon-park&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-parking"></i>
+                    <span>&lt;i class=&quot;flaticon-parking&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-pencil"></i>
+                    <span>&lt;i class=&quot;flaticon-pencil&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-phone-call"></i>
+                    <span>&lt;i class=&quot;flaticon-phone-call&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-pin"></i>
+                    <span>&lt;i class=&quot;flaticon-pin&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-plane"></i>
+                    <span>&lt;i class=&quot;flaticon-plane&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-plus"></i>
+                    <span>&lt;i class=&quot;flaticon-plus&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-quotation"></i>
+                    <span>&lt;i class=&quot;flaticon-quotation&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-right-arrow"></i>
+                    <span>&lt;i class=&quot;flaticon-right-arrow&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-right-quote"></i>
+                    <span>&lt;i class=&quot;flaticon-right-quote&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-salad"></i>
+                    <span>&lt;i class=&quot;flaticon-salad&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-secure-shield"></i>
+                    <span>&lt;i class=&quot;flaticon-secure-shield&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-secure"></i>
+                    <span>&lt;i class=&quot;flaticon-secure&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-select"></i>
+                    <span>&lt;i class=&quot;flaticon-select&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-sewing"></i>
+                    <span>&lt;i class=&quot;flaticon-sewing&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-slider"></i>
+                    <span>&lt;i class=&quot;flaticon-slider&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-slumber"></i>
+                    <span>&lt;i class=&quot;flaticon-slumber&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-square-shape-design-interface-tool-symbol"></i>
+                    <span>&lt;i class=&quot;flaticon-square-shape-design-interface-tool-symbol&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-stethoscope"></i>
+                    <span>&lt;i class=&quot;flaticon-stethoscope&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-support"></i>
+                    <span>&lt;i class=&quot;flaticon-support&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-swimming"></i>
+                    <span>&lt;i class=&quot;flaticon-swimming&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-toilet"></i>
+                    <span>&lt;i class=&quot;flaticon-toilet&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-train"></i>
+                    <span>&lt;i class=&quot;flaticon-train&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-user-1"></i>
+                    <span>&lt;i class=&quot;flaticon-user-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-user"></i>
+                    <span>&lt;i class=&quot;flaticon-user&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-vegetable"></i>
+                    <span>&lt;i class=&quot;flaticon-vegetable&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-washer"></i>
+                    <span>&lt;i class=&quot;flaticon-washer&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+        </div>
+
+    </section>
+
+    <div id="footer">
+        <div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss
new file mode 100644
index 0000000..5d86fe3
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss
@@ -0,0 +1,401 @@
+$flaticon-font: "flaticon";
+
+@font-face {
+    font-family: $flaticon-font;
+    src: url("./flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"),
+url("./flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"),
+url("./flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"),
+url("./flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"),
+url("./flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+$flaticon-map: (
+    "add-to-cart": "\f101",
+    "add-user-1": "\f102",
+    "add-user": "\f103",
+    "add": "\f104",
+    "airplane": "\f105",
+    "apartment-1": "\f106",
+    "apartment": "\f107",
+    "armchair": "\f108",
+    "bathtub": "\f109",
+    "bed-1": "\f10a",
+    "bed": "\f10b",
+    "beds": "\f10c",
+    "book": "\f10d",
+    "branch": "\f10e",
+    "building": "\f10f",
+    "buy-home": "\f110",
+    "buy-online": "\f111",
+    "call-center-agent": "\f112",
+    "car": "\f113",
+    "chat": "\f114",
+    "clean": "\f115",
+    "deal-1": "\f116",
+    "deal": "\f117",
+    "dining-table-with-chairs": "\f118",
+    "double-bed": "\f119",
+    "dryer": "\f11a",
+    "dumbbell": "\f11b",
+    "dumbell": "\f11c",
+    "excavator": "\f11d",
+    "expand": "\f11e",
+    "fast-forward-double-right-arrows-symbol": "\f11f",
+    "financial": "\f120",
+    "garage-1": "\f121",
+    "garage": "\f122",
+    "google-docs": "\f123",
+    "heart-1": "\f124",
+    "heart": "\f125",
+    "home-1": "\f126",
+    "home-2": "\f127",
+    "home-3": "\f128",
+    "home": "\f129",
+    "hospital": "\f12a",
+    "house-1": "\f12b",
+    "house-2": "\f12c",
+    "house-3": "\f12d",
+    "house-4": "\f12e",
+    "house-key": "\f12f",
+    "house": "\f130",
+    "key-1": "\f131",
+    "key": "\f132",
+    "left-quote-1": "\f133",
+    "left-quote": "\f134",
+    "left-quotes-sign": "\f135",
+    "location": "\f136",
+    "loupe": "\f137",
+    "mall": "\f138",
+    "maps-and-location": "\f139",
+    "measure": "\f13a",
+    "metro": "\f13b",
+    "mortarboard": "\f13c",
+    "mortgage": "\f13d",
+    "mountain": "\f13e",
+    "office": "\f13f",
+    "official-documents": "\f140",
+    "online-shop": "\f141",
+    "operator": "\f142",
+    "package": "\f143",
+    "park": "\f144",
+    "parking": "\f145",
+    "pencil": "\f146",
+    "phone-call": "\f147",
+    "pin": "\f148",
+    "plane": "\f149",
+    "plus": "\f14a",
+    "quotation": "\f14b",
+    "right-arrow": "\f14c",
+    "right-quote": "\f14d",
+    "salad": "\f14e",
+    "secure-shield": "\f14f",
+    "secure": "\f150",
+    "select": "\f151",
+    "sewing": "\f152",
+    "slider": "\f153",
+    "slumber": "\f154",
+    "square-shape-design-interface-tool-symbol": "\f155",
+    "stethoscope": "\f156",
+    "support": "\f157",
+    "swimming": "\f158",
+    "toilet": "\f159",
+    "train": "\f15a",
+    "user-1": "\f15b",
+    "user": "\f15c",
+    "vegetable": "\f15d",
+    "washer": "\f15e",
+);
+
+.flaticon-add-to-cart:before {
+    content: map-get($flaticon-map, "add-to-cart");
+}
+.flaticon-add-user-1:before {
+    content: map-get($flaticon-map, "add-user-1");
+}
+.flaticon-add-user:before {
+    content: map-get($flaticon-map, "add-user");
+}
+.flaticon-add:before {
+    content: map-get($flaticon-map, "add");
+}
+.flaticon-airplane:before {
+    content: map-get($flaticon-map, "airplane");
+}
+.flaticon-apartment-1:before {
+    content: map-get($flaticon-map, "apartment-1");
+}
+.flaticon-apartment:before {
+    content: map-get($flaticon-map, "apartment");
+}
+.flaticon-armchair:before {
+    content: map-get($flaticon-map, "armchair");
+}
+.flaticon-bathtub:before {
+    content: map-get($flaticon-map, "bathtub");
+}
+.flaticon-bed-1:before {
+    content: map-get($flaticon-map, "bed-1");
+}
+.flaticon-bed:before {
+    content: map-get($flaticon-map, "bed");
+}
+.flaticon-beds:before {
+    content: map-get($flaticon-map, "beds");
+}
+.flaticon-book:before {
+    content: map-get($flaticon-map, "book");
+}
+.flaticon-branch:before {
+    content: map-get($flaticon-map, "branch");
+}
+.flaticon-building:before {
+    content: map-get($flaticon-map, "building");
+}
+.flaticon-buy-home:before {
+    content: map-get($flaticon-map, "buy-home");
+}
+.flaticon-buy-online:before {
+    content: map-get($flaticon-map, "buy-online");
+}
+.flaticon-call-center-agent:before {
+    content: map-get($flaticon-map, "call-center-agent");
+}
+.flaticon-car:before {
+    content: map-get($flaticon-map, "car");
+}
+.flaticon-chat:before {
+    content: map-get($flaticon-map, "chat");
+}
+.flaticon-clean:before {
+    content: map-get($flaticon-map, "clean");
+}
+.flaticon-deal-1:before {
+    content: map-get($flaticon-map, "deal-1");
+}
+.flaticon-deal:before {
+    content: map-get($flaticon-map, "deal");
+}
+.flaticon-dining-table-with-chairs:before {
+    content: map-get($flaticon-map, "dining-table-with-chairs");
+}
+.flaticon-double-bed:before {
+    content: map-get($flaticon-map, "double-bed");
+}
+.flaticon-dryer:before {
+    content: map-get($flaticon-map, "dryer");
+}
+.flaticon-dumbbell:before {
+    content: map-get($flaticon-map, "dumbbell");
+}
+.flaticon-dumbell:before {
+    content: map-get($flaticon-map, "dumbell");
+}
+.flaticon-excavator:before {
+    content: map-get($flaticon-map, "excavator");
+}
+.flaticon-expand:before {
+    content: map-get($flaticon-map, "expand");
+}
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+    content: map-get($flaticon-map, "fast-forward-double-right-arrows-symbol");
+}
+.flaticon-financial:before {
+    content: map-get($flaticon-map, "financial");
+}
+.flaticon-garage-1:before {
+    content: map-get($flaticon-map, "garage-1");
+}
+.flaticon-garage:before {
+    content: map-get($flaticon-map, "garage");
+}
+.flaticon-google-docs:before {
+    content: map-get($flaticon-map, "google-docs");
+}
+.flaticon-heart-1:before {
+    content: map-get($flaticon-map, "heart-1");
+}
+.flaticon-heart:before {
+    content: map-get($flaticon-map, "heart");
+}
+.flaticon-home-1:before {
+    content: map-get($flaticon-map, "home-1");
+}
+.flaticon-home-2:before {
+    content: map-get($flaticon-map, "home-2");
+}
+.flaticon-home-3:before {
+    content: map-get($flaticon-map, "home-3");
+}
+.flaticon-home:before {
+    content: map-get($flaticon-map, "home");
+}
+.flaticon-hospital:before {
+    content: map-get($flaticon-map, "hospital");
+}
+.flaticon-house-1:before {
+    content: map-get($flaticon-map, "house-1");
+}
+.flaticon-house-2:before {
+    content: map-get($flaticon-map, "house-2");
+}
+.flaticon-house-3:before {
+    content: map-get($flaticon-map, "house-3");
+}
+.flaticon-house-4:before {
+    content: map-get($flaticon-map, "house-4");
+}
+.flaticon-house-key:before {
+    content: map-get($flaticon-map, "house-key");
+}
+.flaticon-house:before {
+    content: map-get($flaticon-map, "house");
+}
+.flaticon-key-1:before {
+    content: map-get($flaticon-map, "key-1");
+}
+.flaticon-key:before {
+    content: map-get($flaticon-map, "key");
+}
+.flaticon-left-quote-1:before {
+    content: map-get($flaticon-map, "left-quote-1");
+}
+.flaticon-left-quote:before {
+    content: map-get($flaticon-map, "left-quote");
+}
+.flaticon-left-quotes-sign:before {
+    content: map-get($flaticon-map, "left-quotes-sign");
+}
+.flaticon-location:before {
+    content: map-get($flaticon-map, "location");
+}
+.flaticon-loupe:before {
+    content: map-get($flaticon-map, "loupe");
+}
+.flaticon-mall:before {
+    content: map-get($flaticon-map, "mall");
+}
+.flaticon-maps-and-location:before {
+    content: map-get($flaticon-map, "maps-and-location");
+}
+.flaticon-measure:before {
+    content: map-get($flaticon-map, "measure");
+}
+.flaticon-metro:before {
+    content: map-get($flaticon-map, "metro");
+}
+.flaticon-mortarboard:before {
+    content: map-get($flaticon-map, "mortarboard");
+}
+.flaticon-mortgage:before {
+    content: map-get($flaticon-map, "mortgage");
+}
+.flaticon-mountain:before {
+    content: map-get($flaticon-map, "mountain");
+}
+.flaticon-office:before {
+    content: map-get($flaticon-map, "office");
+}
+.flaticon-official-documents:before {
+    content: map-get($flaticon-map, "official-documents");
+}
+.flaticon-online-shop:before {
+    content: map-get($flaticon-map, "online-shop");
+}
+.flaticon-operator:before {
+    content: map-get($flaticon-map, "operator");
+}
+.flaticon-package:before {
+    content: map-get($flaticon-map, "package");
+}
+.flaticon-park:before {
+    content: map-get($flaticon-map, "park");
+}
+.flaticon-parking:before {
+    content: map-get($flaticon-map, "parking");
+}
+.flaticon-pencil:before {
+    content: map-get($flaticon-map, "pencil");
+}
+.flaticon-phone-call:before {
+    content: map-get($flaticon-map, "phone-call");
+}
+.flaticon-pin:before {
+    content: map-get($flaticon-map, "pin");
+}
+.flaticon-plane:before {
+    content: map-get($flaticon-map, "plane");
+}
+.flaticon-plus:before {
+    content: map-get($flaticon-map, "plus");
+}
+.flaticon-quotation:before {
+    content: map-get($flaticon-map, "quotation");
+}
+.flaticon-right-arrow:before {
+    content: map-get($flaticon-map, "right-arrow");
+}
+.flaticon-right-quote:before {
+    content: map-get($flaticon-map, "right-quote");
+}
+.flaticon-salad:before {
+    content: map-get($flaticon-map, "salad");
+}
+.flaticon-secure-shield:before {
+    content: map-get($flaticon-map, "secure-shield");
+}
+.flaticon-secure:before {
+    content: map-get($flaticon-map, "secure");
+}
+.flaticon-select:before {
+    content: map-get($flaticon-map, "select");
+}
+.flaticon-sewing:before {
+    content: map-get($flaticon-map, "sewing");
+}
+.flaticon-slider:before {
+    content: map-get($flaticon-map, "slider");
+}
+.flaticon-slumber:before {
+    content: map-get($flaticon-map, "slumber");
+}
+.flaticon-square-shape-design-interface-tool-symbol:before {
+    content: map-get($flaticon-map, "square-shape-design-interface-tool-symbol");
+}
+.flaticon-stethoscope:before {
+    content: map-get($flaticon-map, "stethoscope");
+}
+.flaticon-support:before {
+    content: map-get($flaticon-map, "support");
+}
+.flaticon-swimming:before {
+    content: map-get($flaticon-map, "swimming");
+}
+.flaticon-toilet:before {
+    content: map-get($flaticon-map, "toilet");
+}
+.flaticon-train:before {
+    content: map-get($flaticon-map, "train");
+}
+.flaticon-user-1:before {
+    content: map-get($flaticon-map, "user-1");
+}
+.flaticon-user:before {
+    content: map-get($flaticon-map, "user");
+}
+.flaticon-vegetable:before {
+    content: map-get($flaticon-map, "vegetable");
+}
+.flaticon-washer:before {
+    content: map-get($flaticon-map, "washer");
+}
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg
new file mode 100644
index 0000000..4f2e679
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg
@@ -0,0 +1,576 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="flaticon" horiz-adv-x="300">
+    <font-face font-family="flaticon"
+      units-per-em="300" ascent="300"
+      descent="0" >
+    <missing-glyph horiz-adv-x="0" >
+    <glyph glyph-name="add-to-cart"
+      unicode="&#xF101;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-to-cart-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x74;&#x6F;&#x2D;&#x63;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#xF102;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user-1-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user"
+      unicode="&#xF103;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add"
+      unicode="&#xF104;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="add-1"
+      unicode="&#x61;&#x64;&#x64;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="airplane"
+      unicode="&#xF105;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133843 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387243 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="airplane-1"
+      unicode="&#x61;&#x69;&#x72;&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133844 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387244 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#xF106;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment-1-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment"
+      unicode="&#xF107;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.9944461741529 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.994446174153 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="armchair"
+      unicode="&#xF108;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="armchair-1"
+      unicode="&#x61;&#x72;&#x6D;&#x63;&#x68;&#x61;&#x69;&#x72;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="bathtub"
+      unicode="&#xF109;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bathtub-1"
+      unicode="&#x62;&#x61;&#x74;&#x68;&#x74;&#x75;&#x62;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#xF10A;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed-1-1"
+      unicode="&#x62;&#x65;&#x64;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331000001 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed"
+      unicode="&#xF10B;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="beds"
+      unicode="&#xF10C;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="beds-1"
+      unicode="&#x62;&#x65;&#x64;&#x73;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="book"
+      unicode="&#xF10D;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="book-1"
+      unicode="&#x62;&#x6F;&#x6F;&#x6B;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="branch"
+      unicode="&#xF10E;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110584 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="branch-1"
+      unicode="&#x62;&#x72;&#x61;&#x6E;&#x63;&#x68;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110585 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="building"
+      unicode="&#xF10F;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="building-1"
+      unicode="&#x62;&#x75;&#x69;&#x6C;&#x64;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="buy-home"
+      unicode="&#xF110;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-home-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-online"
+      unicode="&#xF111;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="buy-online-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="call-center-agent"
+      unicode="&#xF112;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="call-center-agent-1"
+      unicode="&#x63;&#x61;&#x6C;&#x6C;&#x2D;&#x63;&#x65;&#x6E;&#x74;&#x65;&#x72;&#x2D;&#x61;&#x67;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="car"
+      unicode="&#xF113;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="car-1"
+      unicode="&#x63;&#x61;&#x72;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="chat"
+      unicode="&#xF114;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="chat-1"
+      unicode="&#x63;&#x68;&#x61;&#x74;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="clean"
+      unicode="&#xF115;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="clean-1"
+      unicode="&#x63;&#x6C;&#x65;&#x61;&#x6E;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="deal-1"
+      unicode="&#xF116;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal-1-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal"
+      unicode="&#xF117;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890404H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890404H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="deal-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890405H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890405H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="dining-table-with-chairs"
+      unicode="&#xF118;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858474 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="dining-table-with-chairs-1"
+      unicode="&#x64;&#x69;&#x6E;&#x69;&#x6E;&#x67;&#x2D;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2D;&#x77;&#x69;&#x74;&#x68;&#x2D;&#x63;&#x68;&#x61;&#x69;&#x72;&#x73;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858475 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="double-bed"
+      unicode="&#xF119;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="double-bed-1"
+      unicode="&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="dryer"
+      unicode="&#xF11A;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dryer-1"
+      unicode="&#x64;&#x72;&#x79;&#x65;&#x72;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dumbbell"
+      unicode="&#xF11B;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbell"
+      unicode="&#xF11C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="dumbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="excavator"
+      unicode="&#xF11D;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="excavator-1"
+      unicode="&#x65;&#x78;&#x63;&#x61;&#x76;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="expand"
+      unicode="&#xF11E;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="expand-1"
+      unicode="&#x65;&#x78;&#x70;&#x61;&#x6E;&#x64;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol"
+      unicode="&#xF11F;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol-1"
+      unicode="&#x66;&#x61;&#x73;&#x74;&#x2D;&#x66;&#x6F;&#x72;&#x77;&#x61;&#x72;&#x64;&#x2D;&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;&#x73;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="financial"
+      unicode="&#xF120;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="financial-1"
+      unicode="&#x66;&#x69;&#x6E;&#x61;&#x6E;&#x63;&#x69;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="garage-1"
+      unicode="&#xF121;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337972 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage-1-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337973 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage"
+      unicode="&#xF122;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="garage-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="google-docs"
+      unicode="&#xF123;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="google-docs-1"
+      unicode="&#x67;&#x6F;&#x6F;&#x67;&#x6C;&#x65;&#x2D;&#x64;&#x6F;&#x63;&#x73;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#xF124;"
+      horiz-adv-x="300" d="M275.4664589327671 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355803 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327671 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart-1-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M275.4664589327672 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355804 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327672 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart"
+      unicode="&#xF125;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="home-1"
+      unicode="&#xF126;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500001 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-1-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500002 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-2"
+      unicode="&#xF127;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102261 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355914 150.0017577919009 288.2796295355914S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274923 182.9878946731093 288.2813873274923 179.2965316812694C288.2813873274923 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355914H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907954 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-2-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102262 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355915 150.0017577919009 288.2796295355915S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274924 182.9878946731093 288.2813873274924 179.2965316812694C288.2813873274924 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355915H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907955 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-3"
+      unicode="&#xF128;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home-3-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home"
+      unicode="&#xF129;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="home-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="hospital"
+      unicode="&#xF12A;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="hospital-1"
+      unicode="&#x68;&#x6F;&#x73;&#x70;&#x69;&#x74;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="house-1"
+      unicode="&#xF12B;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-1-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-2"
+      unicode="&#xF12C;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-2-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-3"
+      unicode="&#xF12D;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-3-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-4"
+      unicode="&#xF12E;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-4-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x34;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-key"
+      unicode="&#xF12F;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747578 139.0957622091874 273.5747709747578 141.82429315231C273.5747709747578 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house-key-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747579 139.0957622091874 273.5747709747579 141.82429315231C273.5747709747579 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house"
+      unicode="&#xF130;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="house-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="key-1"
+      unicode="&#xF131;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key-1-1"
+      unicode="&#x6B;&#x65;&#x79;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key"
+      unicode="&#xF132;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="key-1"
+      unicode="&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#xF133;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote-1-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote"
+      unicode="&#xF134;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937501 73.96046484375 299.9970135937501 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937502 73.96046484375 299.9970135937502 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quotes-sign"
+      unicode="&#xF135;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="left-quotes-sign-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x73;&#x2D;&#x73;&#x69;&#x67;&#x6E;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="location"
+      unicode="&#xF136;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875001C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="location-1"
+      unicode="&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875002C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="loupe"
+      unicode="&#xF137;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="loupe-1"
+      unicode="&#x6C;&#x6F;&#x75;&#x70;&#x65;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="mall"
+      unicode="&#xF138;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="mall-1"
+      unicode="&#x6D;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="maps-and-location"
+      unicode="&#xF139;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="maps-and-location-1"
+      unicode="&#x6D;&#x61;&#x70;&#x73;&#x2D;&#x61;&#x6E;&#x64;&#x2D;&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="measure"
+      unicode="&#xF13A;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="measure-1"
+      unicode="&#x6D;&#x65;&#x61;&#x73;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="metro"
+      unicode="&#xF13B;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="metro-1"
+      unicode="&#x6D;&#x65;&#x74;&#x72;&#x6F;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="mortarboard"
+      unicode="&#xF13C;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortarboard-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x61;&#x72;&#x62;&#x6F;&#x61;&#x72;&#x64;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortgage"
+      unicode="&#xF13D;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mortgage-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x67;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mountain"
+      unicode="&#xF13E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="mountain-1"
+      unicode="&#x6D;&#x6F;&#x75;&#x6E;&#x74;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="office"
+      unicode="&#xF13F;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351352 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="office-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x65;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351353 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="official-documents"
+      unicode="&#xF140;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="official-documents-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x69;&#x61;&#x6C;&#x2D;&#x64;&#x6F;&#x63;&#x75;&#x6D;&#x65;&#x6E;&#x74;&#x73;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="online-shop"
+      unicode="&#xF141;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844131L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="online-shop-1"
+      unicode="&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;&#x2D;&#x73;&#x68;&#x6F;&#x70;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844132L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="operator"
+      unicode="&#xF142;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="operator-1"
+      unicode="&#x6F;&#x70;&#x65;&#x72;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="package"
+      unicode="&#xF143;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101324 152.622985546875 294.1406135101324 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="package-1"
+      unicode="&#x70;&#x61;&#x63;&#x6B;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101325 152.622985546875 294.1406135101325 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="park"
+      unicode="&#xF144;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="park-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="parking"
+      unicode="&#xF145;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="parking-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="pencil"
+      unicode="&#xF146;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="pencil-1"
+      unicode="&#x70;&#x65;&#x6E;&#x63;&#x69;&#x6C;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="phone-call"
+      unicode="&#xF147;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="phone-call-1"
+      unicode="&#x70;&#x68;&#x6F;&#x6E;&#x65;&#x2D;&#x63;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="pin"
+      unicode="&#xF148;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="pin-1"
+      unicode="&#x70;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="plane"
+      unicode="&#xF149;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plane-1"
+      unicode="&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plus"
+      unicode="&#xF14A;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="plus-1"
+      unicode="&#x70;&#x6C;&#x75;&#x73;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="quotation"
+      unicode="&#xF14B;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="quotation-1"
+      unicode="&#x71;&#x75;&#x6F;&#x74;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="right-arrow"
+      unicode="&#xF14C;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-arrow-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-quote"
+      unicode="&#xF14D;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="right-quote-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="salad"
+      unicode="&#xF14E;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="salad-1"
+      unicode="&#x73;&#x61;&#x6C;&#x61;&#x64;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="secure-shield"
+      unicode="&#xF14F;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109986 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure-shield-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x69;&#x65;&#x6C;&#x64;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109987 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure"
+      unicode="&#xF150;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="secure-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="select"
+      unicode="&#xF151;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="select-1"
+      unicode="&#x73;&#x65;&#x6C;&#x65;&#x63;&#x74;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="sewing"
+      unicode="&#xF152;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="sewing-1"
+      unicode="&#x73;&#x65;&#x77;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="slider"
+      unicode="&#xF153;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000001V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000001L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250001L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slider-1"
+      unicode="&#x73;&#x6C;&#x69;&#x64;&#x65;&#x72;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000002V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000002L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250002L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slumber"
+      unicode="&#xF154;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="slumber-1"
+      unicode="&#x73;&#x6C;&#x75;&#x6D;&#x62;&#x65;&#x72;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol"
+      unicode="&#xF155;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol-1"
+      unicode="&#x73;&#x71;&#x75;&#x61;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x61;&#x70;&#x65;&#x2D;&#x64;&#x65;&#x73;&#x69;&#x67;&#x6E;&#x2D;&#x69;&#x6E;&#x74;&#x65;&#x72;&#x66;&#x61;&#x63;&#x65;&#x2D;&#x74;&#x6F;&#x6F;&#x6C;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="stethoscope"
+      unicode="&#xF156;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193495 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267263 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.4666806942399 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649143C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="stethoscope-1"
+      unicode="&#x73;&#x74;&#x65;&#x74;&#x68;&#x6F;&#x73;&#x63;&#x6F;&#x70;&#x65;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193496 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267264 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.46668069424 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649144C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="support"
+      unicode="&#xF157;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="support-1"
+      unicode="&#x73;&#x75;&#x70;&#x70;&#x6F;&#x72;&#x74;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="swimming"
+      unicode="&#xF158;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.972605415245 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="swimming-1"
+      unicode="&#x73;&#x77;&#x69;&#x6D;&#x6D;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.9726054152451 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="toilet"
+      unicode="&#xF159;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="toilet-1"
+      unicode="&#x74;&#x6F;&#x69;&#x6C;&#x65;&#x74;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="train"
+      unicode="&#xF15A;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="train-1"
+      unicode="&#x74;&#x72;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="user-1"
+      unicode="&#xF15B;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user-1-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user"
+      unicode="&#xF15C;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="user-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="vegetable"
+      unicode="&#xF15D;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="vegetable-1"
+      unicode="&#x76;&#x65;&#x67;&#x65;&#x74;&#x61;&#x62;&#x6C;&#x65;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="washer"
+      unicode="&#xF15E;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+    <glyph glyph-name="washer-1"
+      unicode="&#x77;&#x61;&#x73;&#x68;&#x65;&#x72;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+  </font>
+</defs>
+</svg>
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf
new file mode 100644
index 0000000..dee8e79
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff
new file mode 100644
index 0000000..eea8270
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2 b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2
new file mode 100644
index 0000000..20712d6
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2 differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css
new file mode 100644
index 0000000..39b8991
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js
new file mode 100644
index 0000000..6f45f1c
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html
new file mode 100644
index 0000000..1eb23c0
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html
@@ -0,0 +1,1382 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;96)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cancel"></span>
+                <span class="mls"> icon-cancel</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star"></span>
+                <span class="mls"> icon-star</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star-1"></span>
+                <span class="mls"> icon-star-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus"></span>
+                <span class="mls"> icon-plus</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-remove"></span>
+                <span class="mls"> icon-remove</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-compare"></span>
+                <span class="mls"> icon-compare</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-facebook"></span>
+                <span class="mls"> icon-facebook</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter"></span>
+                <span class="mls"> icon-twitter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-linkedin"></span>
+                <span class="mls"> icon-linkedin</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-whatsapp"></span>
+                <span class="mls"> icon-whatsapp</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-youtube"></span>
+                <span class="mls"> icon-youtube</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mail"></span>
+                <span class="mls"> icon-mail</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-placeholder"></span>
+                <span class="mls"> icon-placeholder</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-call"></span>
+                <span class="mls"> icon-call</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-left-arrow"></span>
+                <span class="mls"> icon-left-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-next"></span>
+                <span class="mls"> icon-next</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrows"></span>
+                <span class="mls"> icon-arrows</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-down-arrow"></span>
+                <span class="mls"> icon-down-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mechanic"></span>
+                <span class="mls"> icon-mechanic</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-service"></span>
+                <span class="mls"> icon-car-service</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-key"></span>
+                <span class="mls"> icon-key</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-repair"></span>
+                <span class="mls"> icon-repair</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts"></span>
+                <span class="mls"> icon-car-parts</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car"></span>
+                <span class="mls"> icon-car</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-exterior"></span>
+                <span class="mls"> icon-exterior</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-1"></span>
+                <span class="mls"> icon-car-parts-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-maintenance"></span>
+                <span class="mls"> icon-maintenance</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-1"></span>
+                <span class="mls"> icon-car-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-2"></span>
+                <span class="mls"> icon-car-parts-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-hand"></span>
+                <span class="mls"> icon-hand</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-accumulator"></span>
+                <span class="mls"> icon-accumulator</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-3"></span>
+                <span class="mls"> icon-car-parts-3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-repair-1"></span>
+                <span class="mls"> icon-repair-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-carwash"></span>
+                <span class="mls"> icon-carwash</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-4"></span>
+                <span class="mls"> icon-car-parts-4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-automobile"></span>
+                <span class="mls"> icon-automobile</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-polisher"></span>
+                <span class="mls"> icon-polisher</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-5"></span>
+                <span class="mls"> icon-car-parts-5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-gasoline"></span>
+                <span class="mls"> icon-gasoline</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-seat"></span>
+                <span class="mls"> icon-seat</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e927" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-6"></span>
+                <span class="mls"> icon-car-parts-6</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e928" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-2"></span>
+                <span class="mls"> icon-car-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e929" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-soap"></span>
+                <span class="mls"> icon-soap</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-7"></span>
+                <span class="mls"> icon-car-parts-7</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-disc-brake"></span>
+                <span class="mls"> icon-disc-brake</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-8"></span>
+                <span class="mls"> icon-car-parts-8</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wheel"></span>
+                <span class="mls"> icon-wheel</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-9"></span>
+                <span class="mls"> icon-car-parts-9</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-speedometer"></span>
+                <span class="mls"> icon-speedometer</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e930" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe930;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-maintenance-1"></span>
+                <span class="mls"> icon-maintenance-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e931" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shopping-bags"></span>
+                <span class="mls"> icon-shopping-bags</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e932" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shopping-cart"></span>
+                <span class="mls"> icon-shopping-cart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e933" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-view"></span>
+                <span class="mls"> icon-view</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e934" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe934;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-phone-call"></span>
+                <span class="mls"> icon-phone-call</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e935" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe935;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar"></span>
+                <span class="mls"> icon-calendar</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e936" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar-1"></span>
+                <span class="mls"> icon-calendar-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e937" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-right-arrow-angle"></span>
+                <span class="mls"> icon-right-arrow-angle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e938" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-down-arrow-1"></span>
+                <span class="mls"> icon-down-arrow-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e939" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-up-arrow-angle"></span>
+                <span class="mls"> icon-up-arrow-angle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-search"></span>
+                <span class="mls"> icon-search</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-share"></span>
+                <span class="mls"> icon-share</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-left-arrow-1"></span>
+                <span class="mls"> icon-left-arrow-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quotation"></span>
+                <span class="mls"> icon-quotation</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user"></span>
+                <span class="mls"> icon-user</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tag"></span>
+                <span class="mls"> icon-tag</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e940" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-play"></span>
+                <span class="mls"> icon-play</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e941" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-done"></span>
+                <span class="mls"> icon-done</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-electric-car"></span>
+                <span class="mls"> icon-electric-car</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e943" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cog"></span>
+                <span class="mls"> icon-cog</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e944" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-3"></span>
+                <span class="mls"> icon-car-3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e945" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tyre"></span>
+                <span class="mls"> icon-tyre</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e946" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wheel-1"></span>
+                <span class="mls"> icon-wheel-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e947" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tire"></span>
+                <span class="mls"> icon-tire</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e948" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tire-1"></span>
+                <span class="mls"> icon-tire-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e949" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-flat-tire"></span>
+                <span class="mls"> icon-flat-tire</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-pressure"></span>
+                <span class="mls"> icon-pressure</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-right-quote"></span>
+                <span class="mls"> icon-right-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote"></span>
+                <span class="mls"> icon-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quotation-1"></span>
+                <span class="mls"> icon-quotation-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote-1"></span>
+                <span class="mls"> icon-quote-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-open"></span>
+                <span class="mls"> icon-open</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e950" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe950;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-options"></span>
+                <span class="mls"> icon-options</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e951" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe951;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location"></span>
+                <span class="mls"> icon-location</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e952" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe952;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-edit"></span>
+                <span class="mls"> icon-edit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e953" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe953;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-award"></span>
+                <span class="mls"> icon-award</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e954" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe954;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu"></span>
+                <span class="mls"> icon-menu</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e955" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-categories"></span>
+                <span class="mls"> icon-categories</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e956" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu-1"></span>
+                <span class="mls"> icon-menu-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e957" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu-2"></span>
+                <span class="mls"> icon-menu-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e958" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark"></span>
+                <span class="mls"> icon-bookmark</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e959" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark-1"></span>
+                <span class="mls"> icon-bookmark-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-reply"></span>
+                <span class="mls"> icon-reply</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-reply-1"></span>
+                <span class="mls"> icon-reply-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-globe"></span>
+                <span class="mls"> icon-globe</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clock"></span>
+                <span class="mls"> icon-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-alarm-clock"></span>
+                <span class="mls"> icon-alarm-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" >
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value="">
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot
new file mode 100644
index 0000000..1e6a190
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg
new file mode 100644
index 0000000..a39fd80
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" >
+<missing-glyph horiz-adv-x="1024" >
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" >
+<glyph unicode="&#xe900;" glyph-name="cancel" d="M568.571 447.997l443.713 443.715c15.622 15.622 15.622 40.95 0 56.57s-40.95 15.622-56.57 0l-443.715-443.715-443.713 443.715c-15.622 15.622-40.95 15.622-56.57 0s-15.622-40.95 0-56.57l443.713-443.713-443.713-443.715c-15.622-15.622-15.622-40.95 0-56.57 7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714l443.711 443.713 443.713-443.713c7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714c15.622 15.622 15.622 40.95 0 56.57l-443.713 443.713z" >
+<glyph unicode="&#xe901;" glyph-name="star" d="M1022.53 565.486c-3.528 10.862-12.914 18.778-24.214 20.418l-317.445 46.13-141.969 287.653c-5.052 10.24-15.482 16.722-26.9 16.722-11.42 0-21.848-6.482-26.902-16.722l-141.975-287.653-317.439-46.13c-11.298-1.64-20.688-9.556-24.216-20.416-3.53-10.862-0.586-22.784 7.592-30.754l229.695-223.907-54.216-316.165c-1.932-11.256 2.696-22.628 11.934-29.342 5.226-3.796 11.416-5.728 17.636-5.728 4.776 0 9.568 1.138 13.956 3.446l283.933 149.275 283.921-149.273c10.11-5.314 22.356-4.43 31.594 2.282s13.868 18.088 11.938 29.344l-54.234 316.161 229.721 223.909c8.176 7.968 11.122 19.89 7.59 30.75z" >
+<glyph unicode="&#xe902;" glyph-name="star-1" d="M229.193-43.294c-11.219 0-22.36 3.5-31.868 10.375-17.711 12.836-25.985 34.899-21.165 56.189l65.877 290.187-223.412 195.927c-16.422 14.336-22.696 37.040-15.954 57.814 6.742 20.735 25.087 35.415 46.806 37.423l295.601 26.837 116.87 273.499c8.617 20.094 28.243 33.071 50.048 33.071s41.431-12.977 50.048-33.024l116.87-273.546 295.554-26.837c21.766-1.961 40.11-16.688 46.853-37.423s0.508-43.478-15.914-57.814l-223.412-195.888 65.877-290.179c4.828-21.336-3.453-43.4-21.157-56.197-17.665-12.797-41.22-13.782-59.822-2.602l-254.897 152.324-254.897-152.41c-8.617-5.117-18.219-7.727-27.907-7.727zM511.998 182.462c9.688 0 19.282-2.602 27.907-7.719l240.561-143.879-62.173 273.89c-4.438 19.493 2.18 39.845 17.243 53.033l210.951 185.005-279.093 25.344c-20.094 1.836-37.376 14.469-45.228 32.985l-110.167 258.1-110.3-258.139c-7.766-18.391-25.048-31.024-45.095-32.86l-279.132-25.344 210.943-185.005c15.11-13.227 21.719-33.54 17.243-53.079l-62.127-273.882 240.561 143.832c8.617 5.117 18.219 7.719 27.907 7.719zM342.821 626.169s0-0.047-0.047-0.086zM681.088 626.294l0.047-0.086c0 0.047 0 0.047-0.047 0.086z" >
+<glyph unicode="&#xe903;" glyph-name="plus" d="M984 488h-432v432c0 22.092-17.908 40-40 40s-40-17.908-40-40v-432h-432c-22.092 0-40-17.908-40-40s17.908-40 40-40h432v-432c0-22.092 17.908-40 40-40s40 17.908 40 40v432h432c22.092 0 40 17.908 40 40s-17.908 40-40 40z" >
+<glyph unicode="&#xe904;" glyph-name="remove" d="M981.332 490.668h-938.665c-23.565 0-42.668-19.103-42.668-42.668s19.102-42.668 42.668-42.668h938.668c23.565 0 42.668 19.102 42.668 42.668s-19.105 42.668-42.67 42.668z" >
+<glyph unicode="&#xe905;" glyph-name="compare" d="M358.912 345.6h-358.912v-102.4h358.912v-153.6l204.288 204.8-204.288 204.8zM665.088 652.8v153.6l-204.288-204.8 204.288-204.8v153.6h358.912v102.4z" >
+<glyph unicode="&#xe906;" glyph-name="facebook" d="M682.539 789.973h93.483v162.816c-16.128 2.219-71.595 7.211-136.192 7.211-134.784 0-227.115-84.779-227.115-240.597v-143.403h-148.736v-182.016h148.736v-457.984h182.357v457.941h142.72l22.656 182.016h-165.419v125.397c0.043 52.608 14.208 88.619 87.509 88.619z" >
+<glyph unicode="&#xe907;" glyph-name="twitter" d="M1024 765.504c-38.080-16.704-78.656-27.776-120.96-33.152 43.52 25.984 76.736 66.816 92.352 116.032-40.576-24.192-85.376-41.28-133.12-50.816-38.528 41.024-93.44 66.432-153.344 66.432-116.224 0-209.792-94.336-209.792-209.984 0-16.64 1.408-32.64 4.864-47.872-174.528 8.512-328.96 92.16-432.704 219.584-18.112-31.424-28.736-67.392-28.736-106.112 0-72.704 37.44-137.152 93.248-174.464-33.728 0.64-66.816 10.432-94.848 25.856 0-0.64 0-1.472 0-2.304 0-102.016 72.768-186.752 168.192-206.272-17.088-4.672-35.712-6.912-55.040-6.912-13.44 0-27.008 0.768-39.744 3.584 27.2-83.136 104.384-144.256 196.16-146.24-71.424-55.872-162.112-89.536-260.288-89.536-17.216 0-33.728 0.768-50.24 2.88 92.992-59.968 203.2-94.208 322.048-94.208 386.304 0 597.504 320 597.504 597.376 0 9.28-0.32 18.24-0.768 27.136 41.664 29.568 76.672 66.496 105.216 108.992z" >
+<glyph unicode="&#xe908;" glyph-name="linkedin" d="M1023.744-64v0.043h0.256v375.552c0 183.723-39.552 325.248-254.336 325.248-103.253 0-172.544-56.661-200.832-110.379h-2.987v93.227h-203.648v-683.648h212.053v338.517c0 89.131 16.896 175.317 127.275 175.317 108.757 0 110.379-101.717 110.379-181.035v-332.843zM16.896 619.648h212.309v-683.648h-212.309zM122.965 960c-67.883 0-122.965-55.083-122.965-122.965s55.083-124.117 122.965-124.117 122.965 56.235 122.965 124.117c-0.043 67.883-55.125 122.965-122.965 122.965z" >
+<glyph unicode="&#xe909;" glyph-name="whatsapp" d="M512.128 960h-0.256c-282.304 0-511.872-229.632-511.872-512 0-112 36.096-215.808 97.472-300.096l-63.808-190.208 196.8 62.912c80.96-53.632 177.536-84.608 281.664-84.608 282.304 0 511.872 229.696 511.872 512s-229.568 512-511.872 512zM810.048 236.992c-12.352-34.88-61.376-63.808-100.48-72.256-26.752-5.696-61.696-10.24-179.328 38.528-150.464 62.336-247.36 215.232-254.912 225.152-7.232 9.92-60.8 80.96-60.8 154.432s37.312 109.248 52.352 124.608c12.352 12.608 32.768 18.368 52.352 18.368 6.336 0 12.032-0.32 17.152-0.576 15.040-0.64 22.592-1.536 32.512-25.28 12.352-29.76 42.432-103.232 46.016-110.784 3.648-7.552 7.296-17.792 2.176-27.712-4.8-10.24-9.024-14.784-16.576-23.488s-14.72-15.36-22.272-24.704c-6.912-8.128-14.72-16.832-6.016-31.872 8.704-14.72 38.784-63.808 83.072-103.232 57.152-50.88 103.488-67.136 120.064-74.048 12.352-5.12 27.072-3.904 36.096 5.696 11.456 12.352 25.6 32.832 40 52.992 10.24 14.464 23.168 16.256 36.736 11.136 13.824-4.8 86.976-40.96 102.016-48.448 15.040-7.552 24.96-11.136 28.608-17.472 3.584-6.336 3.584-36.096-8.768-71.040z" >
+<glyph unicode="&#xe90a;" glyph-name="youtube" d="M980.48 732.16c-27.776 49.408-57.92 58.496-119.296 61.952-61.312 4.16-215.488 5.888-349.056 5.888-133.824 0-288.064-1.728-349.312-5.824-61.248-3.52-91.456-12.544-119.488-62.016-28.608-49.344-43.328-134.336-43.328-283.968 0-0.128 0-0.192 0-0.192 0-0.128 0-0.192 0-0.192v-0.128c0-148.992 14.72-234.624 43.328-283.456 28.032-49.408 58.176-58.368 119.424-62.528 61.312-3.584 215.552-5.696 349.376-5.696 133.568 0 287.744 2.112 349.12 5.632 61.376 4.16 91.52 13.12 119.296 62.528 28.864 48.832 43.456 134.464 43.456 283.456 0 0 0 0.192 0 0.32 0 0 0 0.128 0 0.192 0 149.696-14.592 234.688-43.52 284.032zM384 256v384l320-192-320-192z" >
+<glyph unicode="&#xe90b;" glyph-name="mail" d="M971.486 789.334h-918.972c-28.884 0-52.514-23.63-52.514-52.512v-577.642c0-28.88 23.63-52.514 52.514-52.514h918.974c28.88 0 52.514 23.63 52.514 52.514v577.642c-0.002 28.882-23.632 52.512-52.516 52.512zM951.78 749.952l-409.572-307.204c-7.364-5.604-18.668-9.11-30.21-9.058-11.54-0.052-22.842 3.454-30.208 9.058l-409.572 307.204h879.562zM733 422.478l223.18-275.694c0.224-0.276 0.498-0.486 0.736-0.736h-889.832c0.236 0.262 0.512 0.46 0.736 0.736l223.18 275.694c6.838 8.454 5.542 20.848-2.928 27.702-8.454 6.838-20.848 5.542-27.688-2.914l-221-273.002v551.072l418.788-314.092c15.742-11.724 34.894-16.884 53.824-16.936 18.904 0.040 38.072 5.2 53.824 16.936l418.788 314.092v-551.068l-220.994 272.998c-6.84 8.454-19.246 9.754-27.688 2.914-8.468-6.838-9.768-19.248-2.926-27.702z" >
+<glyph unicode="&#xe90c;" glyph-name="placeholder" d="M512 960c-198.504 0-360-161.496-360-360 0-67.068 18.578-132.52 53.738-189.304l285.77-460.514c5.474-8.822 15.118-14.182 25.49-14.182 0.080 0 0.158 0 0.238 0 10.462 0.082 20.126 5.608 25.5 14.584l278.486 464.976c33.22 55.584 50.778 119.362 50.778 184.44 0 198.504-161.496 360-360 360zM769.732 446.364l-253.188-422.736-259.81 418.68c-29.266 47.264-45.134 101.792-45.134 157.692 0 165.42 134.98 300.4 300.4 300.4s300.2-134.98 300.2-300.4c0-54.242-14.822-107.376-42.468-153.636zM512 780c-99.252 0-180-80.748-180-180 0-98.618 79.434-180 180-180 101.806 0 180 82.466 180 180 0 99.252-80.748 180-180 180zM512 479.6c-66.514 0-120.4 54.066-120.4 120.4 0 66.168 54.232 120.4 120.4 120.4s120.2-54.232 120.2-120.4c0-65.366-52.632-120.4-120.2-120.4z" >
+<glyph unicode="&#xe90d;" glyph-name="call" d="M997.13 170.039l-207.261 138.219c-26.302 17.399-61.559 11.674-81.004-13.156l-60.373-77.624c-7.759-10.23-21.863-13.198-33.087-6.963l-11.484 6.331c-38.070 20.751-85.439 46.585-180.879 142.059s-121.326 142.879-142.077 180.879l-6.297 11.484c-6.321 11.222-3.409 25.386 6.825 33.207l77.572 60.355c24.82 19.447 30.553 54.694 13.174 81.004l-138.219 207.261c-17.811 26.792-53.546 34.835-81.12 18.259l-86.669-52.062c-27.232-16.010-47.211-41.938-55.748-72.351-31.209-113.715-7.731-309.97 281.37-599.105 229.974-229.956 401.178-291.797 518.853-291.797 27.082-0.116 54.058 3.407 80.202 10.476 30.419 8.527 56.352 28.508 72.351 55.748l52.114 86.617c16.6 27.58 8.561 63.337-18.243 81.158zM985.97 106.391l-51.994-86.669c-11.488-19.661-30.14-34.117-52.046-40.34-104.978-28.822-288.383-4.949-565.932 272.6s-301.419 460.938-272.598 565.932c6.231 21.933 20.705 40.608 40.39 52.114l86.669 51.994c11.964 7.199 27.474 3.709 35.203-7.917l138.102-207.243c7.547-11.412 5.067-26.708-5.699-35.153l-77.59-60.355c-23.612-18.055-30.355-50.724-15.818-76.653l6.161-11.194c21.809-39.998 48.923-89.757 147.912-188.73 98.989-98.971 148.732-126.087 188.712-147.894l11.21-6.177c25.926-14.536 58.597-7.795 76.653 15.818l60.355 77.59c8.447 10.76 23.736 13.238 35.153 5.699l207.243-138.219c11.634-7.723 15.124-23.241 7.915-35.203zM580.236 789.245c160.138-0.178 289.911-129.953 290.091-290.091 0-9.425 7.639-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.198 178.979-145.238 324.022-324.218 324.218-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 686.861c103.617-0.122 187.584-84.090 187.706-187.706 0-9.425 7.641-17.063 17.063-17.063 9.425 0 17.063 7.639 17.063 17.063-0.142 122.458-99.377 221.693-221.833 221.833-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 584.476c47.097-0.056 85.263-38.222 85.321-85.321 0-9.425 7.641-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.076 65.938-53.51 119.374-119.448 119.448-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063z" >
+<glyph unicode="&#xe90e;" glyph-name="left-arrow" d="M334.018 797.137c14.436 14.436 37.164 14.436 51.6 0 13.949-13.949 13.949-37.164 0-51.080l-261.641-261.641h863.38c20.126 0 36.643-15.997 36.643-36.123s-16.517-36.643-36.643-36.643h-863.38l261.641-261.153c13.949-14.436 13.949-37.684 0-51.6-14.436-14.436-37.164-14.436-51.6 0l-323.581 323.581c-13.949 13.949-13.949 37.164 0 51.080l323.581 323.581z" >
+<glyph unicode="&#xe90f;" glyph-name="next" d="M689.55 797.181c-13.95 14.438-37.168 14.438-51.606 0-13.95-13.95-13.95-37.168 0-51.086l261.674-261.674h-863.49c-20.129-0.033-36.128-16.032-36.128-36.16s15.999-36.648 36.128-36.648h863.49l-261.674-261.187c-13.95-14.438-13.95-37.689 0-51.606 14.438-14.438 37.689-14.438 51.606 0l323.622 323.622c14.438 13.95 14.438 37.168 0 51.086l-323.622 323.654z" >
+<glyph unicode="&#xe910;" glyph-name="arrows" d="M861.287 625.791c14.443-14.443 14.443-37.181 0-51.625-13.955-13.955-37.181-13.955-51.104 0l-261.766 261.766v-863.824c0-20.136-16.005-36.14-36.14-36.14s-36.661 16.005-36.661 36.14v863.857l-261.245-261.766c-14.443-13.955-37.702-13.955-51.625 0-14.443 14.443-14.443 37.181 0 51.625l323.735 323.735c13.955 13.955 37.181 13.955 51.104 0l323.702-323.767z" >
+<glyph unicode="&#xe911;" glyph-name="down-arrow" d="M861.547 270.177c13.955 14.443 13.955 37.181 0 51.625-14.443 13.955-37.702 13.955-51.625 0l-261.766-261.766v863.824c0 20.136-16.005 36.14-36.14 36.14s-36.661-16.005-36.661-36.14v-863.824l-261.245 261.766c-14.443 13.955-37.181 13.955-51.625 0-13.955-14.443-13.955-37.181 0-51.625l323.735-323.735c13.955-13.955 37.181-13.955 51.625 0l323.702 323.735z" >
+<glyph unicode="&#xe912;" glyph-name="mechanic" d="M951.984-31.968c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM920.016 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM983.984 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM999.984 192h-95.968c-8.848 0-16 7.152-16 16s7.152 16 16 16h95.968c8.848 0 16-7.152 16-16s-7.152-16-16-16zM951.984 192c-8.848 0-16 7.152-16 16v208c0 8.848 7.152 16 16 16s16-7.152 16-16v-208c0-8.848-7.152-16-16-16zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688-6.256 6.256-6.256 16.368 0 22.624l32 32c6.256 6.256 16.368 6.256 22.624 0s6.256-16.368 0-22.624l-32-32c-3.12-3.12-7.216-4.688-11.312-4.688zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688l-32 32c-6.256 6.256-6.256 16.368 0 22.624s16.368 6.256 22.624 0l32-32c6.256-6.256 6.256-16.368 0-22.624-3.12-3.12-7.216-4.688-11.312-4.688zM919.984 432c-1.984 0-4 0.352-5.936 1.136-8.208 3.28-12.208 12.592-8.928 20.8l32 80.032c3.28 8.24 12.672 12.224 20.8 8.928 8.208-3.28 12.208-12.592 8.928-20.8l-32-80.032c-2.512-6.272-8.512-10.064-14.864-10.064zM983.984 432c-6.336 0-12.352 3.792-14.864 10.064l-32 80.032c-3.28 8.208 0.72 17.52 8.928 20.8 8.144 3.28 17.52-0.688 20.8-8.928l32-80.032c3.28-8.208-0.72-17.52-8.928-20.8-1.936-0.784-3.952-1.136-5.936-1.136zM792 352.096c-52.944 0-96 43.056-96 96 0 38.064 22.592 72.56 57.584 87.904 4.928 2.176 10.656 1.696 15.168-1.264 4.528-2.96 7.248-7.984 7.248-13.392v-57.248c0-8.832 7.168-16 16-16s16 7.168 16 16v57.248c0 5.408 2.72 10.432 7.248 13.392 4.496 2.976 10.208 3.456 15.168 1.264 34.976-15.328 57.584-49.824 57.584-87.904 0-52.944-43.056-96-96-96zM744 490.336c-10.112-11.472-16-26.384-16-42.24 0-35.296 28.704-64 64-64s64 28.704 64 64c0 15.856-5.888 30.784-16 42.256v-26.256c0-26.464-21.536-48-48-48s-48 21.536-48 48zM792-32.032c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM824-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM760-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM24.016 79.968c-8.848 0-16 7.152-16 16 0 79.424 64.608 144.032 144.032 144.032 8.848 0 16-7.152 16-16s-7.152-16-16-16c-61.776 0-112.032-50.256-112.032-112.032 0-8.848-7.152-16-16-16zM695.984 79.968c-8.848 0-16 7.152-16 16 0 61.744-50.256 112-112 112-8.848 0-16 7.152-16 16s7.152 16 16 16c79.408 0 144-64.592 144-144 0-8.848-7.152-16-16-16zM248 207.968l-95.952 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.952-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM567.984 207.968l-95.984 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.984-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM24.048-31.968c-8.832 0-16 7.152-16 16l-0.032 111.936c0 8.832 7.152 16 16 16 8.832 0 16-7.152 16-16l0.032-111.936c0-8.832-7.152-16-16-16zM695.984-31.968c-8.848 0-16 7.152-16 16v111.936c0 8.848 7.152 16 16 16s16-7.152 16-16v-111.936c0-8.848-7.152-16-16-16zM248 207.968c-8.848 0-16 7.152-16 16v91.712c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.712c0-8.848-7.152-16-16-16zM472 208c-8.848 0-16 7.152-16 16v91.68c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.68c0-8.848-7.152-16-16-16zM360 272c-141.152 0-256 114.848-256 256 0 8.848 7.152 16 16 16s16-7.152 16-16c0-123.52 100.48-224 224-224s224 100.48 224 224c0 8.848 7.152 16 16 16s16-7.152 16-16c0-141.152-114.848-256-256-256zM600 640.032c-8.848 0-16 7.152-16 16 0 123.52-100.48 224-224 224s-224-100.48-224-224c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 141.152 114.848 256 256 256s256-114.848 256-256c0-8.848-7.152-16-16-16zM120 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM600 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM632 576.032h-544c-8.848 0-16 7.152-16 16s7.152 16 16 16h544c8.848 0 16-7.152 16-16s-7.152-16-16-16zM632 576.032c-4.352 0-8.704 1.76-11.856 5.248-0.416 0.432-58.464 58.752-260.144 58.752s-259.712-58.32-260.288-58.912c-6.080-6.32-16.128-6.688-22.544-0.736-6.4 5.968-6.912 15.888-1.024 22.384 2.56 2.832 65.28 69.248 283.856 69.248s281.296-66.416 283.856-69.248c5.936-6.544 5.44-16.672-1.104-22.608-3.072-2.752-6.912-4.128-10.752-4.128zM600 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM120 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM360 880.032c-8.848 0-16 7.152-16 16v16c0 8.848 7.152 16 16 16s16-7.152 16-16v-16c0-8.848-7.152-16-16-16zM360.256 160c-87.568 0-123.808 52.88-125.312 55.12-4.912 7.36-2.928 17.28 4.432 22.192 7.36 4.864 17.2 2.912 22.128-4.336 1.248-1.808 29.216-40.976 98.752-40.976 70.624 0 98.416 40.464 98.688 40.88 4.896 7.36 14.8 9.344 22.192 4.432 7.36-4.912 9.344-14.832 4.432-22.192-1.504-2.24-37.76-55.12-125.312-55.12zM456.272-32c-8.848 0-16 7.152-16 16 0 44.112-35.888 80-80.016 80s-80.016-35.888-80.016-80c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 61.744 50.256 112 112.016 112s112.016-50.256 112.016-112c0-8.848-7.168-16-16-16zM359.984 704c-35.296 0-64 28.704-64 64s28.704 64 64 64 64-28.704 64-64-28.704-64-64-64zM359.984 800c-17.648 0-32-14.352-32-32s14.352-32 32-32 32 14.352 32 32-14.352 32-32 32z" >
+<glyph unicode="&#xe913;" glyph-name="car-service" d="M960 640h48v32h-37.28l-75.28 182.832c-22.32 54.16-74.576 89.168-133.152 89.168h-260.64c-49.040 0-94.256-24.592-120.912-65.76l-134.912-208.496-218.208-62.368c-6.88-1.952-11.616-8.24-11.616-15.376v-208c0-8.832 7.152-16 16-16h80.944c7.984-71.888 69.056-128 143.056-128s135.072 56.112 143.056 128h51.056l8.64-12.976c24.368-36.544 37.248-79.088 37.248-123.024s-12.88-86.48-37.248-123.024l-11.68-17.536c-9.856-14.784-15.056-32-15.056-49.744-0.016-49.456 40.224-89.696 89.664-89.696 17.76 0 34.976 5.216 49.744 15.056l10.88 7.248c17.936 11.952 37.344 21.328 57.68 28.272v-50.576h32v64c0 5.344-2.672 10.336-7.12 13.312l-88.864 59.248v55.44c0 8.816 7.168 16 16 16s16-7.184 16-16v-48h32v208c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v144c0 8.816 7.168 16 16 16s16-7.184 16-16v-144h32v112c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v48c0 8.816 7.168 16 16 16s16-7.184 16-16v-169.376l-27.312-27.312c-3.008-2.992-4.688-7.072-4.688-11.312v-80h32v18.112l4.56-3.040c14.784-9.856 31.984-15.072 49.76-15.072 49.44 0 89.68 40.24 89.68 89.68 0 17.76-5.2 34.96-15.056 49.744l-11.68 17.536c-24.384 36.56-37.264 79.104-37.264 123.040s12.88 86.48 37.248 123.024l11.68 17.536c9.856 14.784 15.056 32 15.056 49.744 0.016 49.456-40.224 89.696-89.664 89.696-17.76 0-34.976-5.216-49.744-15.056l-10.88-7.248c-40.912-27.28-88.528-41.696-137.696-41.696s-96.784 14.416-137.68 41.68l-10.88 7.248c-14.784 9.856-31.984 15.072-49.76 15.072-49.44 0-89.68-40.24-89.68-89.68 0-7.6 1.152-15.056 3.008-22.32h-35.952c-7.984 71.888-69.056 128-143.056 128s-135.072-56.112-143.056-128h-64.944v96h48c8.848 0 16 7.168 16 16v86.224l148.384 42.4c3.728 1.056 6.944 3.44 9.040 6.688l138.176 213.536c20.736 32.032 55.888 51.152 94.048 51.152h260.64c45.568 0 86.224-27.232 103.568-69.36l79.36-192.736c2.448-5.984 8.304-9.904 14.784-9.904zM521.68 480c11.424 0 22.48-3.344 32-9.68l10.88-7.248c46.192-30.8 99.936-47.072 155.44-47.072s109.248 16.272 155.44 47.056l10.88 7.248c9.52 6.336 20.576 9.68 32 9.68 31.808 0.016 57.68-25.856 57.68-57.664 0-11.424-3.344-22.496-9.68-32l-11.68-17.536c-27.904-41.824-42.64-90.496-42.64-140.784s14.736-98.96 42.624-140.784l11.68-17.536c6.336-9.504 9.68-20.576 9.68-32 0.016-31.808-25.856-57.68-57.664-57.68-11.424 0-22.48 3.344-32 9.68l-10.88 7.248c-3.728 2.48-7.616 4.672-11.44 6.96v17.472l27.312 27.312c3.008 3.008 4.688 7.088 4.688 11.328v176c0 26.464-21.536 48-48 48-5.632 0-10.976-1.152-16-2.944v18.944c0 26.464-21.536 48-48 48-6.32 0-12.32-1.296-17.856-3.52-5.52 20.4-24.016 35.52-46.144 35.52s-40.608-15.12-46.144-35.52c-5.536 2.224-11.536 3.52-17.856 3.52-26.464 0-48-21.536-48-48v-114.944c-5.024 1.792-10.368 2.944-16 2.944-26.464 0-48-21.536-48-48v-64c0-5.344 2.672-10.336 7.12-13.312l60.848-40.56c-16.512-6.912-32.432-15.2-47.408-25.184l-10.88-7.248c-9.52-6.336-20.576-9.68-32-9.68-31.808-0.016-57.68 25.856-57.68 57.664 0 11.424 3.344 22.496 9.68 32l11.68 17.536c27.904 41.824 42.64 90.496 42.64 140.784s-14.736 98.96-42.624 140.784l-11.68 17.536c-6.336 9.504-9.68 20.576-9.68 32-0.016 31.808 25.856 57.68 57.664 57.68zM256 496c61.744 0 112-50.24 112-112s-50.256-112-112-112-112 50.24-112 112 50.256 112 112 112zM80 528h-32v51.936l32 9.136zM256 304c44.112 0 80 35.888 80 80s-35.888 80-80 80-80-35.888-80-80 35.888-80 80-80zM256 432c26.464 0 48-21.536 48-48s-21.536-48-48-48-48 21.536-48 48 21.536 48 48 48zM893.184 646.944c2.992 4.336 3.648 9.872 1.744 14.8l-64.208 166.976c-11.808 30.672-41.824 51.28-74.672 51.28h-240.288c-27.984 0-53.456-14.24-68.144-38.080l-109.248-177.536c-3.040-4.944-3.168-11.12-0.336-16.192s8.176-8.192 13.968-8.192h528c5.264 0 10.208 2.592 13.184 6.944zM474.88 825.152c8.8 14.304 24.096 22.848 40.88 22.848h92.24v-176h-227.376zM640 672v176h116.048c19.696 0 37.712-12.368 44.8-30.768l55.856-145.232zM576 608h64v-32h-64zM832 608h64v-32h-64zM384 64c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM304 21.008c-7.104 10.688-16.304 19.872-26.992 26.992 10.688 7.104 19.872 16.304 26.992 26.992 7.104-10.688 16.304-19.872 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM192 176c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM112 133.008c-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992 7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM32 832c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16zM112 874.992c7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992z" >
+<glyph unicode="&#xe914;" glyph-name="key" d="M453.51 690.335l-109.678 109.68c-20.296 20.296-53.322 20.296-73.618 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.678c10.15-10.15 23.478-15.222 36.81-15.222 13.328 0 26.662 5.076 36.808 15.222l43.402 43.4c20.296 20.296 20.296 53.322 0 73.618zM432.9 637.327l-43.402-43.4c-4.328-4.326-10.080-6.71-16.198-6.71-6.12 0-11.872 2.384-16.2 6.71l-109.678 109.678c-8.932 8.932-8.932 23.466 0 32.398l43.402 43.4c4.466 4.466 10.332 6.7 16.2 6.7 5.866 0 11.732-2.234 16.198-6.698l109.678-109.68c4.326-4.328 6.71-10.080 6.71-16.198 0-6.12-2.384-11.872-6.71-16.2zM320.599 557.424l-109.68 109.68c-20.296 20.296-53.32 20.296-73.616 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.68c10.148-10.148 23.478-15.222 36.808-15.222s26.662 5.074 36.81 15.222l43.402 43.402c20.296 20.296 20.296 53.322 0 73.618zM299.989 504.416l-43.402-43.4c-8.932-8.932-23.466-8.93-32.398 0l-109.678 109.68c-4.326 4.328-6.71 10.080-6.71 16.198s2.382 11.872 6.71 16.198l43.402 43.402c4.466 4.466 10.332 6.698 16.198 6.698s11.732-2.232 16.198-6.698l109.68-109.68c8.932-8.932 8.932-23.466 0-32.398zM994.096 621.665l-138.029 138.029c-20.736 20.736-49.42 31.556-78.678 29.702-6.788-0.432-13.45-1.564-19.916-3.296-23.646 18.040-52.24 34.526-83.546 47.948-46.546 19.958-93.882 30.95-133.297 30.95-0.006 0-0.012 0-0.016 0-5.444 0-10.66-0.228-15.664-0.65-11.596 13.362-28.106 22.342-46.74 24.11l-133.149 12.638c-34.152 3.242-67.642-8.81-91.894-33.064l-139.319-139.319c-5.692-5.69-5.692-14.918 0-20.61 5.69-5.69 14.918-5.69 20.61 0l139.319 139.319c18.086 18.086 43.064 27.078 68.53 24.658l133.149-12.638c19.836-1.884 35.6-17.648 37.484-37.484l7.136-75.188c-0.134 0.12-0.27 0.24-0.406 0.362-1.21 1.082-2.406 2.166-3.574 3.256-1.028 0.956-2.040 1.916-3.032 2.878-0.466 0.454-0.93 0.906-1.39 1.362-1.4 1.384-2.776 2.77-4.102 4.162-1.16 1.22-2.27 2.434-3.356 3.646-0.26 0.29-0.518 0.578-0.774 0.866-1.028 1.164-2.030 2.324-2.99 3.478-0.216 0.258-0.418 0.514-0.63 0.772-0.756 0.922-1.488 1.838-2.198 2.752-0.296 0.38-0.596 0.762-0.884 1.14-0.772 1.016-1.518 2.028-2.234 3.032-0.354 0.498-0.692 0.99-1.032 1.484-0.262 0.382-0.514 0.76-0.768 1.138 8.322 17.334 5.358 38.772-8.99 53.12-18.16 18.16-47.71 18.162-65.874 0-18.162-18.162-18.162-47.712 0-65.874 9.080-9.080 21.010-13.62 32.936-13.62 7.294 0 14.582 1.718 21.224 5.114 4.174-5.674 8.988-11.398 14.452-17.14 10.584-11.124 23.228-21.96 37.446-32.236l1.676-17.652c2.418-25.462-6.57-50.442-24.658-68.53l-235.321-235.321c-6.022-6.022-14.028-9.338-22.544-9.338s-16.522 3.316-22.544 9.338l-182.055 182.055c-6.022 6.022-9.338 14.028-9.338 22.544s3.316 16.522 9.338 22.544l28.682 28.682c5.692 5.69 5.692 14.918 0 20.61-5.69 5.69-14.918 5.69-20.61 0l-28.68-28.678c-23.794-23.794-23.794-62.512 0-86.308l182.055-182.055c11.526-11.526 26.852-17.876 43.154-17.876s31.628 6.348 43.154 17.876l235.321 235.321c23.032 23.034 35.034 54.402 33.41 86.744 14.37-8.318 29.736-16.048 45.84-22.952 9.056-3.884 18.14-7.416 27.192-10.606l-81.912-105.878c-28.008-36.2-28.11-86.202-2.114-122.37l-67.262-67.262c-7.568-7.57-10.73-18.74-8.252-29.154 0.152-0.64-0.042-1.328-0.508-1.796l-48.538-48.538c-1.936-1.936-3.564-4.148-4.842-6.578l-27.328-52.054-49.046-25.354c-5.19-2.684-9.446-7.060-11.986-12.324l-19.234-39.884-58.394-36.578c-6.13-3.838-10.17-10.154-11.086-17.326l-8.482-66.276c-0.952-7.44 1.544-14.75 6.848-20.052 4.562-4.562 10.608-7.046 16.944-7.046 1.030 0 2.068 0.066 3.11 0.198l66.278 8.482c7.168 0.918 13.482 4.956 17.324 11.084l36.578 58.394 39.882 19.236c5.264 2.538 9.642 6.798 12.326 11.988l25.352 49.042 52.058 27.33c2.43 1.276 4.644 2.906 6.576 4.84l48.536 48.536c0.474 0.474 1.148 0.666 1.796 0.508 10.418-2.476 21.588 0.686 29.154 8.254l67.256 67.256c17.706-12.728 38.718-19.212 59.816-19.21 21.998 0 44.080 7.032 62.558 21.328l77.954 60.31c6.366 4.926 7.534 14.078 2.61 20.444-4.924 6.364-14.078 7.536-20.444 2.61l-77.954-60.31c-28.616-22.138-69.286-19.904-95.332 4.978-0.022 0.020-0.040 0.044-0.060 0.064l-0.586 0.554c-0.19 0.178-0.382 0.354-0.566 0.54l-91.752 91.752c-0.182 0.182-0.356 0.37-0.532 0.556l-0.574 0.606c-0.016 0.016-0.032 0.030-0.048 0.046-24.884 26.044-27.122 66.72-4.982 95.338l88.578 114.494c27.026-7.26 53.092-11.126 76.384-11.126 0.004 0 0.012 0 0.016 0 6.926 0 13.502 0.348 19.714 1.028l116.332-116.332c8.432-8.43 19.506-12.646 30.58-12.646s22.148 4.216 30.58 12.646c16.862 16.862 16.862 44.296 0 61.158l-118.528 118.528c-8.168 8.168-19.028 12.666-30.58 12.666s-22.412-4.498-30.58-12.666c-8.168-8.168-12.668-19.028-12.668-30.58 0-1.538 0.092-3.062 0.25-4.572-1.674-0.050-3.37-0.084-5.104-0.084-0.006 0-0.008 0-0.014 0-17.434 0-36.73 2.456-56.934 7.12l49.014 63.356c12.822 16.574 32.168 26.842 53.080 28.17 20.916 1.336 41.404-6.406 56.22-21.222l138.029-138.029c14.816-14.818 22.552-35.308 21.222-56.22-1.328-20.912-11.596-40.26-28.17-53.080l-47.094-36.434c-6.366-4.926-7.534-14.078-2.61-20.444 4.924-6.364 14.076-7.532 20.444-2.61l47.094 36.434c23.194 17.944 37.562 45.020 39.424 74.284 1.864 29.27-8.962 57.946-29.698 78.682zM450.78 779.851c-4.656 0-9.034 1.814-12.328 5.106-3.292 3.294-5.106 7.672-5.106 12.328s1.814 9.034 5.106 12.326c3.294 3.292 7.672 5.106 12.328 5.106 0.724 0 1.438-0.060 2.146-0.146-1.64-10.416-0.058-21.65 4.614-33.362-2.112-0.888-4.4-1.358-6.76-1.358zM563.592 403.036l73.844-73.844-66.298-66.298c-0.466-0.466-1.158-0.66-1.796-0.508-10.412 2.476-21.584-0.684-29.154-8.254l-48.326-48.326-52.336-27.478c-4.954-2.598-8.93-6.6-11.504-11.574l-25.334-49.010-39.8-19.196c-4.616-2.226-8.494-5.698-11.216-10.044l-35.602-56.836-57.334-7.336 7.338 57.332 56.832 35.6c4.344 2.72 7.818 6.598 10.046 11.216l19.196 39.802 49.010 25.336c4.968 2.568 8.97 6.544 11.572 11.498l27.48 52.344 48.322 48.322c7.57 7.568 10.734 18.74 8.256 29.154-0.156 0.652 0.036 1.324 0.508 1.796l66.296 66.304zM810.261 658.185l100.426-100.426c5.498-5.498 5.498-14.442 0-19.938-2.664-2.664-6.204-4.13-9.97-4.13s-7.306 1.466-9.97 4.13l-103.898 103.898c9.656 4.156 17.534 9.67 23.412 16.466zM772.221 676.285c2.664 2.664 6.204 4.13 9.97 4.13 2.494 0 4.882-0.656 6.99-1.864-4.104-5.454-11.328-9.756-21.070-12.648-0.004 0.138-0.020 0.274-0.020 0.414 0 3.766 1.466 7.306 4.13 9.968zM703.103 749.973l-56.27-72.734c-11.44 3.722-23.010 8.058-34.568 13.014-22.058 9.458-42.564 20.474-60.626 32.434l-9.684 102.028c-0.362 3.808-1.040 7.522-1.978 11.132 0.214 0 0.422 0.008 0.638 0.008 0.006 0 0.008 0 0.014 0 35.552 0 78.814-10.154 121.81-28.592 23.638-10.136 45.506-22.060 64.484-35.018-8.988-6.040-17.054-13.526-23.82-22.272z" >
+<glyph unicode="&#xe915;" glyph-name="repair" d="M811.313 923.314c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l4.685-4.686-25.372-25.372-4.687 4.687c-2.896 2.894-6.896 4.685-11.313 4.685s-8.418-1.79-11.314-4.685l-176-176c-2.896-2.896-4.687-6.896-4.687-11.315 0-8.837 7.164-16.001 16.001-16.001 0.929 0 1.84 0.079 2.725 0.231l-0.095-0.013c8.529 1.488 18.35 2.339 28.37 2.339 24.437 0 47.691-5.060 68.774-14.189l-1.122 0.432c-47.044-93.727-130.222-163.466-230.776-191.609l-2.593-0.62-25.607-6.983c-4.761 0.463-10.292 0.726-15.885 0.726-48.077 0-91.602-19.489-123.106-50.998l-160-160c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l36.686 36.686 73.372-73.372-36.685-36.686c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l160 160c31.511 31.504 51.001 75.030 51.001 123.108 0 5.594-0.264 11.126-0.78 16.585l0.053-0.697 6.983 25.604c28.763 103.146 98.5 186.324 190.108 232.402l2.118 0.965c8.697-19.965 13.756-43.224 13.756-67.665 0-10.015-0.85-19.832-2.481-29.382l0.145 1.025c-0.139-0.791-0.218-1.701-0.218-2.631 0-8.837 7.164-16 16-16 4.418 0 8.418 1.791 11.313 4.686l176 176c2.896 2.896 4.687 6.896 4.687 11.314s-1.791 8.419-4.687 11.314l-4.685 4.686 25.372 25.372 4.687-4.687c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l32 32c2.896 2.896 4.687 6.896 4.687 11.315v0 48c0 4.419-1.791 8.419-4.687 11.314v0zM372.687 203.314c-13.483-13.483-32.11-21.823-52.685-21.823-41.15 0-74.508 33.358-74.508 74.508s33.358 74.508 74.508 74.508c41.15 0 74.508-33.358 74.508-74.508v0c-0.010-20.573-8.348-39.197-21.824-52.686l0.001 0.001zM244.687 180.686c19.295-19.245 45.925-31.145 75.334-31.145 23.751 0 45.69 7.762 63.417 20.887l-0.289-0.204 25.575-25.575c-24.101-19.341-55.055-31.040-88.742-31.040-78.631 0-142.374 63.743-142.374 142.374 0 33.687 11.699 64.641 31.257 89.021l-0.217-0.28 25.566-25.566c-12.946-17.435-20.724-39.38-20.724-63.141 0-29.417 11.921-56.050 31.196-75.331v0zM148.253 285.625c-1.6-8.907-2.514-19.159-2.514-29.625s0.915-20.718 2.668-30.681l-0.154 1.056-29.625 29.625zM112 166.627l-41.373 41.373 25.373 25.372 41.372-41.372zM272 6.627l-41.373 41.373 25.373 25.372 41.372-41.372zM320 54.627l-29.626 29.626c8.907-1.631 19.158-2.564 29.626-2.564s20.719 0.933 30.673 2.72l-1.047-0.156zM431.352 167.276l-25.566 25.566c12.951 17.434 20.733 39.38 20.733 63.144 0 58.831-47.692 106.523-106.523 106.523-23.764 0-45.71-7.782-63.43-20.936l0.286 0.203-25.575 25.575c24.1 19.34 55.055 31.040 88.741 31.040 78.631 0 142.374-63.743 142.374-142.374 0-33.687-11.699-64.641-31.256-89.021l0.217 0.28zM572.884 483.512c-41.806-41.846-74.419-92.883-94.545-149.82l-0.865-2.808c-17.539 36.372-46.219 65.052-81.554 82.138l-1.038 0.453c59.745 20.991 110.783 53.603 152.632 95.412l-0.003-0.003c29.887 29.846 55.058 64.405 74.305 102.469l1.045 2.28c9.987-6.665 18.701-13.83 26.646-21.766l6.361-6.361c7.934-7.942 15.098-16.657 21.369-26.020l0.393-0.623c-40.343-20.292-74.901-45.463-104.743-75.345l-0.004-0.004zM738.315 472.943c-2.667 53-25.016 100.315-59.824 135.193l-6.36 6.36c-34.872 34.806-82.189 57.156-134.701 59.799l-0.489 0.020 135.058 135.059 201.372-201.373zM880 646.628l-169.372 169.372 25.372 25.372 169.372-169.372zM960 694.627l-16-16-201.373 201.373 16 16h34.746l166.627-166.627zM720 608c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0.031-26.497 21.503-47.969 47.997-48h0.003zM720 672c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0.010 8.832 7.168 15.99 15.999 16h0.001zM532.687 324.686l139.313-139.314v-105.372c0-4.419 1.791-8.419 4.687-11.314l80-80c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h112c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l80 80c2.896 2.896 4.686 6.896 4.687 11.314v0 112c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-105.372l-155.314 155.314-22.627-22.629 148.686-148.686-57.373-57.373-132.687 132.688zM774.628 256h98.745l70.627-70.627v-98.746l-70.627-70.627h-98.746l-70.627 70.627v98.745zM116.687 628.686c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h105.372l155.314-155.314 22.627 22.629-148.686 148.686 57.373 57.373 164.687-164.688 22.627 22.629-171.313 171.314v105.372c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-112c0 0 0 0 0 0-8.837 0-16-7.164-16-16 0-4.419 1.791-8.419 4.687-11.314l91.313-91.313v-34.746l-22.627-22.627h-34.746l-91.314 91.314c-2.895 2.895-6.895 4.685-11.313 4.685-8.837 0-16-7.163-16.001-15.999v0-112c0-4.419 1.791-8.419 4.687-11.314v0zM64 793.373l68.687-68.688c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-68.687 68.686h66.746l70.627-70.627v-98.745l-70.628-70.628h-98.745l-70.627 70.627zM756.687 100.686l32-32c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-32 32c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.686-6.896-4.687-11.314v0-48c0-4.419 1.791-8.419 4.687-11.314v0zM784 153.373l22.627 22.627h34.746l22.627-22.627v-34.746l-22.627-22.627h-34.746l-22.627 22.627zM308.684 628.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996zM572.684 364.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996z" >
+<glyph unicode="&#xe916;" glyph-name="car-parts" d="M953.294 463.31c-27.863 197.549-180.951 355.295-376.155 390.227-4.625 41.191-39.259 73.431-81.656 73.431-42.38 0-76.998-32.223-81.656-73.381-17.061-3.039-33.858-7.3-50.473-12.255v118.668h-363.355v-264.258h33.032v-297.29c0-254.993 207.459-462.452 462.452-462.452 221.201 0 406.511 156.127 451.782 363.949 42.76 3.055 76.734 38.45 76.734 81.986 0 41.472-30.836 75.561-70.706 81.375zM495.484 893.935c22.379 0 41.125-15.013 47.253-35.427-15.542 1.586-31.298 2.395-47.253 2.395-15.889 0-31.661-1.074-47.335-2.659 6.045 20.546 24.857 35.691 47.335 35.691zM363.355 719.674c29.894 5.929 63.026 9.1 99.097 9.1 138.009 0 280.774-92.672 280.774-247.742 0-68.261-27.747-130.147-72.555-174.988 14.633 27.615 23.007 59.029 23.007 92.408 0 109.287-88.906 198.194-198.194 198.194-68.889 0-129.635-35.378-165.161-88.873v187.97h33.032v23.932zM512 530.581v32.19c33.164-3.303 63.455-16.483 87.932-36.517l-71.102-71.102c-5.219 3.072-10.835 5.45-16.83 7.019v35.378h-33.032v-35.378c-5.995-1.553-11.627-3.931-16.83-7.019l-71.102 71.102c24.477 20.034 54.767 33.214 87.932 36.517v-32.19h33.032zM438.784 431.798c-3.072-5.219-5.45-10.835-7.019-16.83h-100.6c3.303 33.164 16.467 63.455 36.517 87.932l71.102-71.102zM431.765 381.935c1.553-5.995 3.931-11.627 7.019-16.83l-71.102-71.102c-20.034 24.477-33.214 54.767-36.517 87.932h100.6zM462.138 341.752c5.219-3.072 10.835-5.45 16.83-7.019v-100.6c-33.164 3.303-63.455 16.483-87.932 36.517l71.102 71.102zM462.452 398.452c0 18.217 14.815 33.032 33.032 33.032s33.032-14.815 33.032-33.032c0-18.217-14.815-33.032-33.032-33.032s-33.032 14.815-33.032 33.032zM512 334.732c5.995 1.553 11.627 3.931 16.83 7.019l71.102-71.102c-24.394-19.968-54.553-33.131-87.585-36.501-0.116-0.017-0.231-0.017-0.347-0.017v100.6zM552.184 365.106c3.072 5.219 5.45 10.835 7.019 16.83h100.6c-3.303-33.164-16.467-63.455-36.517-87.932l-71.102 71.102zM559.203 414.968c-1.553 5.995-3.931 11.627-7.019 16.83l71.102 71.102c20.034-24.477 33.214-54.767 36.517-87.932h-100.6zM33.032 860.903h231.226v33.032h-231.226v33.032h297.29v-33.032h-33.032v-33.032h33.032v-132.129h-297.29v132.129zM495.484-30.968c-236.775 0-429.419 192.644-429.419 429.419v297.29h231.226v-297.29c0-109.287 88.906-198.194 198.194-198.194 6.838 0 13.576 0.347 20.232 1.024 145.375 10.438 260.542 131.766 260.542 279.75 0 175.748-159.562 280.774-313.806 280.774-35.675 0-68.79-2.94-99.097-8.473v53.479c42.579 13.758 86.908 21.058 132.129 21.058 236.775 0 429.419-192.644 429.419-429.419s-192.644-429.419-429.419-429.419zM953.344 334.006c2.956 21.075 4.591 42.562 4.591 64.446 0 10.207-0.446 20.298-1.107 30.34 19.753-6.524 34.139-24.939 34.139-46.856 0-23.189-16.070-42.562-37.624-47.93zM99.097 662.71h33.032v-33.032h-33.032v33.032zM198.194 448h33.032v-33.032h-33.032v33.032zM280.774 150.71h33.032v-33.032h-33.032v33.032zM578.065 183.742h33.032v-33.032h-33.032v33.032zM462.452 51.613h33.032v-33.032h-33.032v33.032zM809.29 315.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe917;" glyph-name="car" d="M850.43 504h18.682c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-18.682c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM873.152 480h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM873.152 426h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM662 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM624 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM719.2 590c0 0 0 0.001 0 0.001 0 17.582-14.18 31.853-31.728 31.999h-13.472v198.12l13.252 26.948c0.943 1.838 1.496 4.011 1.496 6.313 0 1.155-0.139 2.278-0.402 3.352l0.020-0.096-17.638 67.306c-1.587 5.839-6.841 10.063-13.081 10.063-0.125 0-0.25-0.002-0.375-0.005h-28.368c-0.11 0.003-0.239 0.005-0.369 0.005-6.264 0-11.542-4.217-13.152-9.967l-0.023-0.096-17.742-67.502c-0.219-0.921-0.344-1.979-0.344-3.066 0-2.341 0.581-4.546 1.606-6.479l-0.036 0.075 13.156-26.85v-198.12h-13.258c-17.557-0.115-31.745-14.374-31.745-31.947 0-12.602 7.296-23.5 17.895-28.699l0.188-0.083-16.558-57.73c-0.332-1.156-0.522-2.484-0.522-3.856 0-0.029 0-0.059 0-0.088v0.005-151.2c0-31.8 25.828-58.418 57.628-58.418h34.938c31.8 0 57.434 26.618 57.434 58.418v151.2c0.004 0.128 0.007 0.278 0.007 0.429 0 1.222-0.158 2.407-0.454 3.536l0.022-0.097-16.52 57.8c10.789 5.269 18.1 16.141 18.146 28.726v0.006zM639.708 906h6.778l13.714-51.906-12.42-24.99c-0.979-1.675-1.62-3.658-1.777-5.777l-0.003-0.045v-201.282h-6v201.282c-0.122 2.222-0.731 4.276-1.722 6.093l0.038-0.075-12.154 24.8zM690 348.418c0-16.362-13.074-30.418-29.434-30.418h-34.938c-16.362 0-29.628 14.056-29.628 30.418v149.216l17.314 60.366h59.566l17.12-60.366zM687.452 586h-88.71c-2.209 0-4 1.791-4 4s1.791 4 4 4v0h88.71c2.209 0 4-1.791 4-4s-1.791-4-4-4v0zM923 933.966c-1.878 0.934-4.091 1.48-6.431 1.48-2.795 0-5.408-0.779-7.634-2.133l0.065 0.037c-4.105-2.48-6.844-6.857-6.999-11.886l-0.001-0.022v-63.162l-40.052-26.92-41.318 29.040 0.302 61.070c0 0.036 0.001 0.078 0.001 0.12 0 7.703-6.245 13.948-13.948 13.948-2.27 0-4.414-0.542-6.308-1.504l0.079 0.037c-45.704-22.915-76.527-69.4-76.527-123.085 0-54.948 32.291-102.355 78.932-124.278l0.839-0.354v-338.482c0-31.48 25.52-57 57-57s57 25.52 57 57v0 338.482c47.848 21.608 80.545 68.907 80.545 123.843 0 0.33-0.001 0.659-0.004 0.988v-0.051c0.002 0.273 0.003 0.596 0.003 0.919 0 53.109-30.41 99.116-74.767 121.558l-0.778 0.357zM899.56 708.8c-5.478-2.001-9.357-7.079-9.559-13.090l-0.001-0.024v-347.816c0-16.016-12.984-29-29-29s-29 12.984-29 29v0 347.816c0.003 0.099 0.004 0.215 0.004 0.331 0 5.794-3.597 10.748-8.679 12.751l-0.093 0.032c-41.732 16.018-70.816 55.761-70.816 102.298 0 34.171 15.682 64.68 40.241 84.722l0.197 0.156-0.104-42.8c0-0.006 0-0.013 0-0.020 0-4.741 2.353-8.933 5.956-11.47l0.044-0.030 55.338-38.716c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 54.25 36.37c3.566 2.502 5.869 6.595 5.869 11.225 0 0.151-0.002 0.301-0.007 0.45l0.001-0.022v45.11c24.709-19.682 40.407-49.767 40.407-83.518 0-0.437-0.003-0.873-0.008-1.308l0.001 0.066c-0.073-46.53-29.137-86.253-70.092-102.078l-0.748-0.254zM412 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM144 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM257.74 760h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM257.74 802h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM532-25.278v146.9c0 0.388 0.484 0.774 0.452 1.162-3.309 38.258-26.106 70.525-58.304 87.094l-0.606 0.284c-0.25 0.128-0.412 0.244-0.67 0.356l-100.872 43.082v60.030c54 31.052 92.324 88.372 95.898 154.634 21.952 8.874 37.158 30.012 37.158 54.702 0 4.947-0.61 9.751-1.76 14.341l0.086-0.405c-3.706 15.343-14.432 27.589-28.504 33.327l-0.32 0.115 1.2 17.656h23.242c0.16-0.007 0.347-0.011 0.535-0.011 6.895 0 12.484 5.589 12.484 12.484 0 0.243-0.007 0.483-0.021 0.723l0.002-0.033v50.838c0 7.732-5.268 14-13 14h-12.84c-2.573 46.815-18.687 89.419-44.451 124.492l0.451-0.644c-25.043 33.892-59.373 59.618-99.232 73.584l-1.462 0.446 1.364 13.15c0.047 0.424 0.074 0.915 0.074 1.413 0 3.546-1.369 6.772-3.608 9.179l0.008-0.008c-2.526 2.705-6.114 4.391-10.095 4.391-0.107 0-0.214-0.001-0.32-0.004h-99.804c-0.112 0.003-0.245 0.005-0.377 0.005-7.525 0-13.626-6.101-13.626-13.626 0-0.518 0.029-1.028 0.085-1.531l-0.006 0.062 1.364-13.092c-41.341-14.442-75.678-40.222-100.293-73.609l-0.403-0.573c-25.25-34.382-41.342-76.902-43.939-123.029l-0.027-0.607h-12.862c-7.732 0-15-6.266-15-14v-50.84c0-7.732 7.268-13.162 15-13.162h22.366l1.184-17.6c-14.443-5.741-25.227-17.953-28.883-32.957l-0.067-0.325c-1.070-4.232-1.684-9.091-1.684-14.093 0-0.005 0-0.010 0-0.016v0.001c0-0.021 0-0.046 0-0.071 0-24.713 15.27-45.859 36.889-54.519l0.395-0.14c3.404-66.764 41.176-123.996 95.853-154.668l0.947-0.488v-59.522l-101-43.082c-0.258-0.112-0.53-0.228-0.78-0.356-33.007-16.793-56.036-49.036-59.632-86.941l-0.034-0.437c-0.032-0.388-0.556-0.774-0.556-1.162v-146.9c0.421-8.053 6.922-14.457 14.977-14.721l0.025-0.001h480c7.732 0 13 6.99 13 14.722zM406 208.254l12-5.122v-67.132h-12zM210 831.298c7.028 3.296 15.407 6.36 24.078 8.714l1.122 0.26c6.032 1.544 10.419 6.931 10.419 13.342 0 0.492-0.026 0.979-0.076 1.458l0.005-0.060-0.928 8.988h68.76l-0.956-8.988c-0.045-0.42-0.071-0.906-0.071-1.399 0-6.446 4.389-11.867 10.342-13.437l0.097-0.022c9.797-2.568 18.182-5.589 26.213-9.253l-1.005 0.411v-17.384c-0.044-44.362-27.44-82.314-66.23-97.904l-0.71-0.252c-41.699 14.639-71.060 53.671-71.060 99.561 0 0.041 0 0.083 0 0.124v-0.006zM138.308 773.024c12.405 16.434 26.826 30.479 43.096 42.103l0.596 0.405v-0.082c0-0.060 0-0.131 0-0.202 0-58.912 38.251-108.89 91.271-126.454l0.941-0.27 2.742-0.888c1.298-0.436 2.792-0.688 4.346-0.688v0c0 0 0.001 0 0.001 0 1.646 0 3.227 0.278 4.699 0.79l-0.1-0.030c52.854 18.577 90.071 68.049 90.1 126.217v1.659c16.867-11.998 31.291-26.007 43.347-41.911l0.355-0.489c21.876-29.831 35.902-66.654 38.385-106.604l0.029-0.58h-358.212c2.566 40.469 16.58 77.227 38.804 107.598l-0.4-0.574zM72 616v22h412v-22h-64c-2.58 0-5.55 1.688-8.572 1.118-1.2-0.228-2.338-1.118-3.4-1.118h-336.028zM447.684 588l-1.77-26.094c-0.070-1.122-0.54-2.122-1.267-2.871l0.001 0.001-2.954-2.862-5.484 16.814c-1.481 3.958-2.979 8.977-4.18 14.11l-0.178 0.902zM120.884 588l-2.294-29.106-7.19 3.476c-0.16 0.082-0.266 0.558-0.28 0.736l-1.688 24.894zM116 478.6v0.266c0.004 0.122 0.006 0.264 0.006 0.408 0 6.648-4.763 12.183-11.063 13.379l-0.085 0.013c-14.389 2.609-25.159 15.041-25.159 29.988 0 0.087 0 0.174 0.001 0.261v-0.013c0.038 2.625 0.397 5.149 1.039 7.558l-0.049-0.216c1.334 5.681 5.075 10.293 10.062 12.78l0.11 0.050c2.184-2.322 4.736-4.267 7.569-5.747l0.157-0.075 21.062-10.8c2.338-1.227 5.108-1.947 8.046-1.947 3.148 0 6.103 0.826 8.66 2.274l-0.087-0.046c5.055 3.005 8.504 8.254 8.976 14.337l0.004 0.063 3.716 46.866h254.036c1.884-8 4.084-16.22 6.65-23.918l10.6-32.020c2.343-7.137 8.945-12.2 16.731-12.2 4.634 0 8.85 1.794 11.989 4.726l-0.010-0.009 14.8 13.8c1.296 1.218 2.476 2.525 3.543 3.923l0.057 0.077c4.422-2.649 7.632-6.935 8.811-12l0.025-0.128c0.559-2.193 0.88-4.711 0.88-7.303 0-15.096-10.878-27.651-25.222-30.254l-0.188-0.028c-6.64-1.192-11.62-6.903-11.666-13.785v-0.287c0-89.146-72.856-161.672-161.988-161.672s-162.012 72.526-162.012 161.68zM344 300.6v-47.624c-19.171-8.402-41.514-13.291-65-13.291s-45.829 4.889-66.068 13.706l1.068-0.414v47.292c19.202-7.188 41.391-11.348 64.552-11.348 23.497 0 45.993 4.282 66.752 12.107l-1.304-0.431zM178 220.2l20.776 8.654c23.464-10.839 50.919-17.16 79.851-17.16 0.043 0 0.087 0 0.13 0h-0.007c0.033 0 0.073 0 0.112 0 28.723 0 55.969 6.323 80.422 17.652l-1.184-0.492 19.9-8.654v-84.2h-200zM138 203.13l12 5.122v-72.252h-12zM110 136h-5c-7.732 0-15-5.8-15-13.528v-134.472h-38v133.016c4 27.174 19.022 51.6 43.368 63.922l14.632 6.244zM438-12h-320v120h320zM504-12h-38v134.472c0 7.734-5.268 13.528-13 13.528h-7v55.182l14.632-6.244c24.092-12.282 40.865-35.892 43.346-63.618l0.022-0.304z" >
+<glyph unicode="&#xe918;" glyph-name="exterior" d="M869.328 445.328h-707.728c-8.837 0-16 7.163-16 16v0 174.24c0.001 4.418 1.792 8.417 4.688 11.312l112 112c2.895 2.896 6.894 4.687 11.312 4.688h483.744c4.418-0.001 8.417-1.792 11.312-4.688l112-112c2.896-2.895 4.687-6.894 4.688-11.312v0-174.24c0-8.837-7.163-16-16-16-0.006 0-0.011 0-0.017 0h0.001zM177.536 477.328h675.792v151.616l-102.608 102.608h-470.576l-102.544-102.608zM513.84 754.96h32v-293.632h-32zM576.761 550.451l22.624 22.624 55.542-55.542-22.624-22.624zM582.654 631.58l22.624 22.624 136.626-136.626-22.624-22.624zM676.656 276.912h-146.816c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.816c8.837 0 16-7.163 16-16v0-58.992c0-8.837-7.163-16-16-16v0zM545.84 308.912h114.816v26.992h-114.816zM308.336 276.912h-146.736c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.8c8.837 0 16-7.163 16-16v0-58.992c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM177.536 308.912h114.8v26.992h-114.736zM979.424 19.2h-761.696c-8.837 0-16 7.163-16 16v0c-0.055 82.989-67.316 150.249-150.299 150.304h-0.005c-8.837 0-16 7.163-16 16v0 479.68c0.001 4.418 1.792 8.417 4.688 11.312l176.48 176.464c2.895 2.896 6.894 4.687 11.312 4.688h575.056c4.418-0.001 8.417-1.792 11.312-4.688l176.464-176.464c2.896-2.895 4.687-6.894 4.688-11.312v0-645.984c0-8.837-7.163-16-16-16v0zM233.024 51.2h730.4v623.36l-167.088 167.040h-561.808l-167.104-167.040v-457.76c88.003-8.111 157.489-77.597 165.546-164.882l0.054-0.718zM209.008 122.704h770.416v-32h-770.416z" >
+<glyph unicode="&#xe919;" glyph-name="car-parts-1" d="M512 960c-282.31 0-512-229.69-512-512s229.69-512 512-512 512 229.69 512 512-229.69 512-512 512zM512-30.968c-264.109 0-478.968 214.858-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.858 478.968-478.968-214.858-478.968-478.968-478.968zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM512 233.29c-118.388 0-214.71 96.322-214.71 214.71s96.322 214.71 214.71 214.71 214.71-96.322 214.71-214.71c0-39.523-10.818-78.121-31.282-111.666l28.193-17.21c23.635 38.73 36.121 83.274 36.121 128.875 0 136.605-111.137 247.742-247.742 247.742s-247.742-111.137-247.742-247.742 111.137-247.742 247.742-247.742c74.207 0 143.872 32.851 191.174 90.145l-25.484 21.025c-40.993-49.647-101.376-78.138-165.69-78.138zM561.548 596.645c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 596.645c0 9.1 7.416 16.516 16.516 16.516s16.516-7.416 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516zM417.759 478.621c8.44 25.98-5.83 53.991-31.81 62.431-26.029 8.44-53.991-5.847-62.431-31.81-8.44-25.996 5.83-54.008 31.81-62.447 5.070-1.652 10.223-2.428 15.277-2.428 20.876 0.017 40.349 13.345 47.154 34.254zM386.345 488.828c-2.808-8.654-12.123-13.428-20.81-10.603-8.654 2.808-13.411 12.156-10.603 20.81 2.263 6.97 8.754 11.413 15.723 11.413 1.685 0 3.402-0.264 5.087-0.809 8.654-2.808 13.411-12.139 10.603-20.81zM395.512 287.661c8.77-6.375 18.944-9.431 29.052-9.431 15.343 0 30.472 7.085 40.167 20.414 16.054 22.099 11.132 53.149-10.967 69.203-22.115 16.037-53.149 11.132-69.219-10.967-16.054-22.115-11.148-53.165 10.967-69.219zM411.268 337.458c5.351 7.366 15.707 9.018 23.073 3.65 7.366-5.351 9.001-15.707 3.65-23.057-5.351-7.366-15.723-9.001-23.073-3.667-7.366 5.351-9.001 15.69-3.65 23.073zM599.436 278.214c10.091 0 20.282 3.072 29.052 9.431 22.099 16.070 27.020 47.121 10.967 69.219-16.070 22.082-47.121 27.004-69.219 10.967-22.099-16.054-27.004-47.104-10.967-69.203 9.695-13.345 24.84-20.414 40.167-20.414zM589.659 341.108c7.383 5.368 17.738 3.7 23.073-3.65 5.351-7.383 3.716-17.722-3.65-23.073-7.383-5.335-17.738-3.7-23.073 3.667-5.351 7.366-3.716 17.705 3.65 23.057zM668.689 446.811c25.98 8.44 40.25 36.451 31.81 62.447-8.456 25.963-36.451 40.266-62.431 31.81-25.98-8.44-40.25-36.451-31.81-62.431 6.805-20.909 26.277-34.238 47.17-34.238 5.037-0.017 10.19 0.76 15.261 2.411zM637.655 488.828c-2.808 8.654 1.949 17.986 10.603 20.81 1.685 0.545 3.402 0.809 5.087 0.809 6.97 0 13.444-4.443 15.723-11.413 2.808-8.654-1.932-18.003-10.603-20.81-8.638-2.824-17.986 1.949-20.81 10.603zM396.387 893.935h33.032v-33.032h-33.032v33.032zM445.935 844.387h33.032v-33.032h-33.032v33.032zM495.484 794.839h33.032v-33.032h-33.032v33.032zM545.032 745.29h33.032v-33.032h-33.032v33.032zM138.29 658.215l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM184.984 681.568l23.357 23.357 23.357-23.357-23.357-23.357-23.357 23.357zM278.425 704.932l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM348.496 704.924l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM66.065 365.419h33.032v-33.032h-33.032v33.032zM115.613 414.968h33.032v-33.032h-33.032v33.032zM165.161 464.516h33.032v-33.032h-33.032v33.032zM214.71 514.065h33.032v-33.032h-33.032v33.032zM278.423 50.908l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM278.367 167.775l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.398 237.855l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.425 261.142l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM594.581 35.097h33.032v-33.032h-33.032v33.032zM545.032 84.645h33.032v-33.032h-33.032v33.032zM495.484 134.194h33.032v-33.032h-33.032v33.032zM445.935 183.742h33.032v-33.032h-33.032v33.032zM885.696 191.124l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM815.555 191.063l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.557 191.095l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM675.48 191.127l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM924.903 563.613h33.032v-33.032h-33.032v33.032zM875.355 514.065h33.032v-33.032h-33.032v33.032zM825.806 464.516h33.032v-33.032h-33.032v33.032zM776.258 414.968h33.032v-33.032h-33.032v33.032zM745.537 845.088l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.53 774.986l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.54 658.177l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.526 634.852l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357z" >
+<glyph unicode="&#xe91a;" glyph-name="maintenance" d="M130.656 378.284l72.676-7c8.498-33.21 21.146-62.38 37.64-88.909l-0.772 1.333-46.27-55.874c-2.003-2.404-3.218-5.526-3.218-8.931 0-3.866 1.567-7.366 4.1-9.899l78.69-78.688c2.534-2.534 6.034-4.101 9.9-4.101 3.405 0 6.525 1.215 8.952 3.236l-0.023-0.018 55.968 46.35c25.171-15.63 54.292-28.291 85.242-36.443l2.236-0.501 7-72.43c0.726-6.994 6.589-12.402 13.715-12.402 0.077 0 0.154 0.001 0.231 0.002h111.548c0.065-0.001 0.142-0.002 0.219-0.002 7.126 0 12.989 5.407 13.71 12.342l0.005 0.059 7 72.55c33.208 8.472 62.38 21.097 88.912 37.573l-1.336-0.773 55.872-46.302c2.406-2.007 5.53-3.225 8.938-3.225 3.862 0 7.359 1.564 9.892 4.093v0l78.69 78.68c2.532 2.533 4.099 6.033 4.099 9.898 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-46.34 55.97c15.632 25.174 28.293 54.298 36.445 85.252l0.501 2.236 71.698 7c7.124 0.716 12.639 6.68 12.64 13.932v0 111.56c0 0 0 0 0 0.001 0 7.259-5.524 13.227-12.598 13.931l-0.058 0.005-72.676 7c-8.498 33.21-21.146 62.38-37.64 88.909l0.772-1.333 46.27 55.874c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-77.694 78.69c-2.54 2.571-6.065 4.164-9.962 4.164-3.405 0-6.526-1.215-8.952-3.236l0.023 0.018-55.968-46.35c-25.171 15.63-54.292 28.291-85.242 36.443l-2.236 0.501-7 72.43c-0.726 6.994-6.589 12.402-13.715 12.402-0.077 0-0.154-0.001-0.231-0.002h-111.548c-0.065 0.001-0.142 0.002-0.219 0.002-7.126 0-12.989-5.407-13.71-12.342l-0.005-0.059-7-72.55c-33.206-8.472-62.377-21.097-88.907-37.572l1.335 0.772-55.886 46.294c-2.406 2.007-5.53 3.226-8.939 3.226-3.862 0-7.358-1.563-9.891-4.092v0l-78.69-78.682c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 46.35-55.962c-15.63-25.17-28.29-54.291-36.443-85.239l-0.501-2.237-72.68-7c-7.132-0.708-12.656-6.677-12.656-13.935 0-0.003 0-0.006 0-0.009v0-111.56c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM146 491.064l70.018 6.748c6.111 0.607 11.029 5.063 12.323 10.885l0.017 0.093c8.332 36.763 22.475 69.2 41.588 98.057l-0.678-1.089c1.402 2.144 2.237 4.77 2.237 7.591 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-44.664 53.922 60.666 60.666 53.93-44.666c2.404-2.002 5.525-3.218 8.93-3.218 2.895 0 5.584 0.878 7.816 2.383l-0.050-0.032c27.685 18.568 60.094 32.697 94.907 40.446l1.893 0.354c5.888 1.201 10.356 6.046 10.973 12.033l0.005 0.059 6.74 69.774h86.128l6.748-69.768c0.615-6.078 5.077-10.96 10.887-12.2l0.091-0.016c36.76-8.308 69.198-22.431 98.059-41.526l-1.091 0.678c2.139-1.394 4.758-2.223 7.57-2.223 3.414 0 6.543 1.222 8.973 3.253l-0.022-0.018 53.868 44.62 59.784-60.542-44.716-54c-2.001-2.404-3.216-5.524-3.216-8.927 0-2.895 0.878-5.584 2.383-7.816l-0.032 0.050c18.567-27.685 32.696-60.094 40.446-94.906l0.354-1.894c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 70.012-6.724v-86.144l-69.038-6.734c-6.104-0.613-11.014-5.067-12.307-10.883l-0.017-0.093c-8.333-36.763-22.476-69.199-41.588-98.057l0.678 1.089c-1.402-2.144-2.237-4.77-2.237-7.591 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 44.664-53.922-60.664-60.666-53.932 44.664c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-27.685-18.568-60.094-32.697-94.907-40.446l-1.893-0.354c-5.888-1.201-10.356-6.046-10.973-12.033l-0.005-0.059-6.74-69.772h-86.128l-6.748 69.768c-0.615 6.078-5.077 10.96-10.887 12.2l-0.091 0.016c-36.76 8.308-69.198 22.431-98.059 41.526l1.091-0.678c-2.139 1.394-4.758 2.223-7.57 2.223-3.414 0-6.543-1.222-8.973-3.253l0.022 0.018-53.93-44.678-60.666 60.658 44.664 53.928c2.001 2.404 3.216 5.524 3.216 8.927 0 2.895-0.878 5.584-2.383 7.816l0.032-0.050c-18.567 27.685-32.696 60.094-40.446 94.906l-0.354 1.894c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-70.012 6.738zM512.498 216.8c127.687 0.001 231.198 103.512 231.198 231.2s-103.512 231.2-231.2 231.2c-127.688 0-231.2-103.512-231.2-231.2v0c0.15-127.628 103.573-231.051 231.188-231.2h0.014zM512.498 651.2c112.223-0.001 203.198-90.976 203.198-203.2s-90.976-203.2-203.2-203.2c-112.224 0-203.2 90.976-203.2 203.2v0c0.133 112.171 91.030 203.068 203.189 203.2h0.013zM476.468 381.478c2.521-2.463 5.973-3.982 9.78-3.982s7.259 1.519 9.783 3.985l-0.003-0.003 115.752 113.010c2.65 2.551 4.296 6.129 4.296 10.091 0 7.732-6.268 14-14 14-3.844 0-7.327-1.55-9.857-4.058l0.001 0.001-105.972-103.462-54.468 53.18c-2.521 2.463-5.973 3.982-9.78 3.982-7.732 0-14-6.268-14-14 0-3.925 1.615-7.473 4.218-10.015l0.003-0.003z" >
+<glyph unicode="&#xe91b;" glyph-name="car-1" d="M855.904 567.6l-49.728 208.208c-3.331 16.033-17.089 27.997-33.734 28.543l-0.058 0.001h-519.776c-16.708-0.549-30.468-12.52-33.752-28.329l-0.040-0.231-49.744-208.192-31.12 7.424 49.728 208.224c6.788 30.245 33.177 52.589 64.872 53.103l0.056 0.001h519.776c31.751-0.505 58.141-22.855 64.827-52.654l0.085-0.45 49.728-208.224zM939.648 260.64h-854.288c-8.837 0-16 7.163-16 16v0 204.208c0 3.62 1.202 6.959 3.229 9.64l-0.029-0.040 68.24 90.496c2.95 3.904 7.583 6.4 12.8 6.4h717.872c5.217 0 9.85-2.496 12.771-6.36l0.029-0.040 68.16-90.464c1.998-2.641 3.2-5.98 3.2-9.6v0-204.24c0-8.831-7.154-15.991-15.983-16h-0.001zM101.36 292.64h822.288v182.848l-60.16 79.824h-701.984l-60.144-79.824zM939.648 172.8h-854.288c-8.837 0-16 7.163-16 16v0 87.84h32v-71.84h822.288v71.84h32v-87.84c0-8.837-7.163-16-16-16v0zM939.648 341.328h-189.168c-8.834 0.004-15.993 7.166-15.993 16 0 2.683 0.66 5.211 1.827 7.432l-0.042-0.088 49.888 96.512c6.212 12.128 17.954 20.655 31.807 22.286l0.193 0.018 119.792 13.264 3.536-31.808-119.808-13.264c-3.111-0.464-5.68-2.425-6.984-5.113l-0.024-0.055-37.824-73.184h162.88zM274.496 341.328h-189.136v32h162.864l-37.888 73.328c-1.289 2.653-3.774 4.55-6.734 5.002l-0.050 0.006-120 13.28 3.52 31.808 120-13.28c13.896-1.691 25.504-10.134 31.573-21.899l0.107-0.229 49.968-96.672c1.125-2.133 1.785-4.661 1.785-7.344 0-8.837-7.163-16-16-16-0.003 0-0.006 0-0.010 0v0zM931.696 555.312h-60.224v32h60.224c14.112 0 26.016 15.744 26.016 34.368v22.304c0.011 0.155 0.018 0.336 0.018 0.519 0 3.841-2.874 7.011-6.589 7.477l-0.037 0.004h-102.736v32h102.736c21.418-0.437 38.613-17.903 38.613-39.384 0-0.216-0.002-0.433-0.005-0.648v0.033-22.304c0.075-1.15 0.118-2.493 0.118-3.846 0-33.019-25.528-60.076-57.925-62.51l-0.209-0.013zM152.688 555.312h-60.24c-32.599 2.455-58.118 29.508-58.118 62.521 0 1.353 0.043 2.697 0.127 4.029l-0.009-0.182v22.304c-0.003 0.183-0.005 0.399-0.005 0.616 0 21.482 17.195 38.947 38.572 39.384l0.041 0.001h102.736v-32h-102.736c-3.753-0.478-6.625-3.651-6.625-7.495 0-0.178 0.006-0.354 0.018-0.529l-0.001 0.024v-22.304c0-18.624 11.904-34.368 26-34.368h60.24zM787.312 276.64h32v-87.888h-32zM205.664 276.64h32v-87.888h-32zM664 260.64h-302.976c-8.834 0.004-15.993 7.166-15.993 16 0 1.815 0.302 3.559 0.859 5.185l-0.033-0.113 34.464 102.848c2.187 6.402 8.149 10.925 15.168 10.928h234.016c7.019-0.003 12.981-4.526 15.135-10.815l0.033-0.113 34.464-102.848c0.523-1.513 0.825-3.257 0.825-5.072 0-8.823-7.141-15.978-15.959-16h-0.002zM383.296 292.64h258.432l-23.744 70.848h-210.976zM868.080 59.648h-98.128c-41.089 0.046-74.386 33.343-74.432 74.428v54.724c0 8.837 7.163 16 16 16v0h214.992c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.089-33.343-74.386-74.428-74.432h-0.004zM727.52 172.8v-38.72c0.018-23.427 19.005-42.414 42.43-42.432h98.13c23.427 0.018 42.414 19.005 42.432 42.43v38.722zM255.088 59.648h-98.112c-41.096 0.036-74.402 33.337-74.448 74.428v54.724c0 8.837 7.163 16 16 16v0h215.072c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.117-33.388-74.432-74.512-74.432v0zM114.528 172.8v-38.72c0.027-23.429 19.018-42.414 42.446-42.432h98.114c0.010 0 0.021 0 0.032 0 23.444 0 42.453 18.992 42.48 42.429v38.723z" >
+<glyph unicode="&#xe91c;" glyph-name="car-parts-2" d="M512 960c-282.327 0-512-229.673-512-512s229.673-512 512-512 512 229.673 512 512-229.673 512-512 512zM512-30.968c-264.093 0-478.968 214.875-478.968 478.968s214.875 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.875-478.968-478.968-478.968zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c103.953 0 205.163 36.55 284.969 102.912l-21.124 25.385c-73.893-61.423-167.589-95.265-263.845-95.265-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-113.499-45.106-219.318-127.042-297.951l22.875-23.833c88.477 84.909 137.199 199.201 137.199 321.784 0 245.892-200.043 445.935-445.935 445.935zM198.194 448c0-173.039 140.767-313.806 313.806-313.806s313.806 140.767 313.806 313.806-140.767 313.806-313.806 313.806-313.806-140.767-313.806-313.806zM267.297 585.233l24.989-11.71-31.827-97.941-27.153 5.219c4.41 37.591 16.219 72.869 33.99 104.431zM394.752 193.206c-33.759 15.608-63.818 37.657-88.741 64.644l18.713 19.985 83.307-60.532-13.279-24.097zM629.248 193.222l-13.279 24.097 83.307 60.532 18.713-19.985c-24.923-27.004-54.982-49.053-88.741-64.644zM790.693 480.818l-27.153-5.219-31.827 97.941 24.989 11.71c17.771-31.579 29.58-66.857 33.99-104.431zM512 728.774c18.795 0 37.161-1.932 54.933-5.467l-3.452-27.565h-102.962l-3.452 27.565c17.771 3.534 36.137 5.467 54.933 5.467zM424.844 714.752l6.507-52.042h161.297l6.507 52.042c56.502-18.515 104.977-54.52 139.38-101.558l-47.236-22.148 49.829-153.385 51.646 9.91c-0.099-61.258-20.117-117.81-53.628-163.972l-35.691 38.103-130.461-94.819 25.336-45.948c-27.235-8.82-56.204-13.708-86.33-13.708s-59.095 4.889-86.313 13.708l25.336 45.948-130.461 94.819-35.691-38.103c-33.511 46.163-53.529 102.714-53.628 163.972l51.646-9.91 49.829 153.385-47.236 22.148c34.387 47.038 82.878 83.060 139.363 101.558zM512 299.355c81.97 0 148.645 66.676 148.645 148.645s-66.676 148.645-148.645 148.645c-81.97 0-148.645-66.676-148.645-148.645s66.676-148.645 148.645-148.645zM512 563.613c63.736 0 115.613-51.877 115.613-115.613s-51.877-115.613-115.613-115.613-115.613 51.877-115.613 115.613 51.877 115.613 115.613 115.613zM512 365.419c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 497.548c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM462.452 827.871h33.032v-33.032h-33.032v33.032zM528.516 827.871h33.032v-33.032h-33.032v33.032zM396.387 827.871h33.032v-33.032h-33.032v33.032zM594.581 827.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe91d;" glyph-name="hand" d="M857.646 237.74l38.582-38.848c2.539-2.556 6.056-4.138 9.942-4.138 6.138 0 11.354 3.946 13.25 9.439l0.030 0.099c4.222 12.016 6.662 25.871 6.662 40.296 0 34.72-14.133 66.139-36.959 88.818l-0.007 0.007c-22.858 22.724-54.365 36.77-89.153 36.77-15.392 0-30.142-2.75-43.785-7.785l0.876 0.283-31.776 31.776c6.828 8.398 10.963 19.223 10.963 31.014 0 22.998-15.731 42.323-37.021 47.799l-0.342 0.075c2.2 5.384 3.477 11.631 3.477 18.177 0 22.098-14.553 40.796-34.598 47.034l-0.349 0.094c4.023 6.976 6.397 15.342 6.397 24.262 0 26.863-21.523 48.699-48.265 49.203l-0.047 0.001c0.043 0.774 0.068 1.681 0.068 2.593 0 27.202-22.052 49.254-49.254 49.254-13.627 0-25.962-5.534-34.879-14.477l-35.581-35.581-88.11 88.098c4.811 12.808 7.596 27.611 7.596 43.064 0 69.514-56.352 125.866-125.866 125.866-14.286 0-28.016-2.38-40.816-6.765l0.885 0.264c-5.606-1.913-9.566-7.134-9.566-13.279 0-3.867 1.568-7.367 4.102-9.901l40.044-40.048-8.346-41.662-43.746-7.738-38.582 38.856c-2.539 2.556-6.056 4.138-9.942 4.138-6.137 0-11.353-3.946-13.249-9.439l-0.030-0.098c-4.223-12.017-6.662-25.872-6.662-40.297 0-34.72 14.133-66.139 36.96-88.818l0.007-0.007c22.859-22.723 54.365-36.768 89.153-36.768 15.392 0 30.142 2.75 43.786 7.785l-0.876-0.283 7.8-7.8-74.66-74.838c-13.444-13.44-21.759-32.010-21.759-52.521 0-0.164 0.001-0.328 0.002-0.492v0.025-26.4c0-0.037 0-0.080 0-0.123 0-34.092-12.146-65.346-32.346-89.673l0.186 0.231-3.246 3.16c-7.112 7.1-16.931 11.491-27.776 11.491s-20.664-4.391-27.777-11.491l-53.539-53.527c-7.088-7.105-11.471-16.912-11.471-27.742s4.383-20.637 11.472-27.743l232.841-232.853c7.099-7.1 16.907-11.491 27.741-11.491s20.642 4.391 27.741 11.491l53.53 53.528c7.088 7.105 11.471 16.912 11.471 27.742s-4.383 20.637-11.472 27.743l-8.199 8.199 14.91 7.18c45.329 22.085 84.121 49.973 117.448 83.324l74.836 74.838 31.58-31.58c-4.752-12.767-7.502-27.517-7.502-42.909 0-34.789 14.047-66.297 36.778-89.163l-0.006 0.006c22.662-22.802 54.038-36.922 88.712-36.942h0.004c14.392 0.013 28.218 2.42 41.107 6.842l-0.893-0.266c5.607 1.912 9.567 7.134 9.567 13.28 0 3.866-1.567 7.367-4.101 9.9l-40.046 40.044 8.362 41.664zM340.13 656.070c-11.894-5.513-25.816-8.729-40.488-8.729-27.037 0-51.524 10.92-69.29 28.59l0.004-0.004c-17.744 17.623-28.727 42.033-28.727 69.009 0 2.656 0.106 5.288 0.315 7.89l-0.022-0.343 25.426-25.6c2.535-2.554 6.047-4.135 9.929-4.135 0.863 0 1.707 0.078 2.527 0.228l-0.086-0.013 60.356 10.666c5.688 1.032 10.128 5.386 11.274 10.943l0.016 0.091 11.71 58.4c0.174 0.827 0.273 1.778 0.273 2.752 0 3.866-1.567 7.367-4.101 9.9l-27 27c2.152 0.168 4.66 0.264 7.19 0.264 54.075 0 97.912-43.837 97.912-97.912 0-14.705-3.242-28.654-9.050-41.169l0.252 0.605c-0.798-1.706-1.263-3.705-1.263-5.812 0-3.865 1.567-7.365 4.099-9.898l94.676-94.674-35.546-35.558-94.674 94.672c-2.534 2.534-6.034 4.101-9.9 4.101-2.107 0-4.106-0.466-5.898-1.299l0.086 0.036zM431.554 109.9l-53.528-53.53c-2.033-2.033-4.841-3.29-7.943-3.29s-5.91 1.257-7.943 3.29l-232.848 232.85c-2.030 2.034-3.286 4.843-3.286 7.944s1.255 5.91 3.286 7.944v0l53.528 53.528c2.033 2.033 4.841 3.29 7.943 3.29s5.91-1.257 7.943-3.29l232.848-232.85c2.031-2.034 3.286-4.842 3.286-7.943s-1.256-5.909-3.287-7.943v0zM555.722 264.084c-31.157-31.181-67.423-57.252-107.436-76.85l-2.364-1.046-23.742-11.432-180.496 180.672c25.060 29.2 40.316 67.451 40.316 109.265 0 0.052 0 0.105 0 0.157v-0.008 26.4c-0.001 0.11-0.001 0.24-0.001 0.37 0 12.807 5.183 24.404 13.566 32.807l-0.001-0.001 74.748 74.836 60.45-60.494-1.53-1.506c-0.832-0.832-1.69-1.644-2.552-2.436-19.244-17.64-48.652-21.684-73.168-10.056l-1.068 0.504c-1.743 0.838-3.791 1.328-5.952 1.328-7.732 0-14-6.268-14-14 0-5.533 3.21-10.317 7.869-12.59l0.083-0.036 1.066-0.506c35.25-16.712 76.108-10.936 104.082 14.718q1.734 1.6 3.416 3.27l112.238 112.242c3.883 4.012 9.317 6.503 15.333 6.503 11.779 0 21.328-9.549 21.328-21.328 0-6.018-2.492-11.454-6.501-15.331l-0.006-0.006-1.776-1.774-83.864-83.872c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l83.892 83.89c3.849 3.799 9.139 6.145 14.978 6.145 11.778 0 21.326-9.548 21.326-21.326 0-5.853-2.358-11.155-6.175-15.009l-83.86-83.86c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l62.48 62.476c3.844 3.769 9.114 6.095 14.928 6.095 11.779 0 21.328-9.549 21.328-21.328 0-5.824-2.334-11.103-6.119-14.952l-62.457-62.451c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l46.394 46.39c3.868 3.912 9.235 6.334 15.167 6.334 11.778 0 21.326-9.548 21.326-21.326 0-5.933-2.423-11.301-6.333-15.166l-0.002-0.002zM780.456 173.838l27-27c-2.153-0.168-4.661-0.265-7.192-0.265-54.075 0-97.912 43.837-97.912 97.912 0 14.705 3.242 28.654 9.050 41.169l-0.252-0.605c0.798 1.706 1.263 3.705 1.263 5.812 0 3.865-1.567 7.365-4.099 9.898l-38.16 38.16 35.552 35.55 38.154-38.154c2.534-2.534 6.034-4.101 9.9-4.101 2.107 0 4.105 0.465 5.897 1.299l-0.086-0.036c11.894 5.513 25.816 8.729 40.489 8.729 27.037 0 51.524-10.92 69.291-28.59l-0.004 0.004c17.744-17.624 28.727-42.035 28.727-69.011 0-2.655-0.106-5.286-0.315-7.888l0.022 0.343-25.426 25.6c-2.537 2.554-6.050 4.134-9.933 4.134-0.862 0-1.706-0.078-2.525-0.227l0.086 0.013-60.356-10.668c-5.687-1.033-10.126-5.385-11.272-10.941l-0.016-0.091-11.712-58.4c-0.173-0.826-0.272-1.775-0.272-2.747 0-3.867 1.568-7.367 4.102-9.901v0z" >
+<glyph unicode="&#xe91e;" glyph-name="accumulator" d="M947.952 60.448h-854.256c-8.837 0-16 7.163-16 16v0 551.6c0 8.837 7.163 16 16 16v0h854.256c8.837 0 16-7.163 16-16v0-551.6c0-8.837-7.163-16-16-16v0zM109.696 92.448h822.256v519.6h-822.256zM984.576 612.048h-929.264c-8.837 0-16 7.163-16 16v0 117.168c0 8.837 7.163 16 16 16v0h929.264c8.837 0 16-7.163 16-16v0-117.168c0-8.837-7.163-16-16-16v0zM71.312 644.048h897.264v85.168h-897.264zM777.104 729.216h-513.44c-0.002 0-0.005 0-0.008 0-8.837 0-16 7.163-16 16 0 3.87 1.374 7.42 3.661 10.187l-0.022-0.027 74.336 90.304c2.956 3.568 7.388 5.824 12.347 5.824 0.002 0 0.003 0 0.005 0h364.8c0.001 0 0.003 0 0.005 0 4.959 0 9.391-2.256 12.326-5.797l0.021-0.027 74.32-90.304c2.266-2.74 3.64-6.29 3.64-10.16 0-8.837-7.163-16-16-16-0.003 0-0.005 0-0.008 0v0zM297.552 761.216h445.664l-48 58.288h-349.616zM844.096 835.504h32v-90.304h-32zM163.392 835.504h32v-90.304h-32zM93.696 189.264h854.256v-32h-854.256zM768.432 560.528h32v-128.544h-32zM720.16 512.256h128.544v-32h-128.544zM190.784 512.256h128.544v-32h-128.544zM503.936 628.048h32v-309.168h-32zM843.088 162.144l-185.28 140.8h-137.808v32h143.2c0.010 0 0.021 0 0.032 0 3.61 0 6.938-1.202 9.607-3.229l-0.039 0.029 189.552-144zM200.448 162.144l-19.344 25.472 189.568 144c2.628 1.998 5.955 3.2 9.563 3.2 0.013 0 0.026 0 0.039 0h143.278v-32h-137.824z" >
+<glyph unicode="&#xe91f;" glyph-name="car-parts-3" d="M974.452 960h-620.329c-21.355 0-40.25-13.609-47.021-33.875l-5.203-15.674h-54.156c-27.318 0-49.548-22.231-49.548-49.548v-21.388c-47.682-14.253-82.581-58.484-82.581-110.741 0-34.502 15.277-65.437 39.325-86.644-36.947-28.094-62.233-69.615-69.682-115.745-49.036-13.362-85.256-58.186-85.256-111.418 0-63.736 51.877-115.613 115.613-115.613v-99.097h74.405c6.144-23.866 15.624-46.691 28.309-68.096l-52.67-52.686 93.432-93.432 52.686 52.67c21.405-12.684 44.23-22.165 68.096-28.309v-74.405h132.129v74.405c23.866 6.144 46.691 15.624 68.096 28.309l52.686-52.67 93.432 93.432-52.67 52.686c12.684 21.405 22.165 44.23 28.309 68.096h74.405v132.129h-74.405c-6.144 23.866-15.624 46.691-28.309 68.096l47.5 47.517h203.859v247.742h49.548c27.318 0 49.548 22.231 49.548 49.548v165.161c0 27.318-22.231 49.548-49.548 49.548zM743.226 926.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM627.613 926.968h49.978c-10.488-13.841-16.946-30.885-16.946-49.548 0-45.535 37.046-82.581 82.581-82.581 18.663 0 35.708 6.458 49.548 16.946v-116.042h-165.161v231.226zM492.445 926.968c-6.838-19.175-25.005-33.032-46.509-33.032s-39.672 13.857-46.509 33.032h93.019zM148.645 728.774c0 45.535 37.046 82.581 82.581 82.581s82.581-37.046 82.581-82.581c0-45.535-37.046-82.581-82.581-82.581-16.929 0-32.685 5.153-45.799 13.94l-0.446 0.908c-0.165-0.083-0.297-0.182-0.462-0.264-21.62 14.914-35.873 39.804-35.873 67.997zM184.749 622.988c4.344-1.916 8.836-3.584 13.444-4.971v-122.318c-20.662 21.058-48.888 33.643-78.865 34.618 8.671 38.086 32.372 71.63 65.42 92.672zM115.613 332.387c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c24.923 0 48.359-11.479 63.917-30.489l-13.89-13.89 52.67-52.686c-12.684-21.405-22.165-44.23-28.309-68.096h-74.389zM677.161 450.824l-45.816-45.816 7.449-11.247c16.516-24.956 27.879-52.257 33.726-81.177l2.692-13.229h68.013v-66.065h-68.013l-2.692-13.229c-5.847-28.92-17.21-56.221-33.726-81.177l-7.449-11.247 48.178-48.178-46.724-46.724-48.178 48.178-11.247-7.449c-24.956-16.516-52.257-27.879-81.177-33.726l-13.229-2.692v-68.013h-66.065v68.013l-13.229 2.692c-28.92 5.847-56.221 17.21-81.177 33.726l-11.247 7.449-48.178-48.178-46.724 46.724 48.178 48.178-7.449 11.247c-16.516 24.956-27.879 52.257-33.726 81.177l-2.692 13.229h-68.013v66.065h68.013l2.692 13.229c5.847 28.92 17.21 56.221 33.726 81.177l7.449 11.247-48.178 48.178 46.724 46.724 48.178-48.178 11.247 7.449c24.956 16.516 52.257 27.879 81.177 33.726l13.229 2.692v68.013h66.065v-68.013l13.229-2.692c28.92-5.847 56.221-17.21 81.177-33.726l11.247-7.449 48.178 48.178 44.362-44.379v-4.707zM891.871 481.032h-193.503l-65.586 65.586-52.686-52.67c-21.405 12.684-44.23 22.165-68.096 28.309v74.389h-132.129v-74.405c-23.866-6.144-46.691-15.624-68.096-28.309l-52.686 52.67-27.863-27.846v94.406c63.736 0 115.613 51.877 115.613 115.613s-51.877 115.613-115.613 115.613v16.516c0 9.117 7.399 16.516 16.516 16.516h77.973l12.734 38.251c2.263 6.772 8.572 11.297 15.674 11.297h10.901c7.68-37.64 41.043-66.065 80.913-66.065s73.233 28.424 80.913 66.065h67.733v-182.107c-13.841 10.488-30.885 16.946-49.548 16.946-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c39.87 0 73.233 28.424 80.913 66.065h265.926v-181.677zM594.581 679.226c0-27.318-22.231-49.548-49.548-49.548s-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548 49.548-22.231 49.548-49.548zM990.968 745.29c0-9.117-7.399-16.516-16.516-16.516h-49.548v33.032h-33.032v-66.065h-66.065v181.677c0 18.663-6.458 35.708-16.946 49.548h83.010v-132.129h33.032v132.129h49.548c9.117 0 16.516-7.399 16.516-16.516v-165.161zM115.613 464.516c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM115.613 398.452c-9.117 0-16.516 7.399-16.516 16.516s7.399 16.516 16.516 16.516 16.516-7.399 16.516-16.516c0-9.117-7.399-16.516-16.516-16.516zM231.226 679.226c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM231.226 745.29c9.117 0 16.516-7.399 16.516-16.516s-7.399-16.516-16.516-16.516-16.516 7.399-16.516 16.516 7.399 16.516 16.516 16.516zM445.935 431.484c-91.070 0-165.161-74.091-165.161-165.161s74.091-165.161 165.161-165.161c31.315 0 61.82 8.82 88.213 25.517l-17.672 27.896c-21.091-13.329-45.469-20.381-70.54-20.381-72.853 0-132.129 59.276-132.129 132.129s59.276 132.129 132.129 132.129c72.853 0 132.129-59.276 132.129-132.129 0-35.113-13.626-68.162-38.367-93.101l23.453-23.255c30.918 31.149 47.946 72.473 47.946 116.356 0 91.070-74.091 165.161-165.161 165.161zM445.935 365.419c-54.652 0-99.097-44.445-99.097-99.097s44.445-99.097 99.097-99.097 99.097 44.445 99.097 99.097-44.445 99.097-99.097 99.097zM445.935 200.258c-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065-29.63-66.065-66.065-66.065z" >
+<glyph unicode="&#xe920;" glyph-name="repair-1" d="M178.92 99.562c-0.001-0.157-0.001-0.343-0.001-0.529 0-59.869 34.334-111.72 84.385-136.936l0.88-0.402c1.791-0.93 3.911-1.475 6.157-1.475 2.686 0 5.189 0.779 7.297 2.124l-0.055-0.033c3.882 2.486 6.418 6.777 6.418 11.66 0 0.087-0.001 0.174-0.002 0.261v-0.013 72.8l48.066 31.876 49.144-34.312-0.19-70.4c0-0.005 0-0.012 0-0.018 0-7.757 6.289-14.046 14.046-14.046 2.275 0 4.424 0.541 6.324 1.501l-0.080-0.037c31.593 15.833 56.409 41.268 71.056 72.43l0.396 0.938 24.948-1.746c0.332-0.020 0.662-0.032 0.988-0.032 6.912 0.004 12.652 5.017 13.788 11.605l0.012 0.083 11.248 67.176c31.461 5.792 59.542 15.714 85.366 29.339l-1.616-0.777 48.974-46.686c2.508-2.394 5.912-3.868 9.661-3.868 3.522 0 6.741 1.301 9.201 3.448l-0.017-0.014 79.020 68.692c2.959 2.581 4.819 6.358 4.819 10.569 0 3.060-0.982 5.89-2.647 8.194l0.028-0.041-39.492 55.106c16.233 22.672 29.788 48.785 39.366 76.744l0.634 2.13 67.17 1.844c7.224 0.204 13.066 5.85 13.579 12.973l0.003 0.045 7.322 104.708c0.022 0.292 0.034 0.633 0.034 0.976 0 6.915-5.014 12.66-11.605 13.796l-0.083 0.012-67.176 11.246c-5.79 31.461-15.711 59.543-29.337 85.367l0.777-1.615 46.694 48.974c2.394 2.507 3.867 5.912 3.867 9.66 0 3.49-1.277 6.682-3.39 9.134l0.015-0.018-67.758 78.956c-2.583 2.997-6.383 4.883-10.624 4.883-3.061 0-5.893-0.982-8.197-2.649l0.041 0.028-55.094-39.486c-22.67 16.232-48.779 29.787-76.734 39.366l-2.13 0.634-1.79 68.092c-0.195 7.231-5.844 13.083-12.973 13.597l-0.045 0.003-63.682 4.454c0.579 5.013 0.91 10.821 0.91 16.707 0 59.994-34.338 111.967-84.432 137.34l-0.878 0.403c-1.77 0.931-3.868 1.477-6.094 1.477-2.66 0-5.138-0.78-7.217-2.125l0.052 0.032c-3.799-2.472-6.276-6.698-6.276-11.502 0-0.143 0.002-0.285 0.007-0.427l-0.001 0.021v-72.8l-48.228-31.87-49.224 34.312 0.152 70.4c-0.015 7.766-6.314 14.055-14.082 14.055-2.271 0-4.416-0.537-6.315-1.492l0.081 0.037c-51.034-25.561-85.455-77.452-85.455-137.383 0-0.211 0-0.423 0.001-0.634v0.033c0-60.648 37.070-115.94 91.070-140.56v-415.756c-54-24.62-91.080-79.922-91.080-140.56zM534.972 748.362l1.72-65.4c0.168-6.189 4.327-11.363 9.989-13.051l0.099-0.025c33.688-10.177 62.994-25.428 88.722-45.119l-0.66 0.485c2.309-1.744 5.228-2.794 8.391-2.794 3.061 0 5.893 0.983 8.198 2.65l-0.041-0.028 52.872 37.892 51.154-59.6-45-47.2c-2.395-2.508-3.868-5.913-3.868-9.662 0-2.552 0.683-4.945 1.876-7.006l-0.036 0.067c15.496-26.892 26.682-58.318 31.659-91.772l0.179-1.46c0.894-6.041 5.541-10.779 11.461-11.8l0.083-0.012 64.532-10.8-5.55-79.352-64.486-1.772c-6.183-0.174-11.35-4.331-13.037-9.989l-0.025-0.099c-10.173-33.688-25.422-62.994-45.113-88.72l0.485 0.66c-1.745-2.309-2.795-5.229-2.795-8.394 0-3.061 0.983-5.893 2.649-8.197l-0.028 0.041 37.94-52.936-59.782-51.97-47.144 44.938c-2.508 2.395-5.913 3.87-9.663 3.87-2.552 0-4.944-0.683-7.004-1.875l0.067 0.036c-26.886-15.503-58.307-26.695-91.754-31.679l-1.462-0.179c-6.041-0.895-10.778-5.543-11.798-11.463l-0.012-0.083-10.8-64.532-4.63 0.324c2.851 11.144 4.488 23.938 4.488 37.113 0 0.030 0 0.061 0 0.091v-0.005c-0.064 34.041-11.159 65.479-29.899 90.942l0.299-0.426c4.814-0.31 9.6-0.482 14.39-0.482 120.476 0.165 218.077 97.867 218.077 218.366 0 120.6-97.766 218.366-218.366 218.366-27.048 0-52.948-4.918-76.854-13.908l1.505 0.496v42.968c40.257 18.977 70.661 53.278 84.046 95.184l0.308 1.118zM424.172 223.562c-8.158 6.103-17.409 11.631-27.214 16.163l-0.958 0.397v342.636c22.238 9.854 48.176 15.591 75.454 15.591 105.143 0 190.378-85.235 190.378-190.378s-85.235-190.378-190.378-190.378c-16.8 0-33.092 2.176-48.609 6.262l1.327-0.297zM288.818 678.362c-48.17 18.53-81.767 64.352-81.94 118.045v0.021c-0.001 0.139-0.001 0.303-0.001 0.467 0 40.643 19.36 76.764 49.362 99.644l0.305 0.223-0.19-52.562c0-0.016 0-0.034 0-0.053 0-4.724 2.34-8.902 5.924-11.437l0.044-0.029 62.878-43.99c2.237-1.582 5.020-2.529 8.025-2.529 2.891 0 5.578 0.876 7.809 2.378l-0.050-0.032 62.416 41.328c3.88 2.515 6.449 6.768 6.599 11.63l0.001 0.022v55.182c29.904-23.516 48.991-59.624 49.2-100.197v-0.035c-0.201-53.722-33.816-99.541-81.134-117.773l-0.866-0.293c-5.386-2.035-9.156-7.13-9.2-13.111v-434.517c0-0.023 0-0.051 0-0.079 0-5.93 3.704-10.994 8.925-13.005l0.095-0.032c48.235-18.484 81.858-64.406 81.858-118.181 0-15.792-2.9-30.906-8.195-44.84l0.289 0.867c-0.187-0.383-0.385-0.864-0.555-1.357l-0.029-0.097c-8.719-22.28-22.896-40.819-40.924-54.567l-0.304-0.223 0.178 52.574c0 0.014 0 0.030 0 0.046 0 4.728-2.343 8.908-5.932 11.443l-0.044 0.029-62.876 43.988c-2.237 1.582-5.020 2.529-8.025 2.529-2.891 0-5.578-0.876-7.809-2.378l0.050 0.032-62.262-41.328c-3.836-2.53-6.355-6.788-6.44-11.639v-55.195c-29.95 23.501-49.088 59.604-49.36 100.187v0.045c0.236 53.732 33.875 99.548 81.211 117.773l0.867 0.293c5.407 2.027 9.202 7.118 9.282 13.106v434.522c-0.036 5.984-3.8 11.079-9.085 13.084l-0.097 0.032z" >
+<glyph unicode="&#xe921;" glyph-name="carwash" d="M925.76 820.672c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-28.277 22.923-51.2 51.2-51.2v0zM925.76 890.96c10.604 0 19.2-8.596 19.2-19.2s-8.596-19.2-19.2-19.2c-10.604 0-19.2 8.596-19.2 19.2v0c0 10.604 8.596 19.2 19.2 19.2v0zM988.56 693.952c-10.316 27.535-30.966 49.165-57.109 60.535l-0.683 0.265c-11.122 4.56-24.031 7.207-37.558 7.207-1.838 0-3.665-0.049-5.479-0.145l0.253 0.011c-9.827 16.118-23.891 28.793-40.656 36.669l-0.576 0.243c-7.744 39.888-39.264 101.616-116.32 101.616h-0.48c-1.455 0.068-3.161 0.107-4.875 0.107-30.567 0-58.25-12.351-78.329-32.335l0.004 0.004c-18.998-21.328-31.345-48.95-33.574-79.383l-0.026-0.441h-218.736c1.039 4.404 1.635 9.461 1.635 14.657 0 36.742-29.786 66.528-66.528 66.528-0.119 0-0.238 0-0.357-0.001h0.018c-0.022 0-0.048 0-0.074 0-5.533 0-10.908-0.677-16.046-1.952l0.457 0.096c-15.967 22.827-42.132 37.57-71.741 37.57-45.105 0-82.218-34.214-86.804-78.105l-0.032-0.377c-3.945 0.509-8.509 0.8-13.14 0.8-0.044 0-0.087 0-0.131 0h0.007c-0.025 0-0.056 0-0.086 0-61.661 0-111.648-49.987-111.648-111.648 0-31.318 12.894-59.623 33.664-79.898l0.022-0.022c-21.094-0.837-37.877-18.14-37.877-39.363 0-0.224 0.002-0.448 0.006-0.671v0.034-22.304c-0.075-1.15-0.118-2.493-0.118-3.846 0-33.010 25.521-60.060 57.909-62.494l0.209-0.013h28.992l-48.864-64.832c-1.998-2.641-3.2-5.98-3.2-9.6v0-292.064c0.062-7.738 5.69-14.143 13.075-15.411l0.093-0.013v-39.264c0.055-41.091 33.355-74.387 74.444-74.432h98.1c41.093 0.046 74.393 33.341 74.448 74.427v38.693h365.984v-38.688c0.046-41.089 33.343-74.386 74.428-74.432h98.132c41.089 0.046 74.386 33.343 74.432 74.428v39.236c7.459 1.294 13.069 7.686 13.136 15.401v292.087c0 3.62-1.202 6.959-3.229 9.64l0.029-0.040-48.864 64.864h28.144c32.604 2.439 58.134 29.492 58.134 62.507 0 1.353-0.043 2.695-0.127 4.026l0.009-0.182v22.336c-0.045 4.761-0.898 9.309-2.426 13.533l0.090-0.285c9.176 15.286 14.603 33.73 14.603 53.441 0 11.167-1.742 21.927-4.968 32.023l0.205-0.744zM669.856 845.952c14.449 13.934 34.139 22.518 55.834 22.518 1.533 0 3.056-0.043 4.568-0.127l-0.21 0.009h0.368c75.68 0 85.632-79.44 86-82.784 0.703-6.306 4.981-11.458 10.735-13.423l0.113-0.033c1.424-0.48 2.816-1.008 4.24-1.6 14.729-6.363 26.278-17.766 32.673-31.988l0.159-0.396c2.55-5.654 8.138-9.519 14.629-9.519 1.097 0 2.168 0.11 3.202 0.32l-0.103-0.017c3.509 0.65 7.547 1.021 11.671 1.021 9.177 0 17.924-1.839 25.893-5.17l-0.444 0.164c18.101-8.131 32.051-22.805 39.045-40.936l0.171-0.504c2.004-6.174 3.16-13.277 3.16-20.651 0-10.596-2.386-20.634-6.651-29.607l0.179 0.418c-3.733 1.458-8.053 2.327-12.568 2.384h-90.216l-23.696 99.2c-6.764 30.256-33.156 52.613-64.857 53.119l-0.055 0.001h-118.192c1.999 22.25 10.876 42.116 24.46 57.791l-0.108-0.127zM763.696 756.352c16.706-0.555 30.462-12.523 33.752-28.329l0.040-0.231 45.024-188.48h-677.408l17.296 72.672c7.388 2.866 13.711 6.092 19.651 9.868l-0.451-0.268c11.663-6.161 25.491-9.778 40.164-9.778 48.256 0 87.376 39.12 87.376 87.376 0 13.505-3.064 26.295-8.535 37.712l0.227-0.526c2.48-0.312 5.353-0.492 8.267-0.496h0.005c18.861 0.018 35.882 7.882 47.977 20.504l0.023 0.024zM914.96 325.312h-146.88l37.824 73.184c1.323 2.747 3.895 4.709 6.958 5.162l0.050 0.006 102.048 11.28zM809.36 435.472c-14.041-1.652-25.78-10.171-31.892-22.057l-0.108-0.231-49.888-96.528c-1.125-2.133-1.785-4.661-1.785-7.344 0-8.834 7.159-15.996 15.993-16h173.28v-48.672h-248.16l-30.816 91.936c-2.192 6.396-8.153 10.911-15.168 10.912h-234.016c-7.015-0.001-12.976-4.516-15.134-10.799l-0.034-0.113-30.832-91.936h-248.128v48.688h173.136c0.003 0 0.006 0 0.009 0 8.837 0 16 7.163 16 16 0 2.683-0.66 5.211-1.827 7.432l0.042-0.088-49.968 96.688c-6.178 11.99-17.786 20.427-31.483 22.093l-0.197 0.019-92.016 10.176 46.4 61.68h702.032l46.4-61.68zM914.96 156.736h-104.336v55.904h104.336zM304.848 156.736h-75.856v55.904h549.632v-55.84h-473.776zM92.672 212.64h104.32v-55.84h-104.32zM374.576 244.64l23.824 70.848h210.896l23.744-70.848zM194.848 403.664c3.019-0.447 5.512-2.347 6.777-4.955l0.023-0.053 37.888-73.328h-146.864v89.6zM61.936 715.776c0 0.023 0 0.050 0 0.077 0 43.988 35.66 79.648 79.648 79.648 8.873 0 17.407-1.451 25.378-4.128l-0.562 0.164c1.493-0.508 3.213-0.802 5.001-0.802 8.837 0 16 7.163 16 16 0 0.893-0.073 1.769-0.214 2.623l0.013-0.093c-0.447 2.568-0.72 5.544-0.752 8.577v0.031c0 0.011 0 0.025 0 0.039 0 30.557 24.771 55.328 55.328 55.328 22.055 0 41.097-12.905 49.985-31.576l0.143-0.335c1.859-3.905 5.138-6.881 9.152-8.301l0.112-0.035c1.55-0.543 3.337-0.856 5.198-0.856 2.637 0 5.126 0.63 7.327 1.747l-0.092-0.043c4.516 2.34 9.858 3.712 15.521 3.712 0.011 0 0.022 0 0.033 0h-0.002c0.222 0.005 0.484 0.008 0.747 0.008 19.255 0 34.864-15.609 34.864-34.864s-15.609-34.864-34.864-34.864c-0.263 0-0.525 0.003-0.786 0.009l0.039-0.001c-0.035 0-0.077 0-0.118 0-9.853 0-18.74 4.137-25.019 10.768l-0.015 0.016c-2.883 3.012-6.921 4.898-11.399 4.944h-0.009c-0.081 0.001-0.176 0.002-0.271 0.002-4.405 0-8.387-1.807-11.247-4.72l-0.002-0.002c-2.564-2.57-5.374-4.892-8.393-6.929l-0.199-0.127c-4.306-2.912-7.1-7.778-7.1-13.296s2.793-10.384 7.043-13.26l0.056-0.036c14.659-10.104 24.145-26.8 24.145-45.712 0-30.566-24.779-55.345-55.345-55.345-11.654 0-22.467 3.602-31.386 9.754l0.186-0.121c-2.57 1.836-5.775 2.936-9.238 2.936-3.781 0-7.256-1.312-9.994-3.505l0.032 0.025c-13.359-10.717-30.516-17.2-49.186-17.2-0.061 0-0.122 0-0.183 0h0.009c-43.951 0.145-79.53 35.781-79.584 79.739v0.005zM57.76 573.68v22.304c-0.011 0.151-0.017 0.327-0.017 0.505 0 3.844 2.872 7.017 6.587 7.491l0.037 0.004h83.296l-15.456-64.704h-48.448c-14.096 0.048-26 15.776-26 34.4zM288.848 86.064c-0.036-23.426-19.021-42.405-42.445-42.432h-98.115c-23.427 0.027-42.412 19.007-42.448 42.429v38.739h183.008zM901.824 86.064c-0.027-23.424-19.008-42.405-42.429-42.432h-98.131c-23.424 0.027-42.405 19.008-42.432 42.429v38.739h182.992zM949.024 573.68c0-18.624-11.904-34.352-26.016-34.352h-47.6l-15.456 64.704h82.448c3.752-0.47 6.626-3.64 6.626-7.481 0-0.183-0.006-0.364-0.019-0.543l0.001 0.024z" >
+<glyph unicode="&#xe922;" glyph-name="car-parts-4" d="M990.968 628.703v215.684c0 45.535-37.046 82.581-82.581 82.581h-215.684c-56.221 21.289-117.099 33.032-180.703 33.032s-124.482-11.743-180.703-33.032h-215.684c-45.535 0-82.581-37.046-82.581-82.581v-215.684c-21.289-56.221-33.032-117.099-33.032-180.703s11.743-124.482 33.032-180.703v-215.684c0-45.535 37.046-82.581 82.581-82.581h215.684c56.237-21.289 117.116-33.032 180.703-33.032s124.482 11.743 180.703 33.032h215.684c45.535 0 82.581 37.046 82.581 82.581v215.684c21.289 56.221 33.032 117.099 33.032 180.703s-11.743 124.482-33.032 180.703zM908.387 893.935c27.318 0 49.548-22.231 49.548-49.548v-145.276c-45.981 81.325-113.499 148.843-194.824 194.824h145.276zM66.065 844.387c0 27.318 22.231 49.548 49.548 49.548h145.276c-81.325-45.981-148.843-113.499-194.824-194.824v145.276zM115.613 2.065c-27.318 0-49.548 22.231-49.548 49.548v145.276c45.981-81.325 113.499-148.843 194.824-194.824h-145.276zM957.935 51.613c0-27.318-22.231-49.548-49.548-49.548h-145.276c81.325 45.981 148.86 113.499 194.824 194.824v-145.276zM512-30.968c-264.109 0-478.968 214.875-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.858-478.968-478.968-478.968zM602.822 376.7l117.826-52.373c12.668-5.599 26.095-8.456 39.919-8.456 54.189 0 98.271 44.082 98.271 98.254v165.508c0 36.715-29.861 66.56-66.577 66.56-26.277 0-50.159-15.509-60.829-39.54l-18.647-41.967c-17.309-38.929-50.804-68.063-91.119-80.334-7.234 21.735-20.728 40.597-38.367 54.47l52.356 117.826c5.632 12.651 8.473 26.095 8.473 39.936 0 54.173-44.082 98.254-98.271 98.254h-165.492c-36.699 0-66.56-29.861-66.56-66.56 0-26.294 15.509-50.159 39.54-60.845l41.967-18.647c38.929-17.292 68.063-50.787 80.351-91.119-21.735-7.234-40.597-20.728-54.47-38.383l-117.826 52.373c-12.684 5.615-26.112 8.473-39.936 8.473-54.189 0-98.271-44.082-98.271-98.254v-165.508c0-36.715 29.861-66.56 66.577-66.56 26.277 0 50.159 15.509 60.829 39.54l18.647 41.967c17.309 38.929 50.804 68.063 91.119 80.334 7.234-21.735 20.728-40.597 38.367-54.47l-52.356-117.826c-5.632-12.651-8.473-26.095-8.473-39.936 0-54.173 44.082-98.254 98.271-98.254h165.492c36.699 0 66.56 29.861 66.56 66.56 0 26.294-15.509 50.159-39.54 60.845l-41.967 18.647c-38.929 17.292-68.063 50.787-80.351 91.119 21.752 7.234 40.613 20.728 54.487 38.367zM627.613 448c0 1.272-0.149 2.51-0.198 3.782 51.134 14.319 93.812 50.556 115.547 99.493l18.663 41.967c5.368 12.090 17.391 19.918 30.637 19.918 18.498 0 33.544-15.046 33.544-33.528v-165.508c0-35.972-29.267-65.222-65.239-65.222-9.183 0-18.102 1.883-26.492 5.632l-114.671 50.969c5.236 13.163 8.209 27.483 8.209 42.496zM396.387 448c0-1.272 0.149-2.51 0.198-3.782-51.134-14.319-93.812-50.556-115.547-99.493l-18.663-41.967c-5.368-12.090-17.391-19.918-30.637-19.918-18.498 0-33.544 15.046-33.544 33.528v165.508c0 35.972 29.267 65.222 65.239 65.222 9.183 0 18.102-1.883 26.492-5.632l114.671-50.969c-5.236-13.163-8.209-27.483-8.209-42.496zM408.725 678.978l-41.967 18.647c-12.106 5.368-19.918 17.408-19.918 30.654 0 18.482 15.046 33.528 33.544 33.528h165.492c35.972 0 65.239-29.25 65.239-65.222 0-9.199-1.899-18.102-5.615-26.492l-50.969-114.671c-13.196 5.219-27.516 8.192-42.529 8.192-1.272 0-2.51-0.149-3.782-0.198-14.319 51.134-50.572 93.812-99.493 115.563zM615.275 217.022l41.967-18.647c12.106-5.368 19.918-17.408 19.918-30.654 0-18.482-15.046-33.528-33.544-33.528h-165.475c-35.972 0-65.239 29.25-65.239 65.222 0 9.199 1.899 18.102 5.615 26.492l50.969 114.671c13.18-5.219 27.499-8.192 42.513-8.192 1.272 0 2.51 0.149 3.782 0.198 14.319-51.134 50.572-93.812 99.493-115.563zM512 365.419c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c45.535 0 82.581-37.046 82.581-82.581s-37.046-82.581-82.581-82.581zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c97.049 0 189.308 30.621 266.818 88.593l-19.786 26.459c-71.746-53.661-157.167-82.019-247.032-82.019-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-117.347-50.209-229.558-137.745-307.877l22.016-24.609c94.538 84.563 148.761 205.741 148.761 332.486 0 245.892-200.043 445.935-445.935 445.935zM99.097 860.903h33.032v-33.032h-33.032v33.032zM891.871 860.903h33.032v-33.032h-33.032v33.032zM99.097 68.129h33.032v-33.032h-33.032v33.032zM891.871 68.129h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe923;" glyph-name="automobile" d="M193.378 697.378l-32.6-57.892c-15.76 0.032-50.786 0.030-70.128 0.030-31.762 0-57.576-15.908-65.766-40.478-3.49-10.161-5.933-21.95-6.84-34.165l-0.028-0.473c-0.010-0.198-0.016-0.43-0.016-0.663 0-3.71 1.477-7.075 3.875-9.54l-0.003 0.003c2.521-2.593 6.042-4.201 9.939-4.201 0.066 0 0.133 0 0.199 0.001h0.008l48.544-0.086c-21.162-16.114-34.778-43.088-34.778-74.16 0-0.004 0-0.008 0-0.012 0-0.63 0.040-1.251 0.118-1.86l-0.008 0.072 22.472-178.172c0.666-25.419 19.101-46.342 43.306-50.841l0.328-0.051v-57.056c0.054-18.532 14.955-33.565 33.431-33.834h58.625c18.614 0.232 33.649 15.229 33.944 33.806v56.194h501.104c-25.471-27.363-41.104-64.181-41.104-104.649 0-59.976 34.337-111.933 84.425-137.283l0.878-0.403c1.851-0.926 4.034-1.468 6.342-1.468 2.772 0 5.361 0.781 7.56 2.135l-0.062-0.036c4.068 2.498 6.762 6.886 6.856 11.911v72.813l47.646 31.876 48.934-34.312-0.294-70.4c0-0.027 0-0.058 0-0.090 0-7.718 6.256-13.974 13.974-13.974 2.269 0 4.412 0.541 6.306 1.5l-0.080-0.037c50.82 25.887 85.022 77.818 85.022 137.736 0 62.441-37.143 116.207-90.54 140.409l-0.968 0.393v335.756c54.358 24.568 91.5 78.313 91.5 140.734 0 59.914-34.219 111.836-84.18 137.288l-0.874 0.404c-1.837 0.934-4.006 1.482-6.303 1.482-7.763 0-14.065-6.254-14.143-13.998v-72.807l-47.646-31.87-48.934 34.312 0.294 70.4c0 0.026 0 0.056 0 0.087 0 7.719-6.257 13.976-13.976 13.976-2.268 0-4.41-0.54-6.304-1.499l0.080 0.037c-44.148-21.991-75.719-63.522-83.561-112.955l-0.113-0.867c-4.192 0.792-9.069 1.297-14.045 1.399l-0.093 0.001h-384.16c-43.266 0-81.666-30.222-108.164-84.622zM48.116 577.724c1.045 4.993 2.197 9.158 3.574 13.218l-0.234-0.794c4.246 12.74 20 21.302 39.2 21.302 14.256 0 37.046-0.036 54.344-0.068l-18.936-33.558zM210 187.834c-0.274-3.147-2.794-5.626-5.935-5.833l-0.019-0.001h-58.59c-3.039 0.249-5.417 2.758-5.456 5.83v56.17h70zM121.028 272c-13.589 0.041-24.59 11.061-24.6 24.653v0.001c0 0.631-0.041 1.251-0.12 1.86l0.008-0.072-22.528 178.072c0.382 36.984 25.684 59.888 51.030 61.384 0.173-0.007 0.375-0.012 0.579-0.012 0.636 0 1.261 0.041 1.875 0.121l-0.072-0.008h660.8v-80.088c-20-6.89-37.818-27.378-37.818-51.518s17.818-44.628 37.818-51.518v-74.754c-4-2.384-9.43-4.122-14.37-8.122zM605 566c5.4 30 32.482 54.646 65 54.646s59.6-24.646 65-54.646zM788 426.708v-40.628c-4 4.768-9.818 12.096-9.818 20.314s5.818 15.548 9.818 20.314zM775.558 856.77l-0.116-52.57c0-0.005 0-0.010 0-0.015 0-4.742 2.353-8.934 5.956-11.473l0.044-0.030 62.89-43.988c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 61.846 41.328c3.657 2.519 6.024 6.684 6.024 11.401 0 0.087-0.001 0.174-0.002 0.26v-0.013 55.182c32-23.57 49.78-60.22 49.78-100.232-0.329-53.761-34.031-99.568-81.419-117.773l-0.869-0.293c-5.46-2.009-9.318-7.090-9.492-13.095v-354.533c0.222-6.040 4.112-11.117 9.499-13.084l0.101-0.032c48.221-18.512 81.88-64.324 82.148-118.033v-0.033c0.001-0.179 0.001-0.392 0.001-0.604 0-40.576-19.312-76.642-49.247-99.506l-0.303-0.222 0.242 52.574c0 0.025 0 0.055 0 0.085 0 4.709-2.33 8.874-5.901 11.404l-0.043 0.029-62.86 43.988c-2.234 1.583-5.016 2.53-8.019 2.53-2.89 0-5.574-0.877-7.803-2.38l0.050 0.032-61.84-41.328c-3.66-2.519-6.028-6.685-6.028-11.403 0-0.087 0.001-0.175 0.002-0.262v0.013-55.182c-32 23.57-49.78 60.22-49.78 100.232 0.102 44.397 23.041 83.415 57.69 105.939l0.49 0.299c0.593 0.339 1.1 0.681 1.58 1.054l-0.030-0.022c6.15 3.981 13.221 7.611 20.654 10.52l0.814 0.28c5.073 2.032 8.592 6.908 8.592 12.605 0 0.178-0.003 0.356-0.010 0.533l0.001-0.025v354.512c0.006 0.146 0.009 0.318 0.009 0.491 0 5.707-3.526 10.591-8.518 12.593l-0.091 0.032c-48.118 18.492-81.649 64.33-81.649 118 0 40.834 19.41 77.134 49.507 100.178l0.302 0.222zM697.578 752.486c1.636-58.98 38.422-112.56 90.422-136.6v-49.886h-24.71c-5.849 46.795-45.383 82.642-93.29 82.642s-87.441-35.847-93.243-82.181l-0.047-0.461h-425.532l66.8 118.046c0.142 0.254 0.278 0.62 0.4 0.88 12.492 25.758 39.906 69.074 83.164 69.074h384.16c4.255-0.088 8.339-0.635 12.261-1.594l-0.385 0.080zM178.822 460.39c-29.823 0-54-24.177-54-54s24.177-54 54-54c29.823 0 54 24.177 54 54v0c-0.032 29.811-24.189 53.968-53.997 54h-0.003zM178.822 380.39c-14.359 0-26 11.641-26 26s11.641 26 26 26c14.359 0 26-11.641 26-26v0c-0.020-14.349-11.65-25.975-25.999-25.99h-0.001zM306.766 376h370.468c7.792 0.327 13.984 6.724 13.984 14.566 0 1.629-0.267 3.196-0.76 4.659l0.030-0.103-12.774 37.2c-8.776 25.8-37 45.674-64.27 45.674h-243.894c-27.334 0-55.4-19.896-63.878-45.88l-12.214-37.184c-0.439-1.328-0.692-2.856-0.692-4.444 0-3.154 0.999-6.075 2.698-8.463l-0.030 0.045c2.551-3.598 6.654-5.949 11.313-6.070h0.019zM332.29 423.018c4.71 14.398 22.11 26.982 37.26 26.982h243.894c15.216 0 32.862-12.6 37.764-27l6.478-19h-331.622zM726.126 356h-456.912c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h456.912c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe924;" glyph-name="polisher" d="M253.68 373.328h-60.080c-36.571 0.046-66.204 29.684-66.24 66.253v433.603c0.036 36.569 29.671 66.204 66.236 66.24h60.020c0.019 0 0.042 0 0.064 0 36.599 0 66.274-29.647 66.32-66.236v-433.604c-0.046-36.596-29.719-66.247-66.319-66.256h-0.001zM193.6 907.424c-18.903-0.018-34.222-15.337-34.24-34.238v-433.602c0.018-18.906 15.335-34.229 34.237-34.256h60.019c0.029 0 0.062 0 0.096 0 18.926 0 34.27 15.333 34.288 34.254v433.602c-0.027 18.905-15.35 34.222-34.254 34.24h-0.002zM223.664 672.384h80.272v-32h-80.272zM223.664 805.904h80.272v-32h-80.272zM223.664 538.848h80.272v-32h-80.272zM419.28 529.232h-115.28c-8.837 0-16 7.163-16 16v0 222.304c0 8.837 7.163 16 16 16v0h115.344c8.837 0 16-7.163 16-16v0-222.304c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM319.936 561.232h83.344v190.304h-83.28zM745.088 432.8h-325.808c-8.837 0-16 7.163-16 16v0 361.872c0.018 38.27 31.028 69.292 69.292 69.328h219.204c38.248-0.036 69.244-31.032 69.28-69.277v-230.339h-32v230.288c0 0.005 0 0.010 0 0.016 0 20.584-16.669 37.276-37.244 37.312h-219.204c-20.585-0.018-37.269-16.696-37.296-37.277v-345.923h309.776zM704.368 128.928h-203.968c-31.125 0.036-56.348 25.259-56.384 56.381v263.491c0 8.837 7.163 16 16 16v0h244.352c8.837 0 16-7.163 16-16v0-303.872c0-8.837-7.163-16-16-16v0zM476.016 432.8v-247.488c0.018-13.46 10.924-24.366 24.382-24.384h187.97v271.872zM889.6 432.8h-315.664c-42.315 0.073-76.599 34.357-76.672 76.665v10.263c0.082 42.309 34.362 76.583 76.665 76.656h315.671c42.303-0.082 76.574-34.353 76.656-76.648v-10.264c-0.073-42.31-34.347-76.59-76.648-76.672h-0.008zM573.936 564.384c-24.637-0.073-44.59-20.020-44.672-44.648v-10.264c0.073-24.642 20.030-44.599 44.665-44.672h315.671c24.636 0.082 44.583 20.035 44.656 44.665v10.263c-0.027 24.652-20.004 44.629-44.653 44.656h-0.003zM532.864 245.12h98.672v-32h-98.672zM532.864 329.712h98.672v-32h-98.672zM673.328-16.736h-114.624c0 0-0.001 0-0.001 0-7.652 0-14.050 5.372-15.627 12.55l-0.020 0.106-31.056 145.664c-0.225 1.005-0.353 2.16-0.353 3.344 0 8.837 7.163 16 16 16 0 0 0.001 0 0.001 0h176.72c8.829-0.010 15.982-7.17 15.982-16 0-1.179-0.127-2.328-0.369-3.434l0.019 0.106-31.040-145.6c-1.564-7.313-7.964-12.72-15.63-12.736h-0.002zM571.664 15.264h88.704l24.24 113.6h-137.2zM432.112 578.976l-22.624 22.624 77.376 77.376v185.024h32v-191.648c-0.001-4.418-1.792-8.417-4.688-11.312v0zM618.608 514.592c0-14.227-11.533-25.76-25.76-25.76s-25.76 11.533-25.76 25.76c0 14.227 11.533 25.76 25.76 25.76s25.76-11.533 25.76-25.76z" >
+<glyph unicode="&#xe925;" glyph-name="car-parts-5" d="M512 431.484c-81.953 0-148.645-66.692-148.645-148.645s66.692-148.645 148.645-148.645 148.645 66.692 148.645 148.645-66.692 148.645-148.645 148.645zM512 167.226c-63.752 0-115.613 51.861-115.613 115.613s51.861 115.613 115.613 115.613 115.613-51.861 115.613-115.613-51.861-115.613-115.613-115.613zM0 960v-825.806h132.129v33.032h53.265c47.765-134.491 175.946-231.226 326.606-231.226s278.842 96.735 326.606 231.226h53.265v-33.032h132.129v825.806h-1024zM33.032 926.968h270.633c-101.293-32.834-194.23-89.369-270.633-165.855v165.855zM175.517 200.258h-43.388v99.097c0 143.69 80.202 268.982 198.194 333.51v-55.147c-98.915-61.159-165.161-170.281-165.161-294.879 0-28.507 3.832-56.056 10.356-82.581zM512-30.968c-173.039 0-313.806 140.767-313.806 313.806s140.767 313.806 313.806 313.806 313.806-140.767 313.806-313.806-140.767-313.806-313.806-313.806zM363.355 595.737v53.165c45.684 19.506 95.926 30.324 148.645 30.324s102.962-10.818 148.645-30.324v-53.165c-45.122 21.521-95.397 33.941-148.645 33.941s-103.523-12.42-148.645-33.941zM990.968 167.226h-66.065v66.065h-33.032v-33.032h-43.388c6.524 26.525 10.356 54.074 10.356 82.581 0 124.598-66.246 233.72-165.161 294.895v55.147c117.991-64.545 198.194-189.836 198.194-333.527v-33.032h33.032v33.032c0 227.675-185.228 412.903-412.903 412.903s-412.903-185.228-412.903-412.903v-132.129h-66.065v545.858c122.203 135.944 296.365 213.884 478.968 213.884s356.765-77.94 478.968-213.884v-545.858zM990.968 761.113c-76.404 76.486-169.34 133.021-270.633 165.855h270.633v-165.855zM512 464.516c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM512 530.581c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM348.507 396.783c13.229 0 25.683 5.153 35.031 14.501 9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.785-14.501 35.031-14.501zM336.83 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677zM330.323 282.839c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM280.774 266.323c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM313.46 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.365-9.365 21.801-14.518 35.047-14.518s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.729 18.729-51.365 18.729-70.078 0.017zM360.167 107.669c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.701-8.555-4.839-11.677zM512 101.161c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM512 35.097c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM640.462 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.801-14.501 35.031-14.501s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0zM687.17 107.669c-6.227-6.243-17.111-6.243-23.337 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.734-8.555-4.856-11.677zM693.677 282.839c0-27.318 22.231-49.548 49.548-49.548s49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548zM743.226 299.355c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM675.493 396.783c13.229 0 25.683 5.153 35.031 14.501s14.501 21.801 14.501 35.031c0 13.229-5.153 25.683-14.501 35.031-18.729 18.729-51.365 18.713-70.078 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.398-9.332 21.834-14.485 35.064-14.485zM663.833 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.701 8.555 4.839 11.677zM140.205 725.487c103.853 87.321 235.883 135.416 371.795 135.416v33.032c-143.674 0-283.268-50.853-393.051-143.162l21.256-25.286zM72.291 707.221l23.75-22.957c7.317 7.581 14.831 14.947 22.545 22.115l-22.462 24.213c-8.159-7.581-16.087-15.36-23.833-23.37z" >
+<glyph unicode="&#xe926;" glyph-name="gasoline" d="M560.438 698h106.962c0.014 0 0.031 0 0.048 0 50.935 0 92.234 41.254 92.308 92.171v0.007c-0.014 7.637-6.209 13.823-13.848 13.823-0.053 0-0.107 0-0.16-0.001h-160.192c-21.745-0.137-39.345-17.69-39.556-39.404v-53.254c0-7.742 6.706-13.342 14.438-13.342zM574 764.576c0.194 6.278 5.272 11.308 11.551 11.424h144.671c-6.4-30-32.144-50-62.824-50h-93.398zM218.096 634.246c2.533-2.533 6.033-4.1 9.899-4.1 3.804 0 7.253 1.517 9.776 3.979l-0.003-0.003 5.028 4.9 16-17.132-35.134-34.090c-12.079-11.714-19.596-28.073-19.662-46.188v-395.112c0.136-63.227 51.392-114.438 114.624-114.5h427.13c63.117 0.094 114.246 51.282 114.246 114.412 0 0.031 0 0.062 0 0.093v-0.005 653.25c0 0.043 0 0.093 0 0.144 0 35.368-28.641 64.046-63.994 64.106h-260.694c-34.994-0.12-63.316-28.517-63.316-63.528 0-0.254 0.001-0.508 0.004-0.761v0.039-51.75h-57c-0.124 0.001-0.272 0.001-0.419 0.001-17.202 0-32.813-6.814-44.282-17.889l0.018 0.018-27.8-26.92-16.1 17.304 10.554 10.318c2.609 2.549 4.227 6.102 4.227 10.033 0 3.869-1.567 7.372-4.101 9.909v0l-50.24 50.254c-2.534 2.534-6.034 4.102-9.901 4.102-3.804 0-7.253-1.517-9.776-3.979l0.003 0.003-99.212-96.736c-2.609-2.545-4.227-6.096-4.227-10.024 0-3.866 1.567-7.366 4.101-9.9v0zM389.814 710.026c6.433 6.174 15.183 9.976 24.822 9.976 0.128 0 0.256-0.001 0.384-0.002h70.034c8.022 0.128 14.527 6.45 14.944 14.386l0.002 0.038v65.326c0 19.988 15.324 36.25 35.312 36.25h260.688c19.891-0.042 36-16.177 36-36.074 0-0.062 0-0.124 0-0.186v0.010-653.25c0-0.036 0-0.078 0-0.12 0-47.659-38.597-86.304-86.239-86.38h-427.131c-47.781 0.045-86.511 38.73-86.63 86.489v395.111c0.053 10.211 4.316 19.416 11.14 25.977l0.012 0.011zM278.866 641.414l-16.018 17.162 43.526 42.438 16.076-17.222zM276.834 771.458l30.45-30.458-79.164-77.18-30.45 30.448zM324.1 177.9c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l73.9 73.9h228.454l74.91-73.962c2.535-2.541 6.040-4.114 9.913-4.114 7.732 0 14 6.268 14 14 0 3.935-1.624 7.491-4.238 10.035l-0.003 0.003-74.836 73.89v228.348l74.9 74.898c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-74.9-74.898h-228.348l-73.89 74.836c-2.547 2.617-6.103 4.241-10.038 4.241-7.732 0-14-6.268-14-14 0-3.873 1.572-7.378 4.114-9.913v0l73.962-74.91v-228.454zM426 472h212v-212h-212zM580 428h-96c-7.732 0-14-6.268-14-14v0-96c0-7.732 6.268-14 14-14v0h96c7.732 0 14 6.268 14 14v0 96c0 7.732-6.268 14-14 14v0zM566 332h-68v68h68z" >
+<glyph unicode="&#xe927;" glyph-name="seat" d="M228 228.144h-32v407.792c0.082 63.442 51.499 114.848 114.938 114.912h402.118c63.445-0.064 114.862-51.47 114.944-114.904v-407.784h-32v407.776c-0.064 45.777-37.165 82.867-82.94 82.912h-402.116c-45.779-0.046-82.88-37.135-82.944-82.906v-0.006zM641.264 718.848h-258.528c-29.079 0.064-52.633 23.624-52.688 52.699v95.749c0.054 29.080 23.609 52.64 52.682 52.704h258.534c29.079-0.064 52.633-23.624 52.688-52.699v-95.749c-0.054-29.080-23.609-52.64-52.682-52.704h-0.006zM382.736 888c-11.406-0.063-20.634-9.297-20.688-20.699v-95.749c0.054-11.407 9.282-20.641 20.682-20.704h258.534c11.406 0.063 20.634 9.297 20.688 20.699v95.749c-0.054 11.407-9.282 20.641-20.682 20.704h-0.006zM636.464 129.248h-248.928c-8.837 0-16 7.163-16 16v0 352.352c0.027 28.395 23.043 51.406 51.438 51.424h178.050c28.397-0.018 51.413-23.029 51.44-51.421v-352.323c0-0.009 0-0.021 0-0.032 0-8.837-7.163-16-16-16 0 0 0 0 0 0v0zM403.536 161.248h216.928v336.352c-0.018 10.726-8.713 19.415-19.439 19.424h-178.049c-10.727-0.009-19.422-8.698-19.44-19.422v-0.002zM387.536 292.88h248.944v-32h-248.944zM387.536 666.112h248.944v-32h-248.944zM785.024-46.288h-546.048c-67.765 0.073-122.679 54.987-122.752 122.745v109.479c0.036 32.171 26.102 58.243 58.268 58.288h65.316c24.198-0.066 45.363-12.988 57.032-32.293l0.168-0.299 29.84-50.384h370.304l29.856 50.384c11.828 19.606 32.99 32.53 57.175 32.592h65.321c32.17-0.045 58.236-26.117 58.272-58.284v-109.476c-0.073-67.765-54.987-122.679-122.745-122.752h-0.007zM174.496 212.224c-14.504-0.027-26.254-11.782-26.272-26.286v-109.474c0.055-50.099 40.653-90.697 90.747-90.752h546.053c50.099 0.055 90.697 40.653 90.752 90.747v109.477c-0.018 14.506-11.768 26.261-26.269 26.288h-65.315c-12.55-0.039-23.526-6.743-29.577-16.757l-0.087-0.155-34.528-58.224c-2.838-4.726-7.935-7.839-13.76-7.84h-388.528c-5.825 0.001-10.922 3.114-13.72 7.768l-0.040 0.072-34.48 58.224c-6.134 10.173-17.112 16.88-29.659 16.912h-0.005zM592 816h-160c-8.837 0-16 7.163-16 16v0 72c0 8.837 7.163 16 16 16v0h160c8.837 0 16-7.163 16-16v0-72c0-8.837-7.163-16-16-16v0zM448 848h128v40h-128z" >
+<glyph unicode="&#xe928;" glyph-name="car-parts-6" d="M924.917 860.9v99.1h-165.167v-99.1h-33.033v-25.584c-42.795 74.375-122.917 124.684-214.717 124.684s-171.922-50.31-214.717-124.684v25.584h-33.033v99.1h-165.167v-99.1h-33.033v-295.268c0-37.972 25.733-70.906 62.565-80.122l230.226-57.561c22.099-5.517 37.542-25.287 37.542-48.063v-202.032c-25.551-31.646-37.063-72.558-31.712-113.222 8.77-66.612 63.655-120.324 130.465-127.723 5.5-0.611 11.017-0.908 16.5-0.908 36.617 0 72.161 13.378 99.48 37.856 31.481 28.177 49.533 68.544 49.533 110.761 0 33.942-11.677 66.793-33.033 93.237v202.032c0 22.776 15.443 42.547 37.526 48.063l230.226 57.561c36.849 9.216 62.582 42.151 62.582 80.122v295.268h-33.033zM792.783 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM512 926.967c118.391 0 214.717-96.325 214.717-214.717s-96.325-214.717-214.717-214.717-214.717 96.325-214.717 214.717 96.325 214.717 214.717 214.717zM132.117 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM924.917 565.632c0-22.776-15.443-42.547-37.526-48.063l-230.226-57.561c-36.849-9.216-62.582-42.151-62.582-80.122v-214.304l4.129-4.691c18.631-21.158 28.904-48.245 28.904-76.274 0-32.835-14.039-64.233-38.517-86.151-24.825-22.231-56.949-32.439-90.33-28.722-51.912 5.731-94.541 47.469-101.363 99.199-4.459 33.843 5.45 66.496 27.88 91.965l4.129 4.674v214.304c0 37.972-25.733 70.906-62.565 80.122l-230.242 57.561c-22.083 5.517-37.526 25.287-37.526 48.063v262.235h165.167v-115.617c0-119.647 85.242-219.738 198.2-242.762v-318.805h0.512c-20.233-15.063-33.545-38.963-33.545-66.067 0-45.536 37.047-82.583 82.583-82.583s82.583 37.047 82.583 82.583c0 27.104-13.312 51.003-33.545 66.067h0.512v49.55h-33.033v-34.702c-5.335 1.090-10.868 1.668-16.517 1.668s-11.182-0.578-16.517-1.668v299.81c5.484-0.363 10.934-0.842 16.517-0.842s11.033 0.479 16.517 0.842v-232.076h33.033v236.221c112.957 23.024 198.2 123.115 198.2 242.762v115.617h165.167v-262.235zM512 134.167c27.319 0 49.55-22.231 49.55-49.55s-22.231-49.55-49.55-49.55-49.55 22.231-49.55 49.55 22.231 49.55 49.55 49.55zM512 530.567c100.174 0 181.683 81.51 181.683 181.683s-81.51 181.683-181.683 181.683c-100.174 0-181.683-81.51-181.683-181.683s81.51-181.683 181.683-181.683zM512 860.9c81.972 0 148.65-66.694 148.65-148.65s-66.678-148.65-148.65-148.65c-81.972 0-148.65 66.694-148.65 148.65s66.678 148.65 148.65 148.65z" >
+<glyph unicode="&#xe929;" glyph-name="car-2" d="M170.4 595.708c-25.546 0-46.256-20.71-46.256-46.256s20.71-46.256 46.256-46.256c25.546 0 46.256 20.71 46.256 46.256v0c-0.028 25.535-20.721 46.228-46.253 46.256h-0.003zM170.4 531.198c-10.083 0-18.256 8.173-18.256 18.256s8.173 18.256 18.256 18.256c10.083 0 18.256-8.173 18.256-18.256 0-0.001 0-0.001 0-0.002v0c-0.013-10.077-8.179-18.242-18.255-18.252h-0.001zM52 662h0.018l31.774 0.2c-14.392-13.704-23.392-33.92-23.392-56.952 0-0.003 0-0.006 0-0.010 0-0.602 0.040-1.195 0.117-1.777l-0.007 0.068 18.2-143.51c0.451-21.035 15.255-38.488 34.988-42.982l0.302-0.058v-43.78c0.015-16.131 13.095-29.201 29.228-29.201 0.094 0 0.188 0 0.282 0.001h47.238c0.069-0.001 0.151-0.001 0.233-0.001 16.027 0 29.020 12.993 29.020 29.020 0 0.064 0 0.127-0.001 0.191v-0.010 42.8h368v-313.888c-0.002-0.196-0.004-0.427-0.004-0.659 0-32.836 26.618-59.454 59.454-59.454 0.115 0 0.23 0 0.345 0.001h277.458c0.14-0.001 0.305-0.002 0.47-0.002 33.232 0 60.184 26.894 60.276 60.105v409.261c-0.048 33.499-27.215 60.636-60.72 60.636-0.009 0-0.018 0-0.027 0h-50.491c-5.156 22-24.24 36-46.94 36h-42.382c-0.657 21.244-9.812 40.228-24.162 53.765l-0.038 0.035 32.706 0.256c7.754 0.115 13.995 6.428 13.995 14.199 0 0.233-0.006 0.464-0.017 0.694l0.001-0.032c-0.774 10.507-2.795 20.268-5.927 29.517l0.245-0.835c-6.98 20.94-28.8 34.484-55.6 34.484-14.87 0-41.114 0.1-54.444 0.15l-24.448 44.736c-18.006 32.284-44.352 69.032-88.574 69.032h-309.8c-35.978 0-67.778-24.348-89.632-69.158l-25.468-44.968c-13.348 0.026-40 0.154-54.972 0.154-26.8 0-48.628-13.49-55.6-34.428-2.887-8.4-4.908-18.145-5.659-28.243l-0.023-0.391c-0.010-0.205-0.016-0.445-0.016-0.686 0-3.793 1.474-7.242 3.88-9.806l-0.007 0.008c2.541-2.713 6.125-4.421 10.109-4.482h0.011zM192 373.2c0-0.862-0.4-1.2-1.252-1.2h-47.252c-0.86 0-1.496 0.332-1.496 1.2v42.8h50zM588 511.37v-67.37h-464.2c-0.009 0-0.021 0-0.032 0-9.428 0-17.073 7.636-17.088 17.061v0.001c0 0.61-0.041 1.209-0.12 1.797l0.008-0.069-18.156 143.39c0.37 27.962 19.272 44.882 38.296 46.17 0.585-0.151 1.289-0.275 2.008-0.345l0.060-0.005h587.162c0.104 0 0.2-0.33 0.31-0.33 24.128 0 39.552-21.67 41.132-43.67h-12.17c-22.7 0-41.784-14-46.94-36h-50.492c-33.031-0.067-59.783-26.859-59.783-59.9 0-0.259 0.002-0.517 0.005-0.775v0.039zM517.42 680c5.526 22.353 25.408 38.665 49.1 38.665s43.574-16.312 49.027-38.318l0.073-0.347zM874.232 544h51.022c0.017 0 0.036 0 0.056 0 18.035 0 32.659-14.605 32.69-32.633v-409.255c-0.074-17.753-14.483-32.116-32.246-32.116-0.176 0-0.351 0.001-0.527 0.004h-277.45c-0.106-0.001-0.23-0.002-0.355-0.002-17.358 0-31.43 14.072-31.43 31.43 0 0.241 0.003 0.48 0.008 0.72l-0.001-0.036v409.252c0 18.056 13.722 32.636 31.778 32.636h51.022c6.107-19.837 24.272-34.005 45.745-34.005 0.234 0 0.467 0.002 0.7 0.005h82.577c0.198-0.003 0.431-0.005 0.665-0.005 21.474 0 39.638 14.168 45.655 33.666l0.090 0.338zM827.678 580c11.224 0 20.322-9.098 20.322-20.322v0-3.356c0-11.224-9.098-20.322-20.322-20.322v0h-83.356c-11.224 0-20.322 9.098-20.322 20.322v0 3.356c0 11.224 9.098 20.322 20.322 20.322v0zM746.63 712.108c14.318 0 26-6.158 29.046-15.324 0.742-2.228 1.358-4.4 1.87-6.478l-58.254-0.020-11.892 21.914c13.164-0.048 28.926-0.092 39.23-0.092zM204.34 771.6c0.144 0.254 0.278 0.284 0.4 0.544 9.802 20.194 31.224 53.856 64.634 53.856h309.8c23.448 0 42.626-16.302 64.042-54.702l49.61-91.298h-48.69c-5.966 37.962-38.442 66.654-77.62 66.654s-71.654-28.692-77.562-66.21l-0.058-0.444h-336.144zM70.26 696.784c3.056 9.166 14.728 15.324 29.046 15.324 10.26 0 26-0.024 39.188-0.046l-12.218-21.662-57.88-0.074c0.51 2.064 1.124 4.238 1.864 6.458zM575.304 571.366c-7.43 21.834-31.324 38.634-54.398 38.634h-196.688c-23.146 0-46.904-16.912-54.092-38.916l-9.85-30c-0.439-1.335-0.691-2.871-0.691-4.466 0-3.17 0.999-6.106 2.699-8.512l-0.031 0.046c2.543-3.621 6.644-5.998 11.309-6.151l0.023-0.001h298.766c4.725 0.186 8.847 2.614 11.35 6.244l0.032 0.048c1.637 2.276 2.618 5.12 2.618 8.192 0 1.621-0.273 3.179-0.776 4.629l0.030-0.099zM292.884 550l3.86 11.948c3.4 10.428 16.502 20.052 27.474 20.052h196.688c11.040 0 24.334-9.642 27.888-20.096l4-11.904zM538.306 498h-232.276c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h232.276c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM664.096 368h14.84c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-0.936v38h39.6c1.862-4 6.666-9.092 12.838-9.092 7.547 0.253 13.569 6.432 13.569 14.017 0 0.151-0.002 0.301-0.007 0.451l0.001-0.022v9.536c0.009 0.174 0.014 0.378 0.014 0.582 0 6.927-5.615 12.542-12.542 12.542-0.211 0-0.421-0.005-0.629-0.015l0.029 0.001h-66.776c-7.732 0-14.096-5.376-14.096-13.11v-66.772c0.036-7.775 6.323-14.069 14.091-14.118h0.005zM664 240h66c7.732 0 14 6.268 14 14v0 66c0 7.732-6.268 14-14 14v0h-66c-7.732 0-14-6.268-14-14v0-66c0-7.732 6.268-14 14-14v0zM678 306h38v-40h-38zM678.938 136h-0.938v40h38.876c-0.003-0.107-0.005-0.233-0.005-0.359 0-7.518 6.058-13.62 13.558-13.693h0.007c0.079-0.002 0.172-0.003 0.265-0.003 7.346 0 13.302 5.956 13.302 13.302 0 0.106-0.001 0.211-0.004 0.316v-0.016 13.658c0 7.734-5.4 14.788-13.128 14.788h-66.776c-7.862-0.372-14.096-6.837-14.096-14.758 0-0.008 0-0.017 0-0.025v0.001-66.772c0.011-7.851 6.274-14.235 14.077-14.44h14.861c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM763.632 445.6l-41.632-41.634-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.54 51.542c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM763.632 183.88l-41.632-41.642-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.542 51.54c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM805.904 416c0-7.732 6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-89.032c-7.732 0-14-6.268-14-14v0zM908.936 300h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM908.936 170h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe92a;" glyph-name="soap" d="M213.856 644.512c-7.982 14.108-12.685 30.981-12.685 48.954 0 14.024 2.864 27.379 8.039 39.513l-0.25-0.658c13.325 27.056 36.708 47.452 65.145 56.538l0.775 0.214c9.508 2.869 20.435 4.521 31.748 4.521 5.047 0 10.017-0.329 14.89-0.966l-0.574 0.061c11.801 15.535 27.781 27.333 46.268 33.789l0.692 0.211c14.066 53.705 62.161 92.686 119.361 92.686 4.005 0 7.965-0.191 11.872-0.565l-0.498 0.038c113.728-8.544 114.528-110.016 113.6-130.256l-32 1.6c1.344 27.2-4.176 90.8-83.968 96.8-82.032 5.984-98.64-72.752-99.312-76.112-1.251-6.166-5.912-10.983-11.89-12.441l-0.11-0.023c-1.6-0.368-3.2-0.816-4.8-1.312-16.254-5.075-29.494-15.774-37.735-29.77l-0.169-0.31c-2.81-4.85-7.976-8.060-13.891-8.060-1.444 0-2.843 0.191-4.173 0.55l0.112-0.026c-5.488 1.427-11.788 2.246-18.28 2.246-29.687 0-55.374-17.13-67.714-42.045l-0.197-0.441c-3.063-7.604-4.841-16.422-4.841-25.654 0-12.938 3.49-25.061 9.581-35.479l-0.18 0.333zM850.848 645.536c-9.186 27.341-34.58 46.687-64.493 46.687-8.464 0-16.566-1.549-24.038-4.379l0.467 0.155c-1.617-0.602-3.484-0.951-5.433-0.951-8.191 0-14.944 6.154-15.887 14.091l-0.007 0.076c-0.416 3.344-11.040 82.864-92.336 82.864h-0.4c-43.2-0.128-71.664-18.448-84.8-54.4l-30.064 10.944c17.6 48.496 58.416 75.312 114.736 75.488h0.512c0.843 0.021 1.835 0.033 2.83 0.033 57.060 0 104.89-39.52 117.611-92.682l0.166-0.823c5.539 1.12 11.906 1.762 18.423 1.762 42.915 0 79.336-27.808 92.226-66.387l0.199-0.686zM793.6-18.288h-531.936c-0.018 0-0.039 0-0.061 0-8.347 0-15.2 6.391-15.935 14.546l-0.004 0.062-47.184 540.672c-0.039 0.417-0.061 0.902-0.061 1.392 0 8.837 7.163 16 16 16 0.021 0 0.043 0 0.064 0h626.381c0.018 0 0.039 0 0.061 0 8.837 0 16-7.163 16-16 0-0.49-0.022-0.975-0.065-1.454l0.004 0.062-47.264-540.672c-0.739-8.217-7.593-14.608-15.939-14.608-0.021 0-0.043 0-0.064 0h0.003zM276.288 13.712h502.688l44.432 508.672h-591.536zM898.672 522.384h-742.048c-8.837 0-16 7.163-16 16v0 113.040c0 8.837 7.163 16 16 16v0h742.048c8.837 0 16-7.163 16-16v0-113.040c0-8.837-7.163-16-16-16v0zM172.624 554.384h710.048v81.040h-710.048zM890.784 153.744h-183.504c-0.001 0-0.003 0-0.004 0-7.275 0-13.416 4.856-15.359 11.503l-0.028 0.113-105.36 368.64 30.784 8.768 102.032-357.024h150.928l-55.872 222.528 31.024 7.808 60.944-242.432c0.307-1.172 0.484-2.517 0.484-3.904 0-8.837-7.163-16-16-16-0.001 0-0.003 0-0.004 0v0zM455.024 778.928c-35.52 33.44-66 20.976-67.2 20.4l-13.264 29.12c2.064 0.944 50.608 22.656 102.496-26.24zM255.664 91.712h543.376v-32h-543.376zM248.624 162.96h230.24v-32h-230.24z" >
+<glyph unicode="&#xe92b;" glyph-name="car-parts-7" d="M512 662.71c22.957 0 45.353 8.043 63.042 22.627l-21.009 25.484c-11.793-9.728-26.723-15.079-42.034-15.079-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065c0-11.413-2.956-22.677-8.555-32.537l28.738-16.285c8.407 14.815 12.85 31.694 12.85 48.822 0 54.652-44.445 99.097-99.097 99.097s-99.097-44.445-99.097-99.097 44.445-99.097 99.097-99.097zM181.677 629.677c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581zM165.161 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM165.161 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM198.194 500.587v29.993h29.993c-4.988-13.989-16.004-25.005-29.993-29.993zM198.194 563.613v29.993c13.989-4.988 25.005-16.004 29.993-29.993h-29.993zM759.742 547.097c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581zM825.806 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM825.806 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM858.839 593.606c13.989-4.988 25.005-16.004 29.993-29.993h-29.993v29.993zM858.839 530.581h29.993c-4.988-13.989-16.004-25.005-29.993-29.993v29.993zM512 282.839c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 414.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM643.419 909.758c-35.031 31.149-80.979 50.242-131.419 50.242s-96.388-19.093-131.419-50.242c-224.256-59.375-380.581-262.144-380.581-494.79v-16.516h33.445c8.754-256.479 219.995-462.452 478.555-462.452s469.801 205.973 478.555 462.452h33.445v16.516c0 232.646-156.325 435.415-380.581 494.79zM512 926.968c91.070 0 165.161-74.091 165.161-165.161s-74.091-165.161-165.161-165.161-165.161 74.091-165.161 165.161 74.091 165.161 165.161 165.161zM346.839 464.516h-8.489l61.787 133.847c31.86-21.884 70.375-34.75 111.864-34.75s80.004 12.866 111.88 34.75l61.77-133.847h-8.489c-27.318 0-49.548-22.231-49.548-49.548v-198.194c0-27.318-22.231-49.548-49.548-49.548h-132.129c-27.318 0-49.548 22.231-49.548 49.548v198.194c0 27.318-22.231 49.548-49.548 49.548zM33.313 431.484c6.606 193.899 129.305 362.892 308.191 430.856-17.474-29.514-27.698-63.818-27.698-100.534 0-55.527 23.023-105.736 59.954-141.758l-87.040-188.565h-253.407zM924.903 431.484v-33.032h32.619c-8.737-238.262-205.18-429.419-445.523-429.419s-436.786 191.158-445.523 429.419h241.383l15.244 33.032h23.734c9.1 0 16.516-7.416 16.516-16.516v-198.194c0-45.535 37.046-82.581 82.581-82.581h132.129c45.535 0 82.581 37.046 82.581 82.581v198.194c0 9.1 7.416 16.516 16.516 16.516h23.734l15.244-33.032h175.732v33.032h-154.591l-87.040 188.565c36.93 36.022 59.954 86.231 59.954 141.758 0 36.715-10.223 71.019-27.698 100.534 178.886-67.964 301.585-236.957 308.191-430.856h-65.784z" >
+<glyph unicode="&#xe92c;" glyph-name="disc-brake" d="M79.228 404h56.692c3.516-226 187.828-407.644 413.918-407.644 228.28 0 413.8 185.622 413.8 413.904 0.006 226.090-181.638 410.304-407.638 413.818v56.694c0.001 0.052 0.001 0.113 0.001 0.175 0 6.851-4.982 12.538-11.52 13.638l-0.081 0.011c-19.899 3.356-42.823 5.274-66.195 5.274-230.898 0-418.078-187.18-418.078-418.078 0-23.371 1.918-46.294 5.604-68.621l-0.331 2.429c1.116-6.62 6.806-11.601 13.659-11.601 0.059 0 0.118 0 0.178 0.001h-0.009zM550.664 699.508c3.261 2.549 5.338 6.482 5.338 10.901 0 0.083-0.001 0.165-0.002 0.247v-0.012 85.434c210-3.512 379.644-175.264 379.644-385.916 0-212.84-173.062-385.8-385.902-385.8-210.652-0.006-382.308 169.638-385.822 379.638h85.436c0.083-0.002 0.182-0.003 0.28-0.003 7.581 0 13.726 6.145 13.726 13.726 0 1.331-0.189 2.617-0.543 3.834l0.024-0.097c-5.215 18.010-8.214 38.698-8.214 60.086 0 123.638 100.228 223.866 223.866 223.866 21.411 0 42.12-3.006 61.728-8.618l-1.579 0.387c1.109-0.326 2.383-0.513 3.701-0.513 3.147 0 6.045 1.069 8.35 2.864l-0.030-0.023zM106.148 599.132c51.273 159.415 198.26 272.749 371.717 272.749 17.677 0 35.078-1.177 52.131-3.457l-1.996 0.218v-140.262c-15.046 3.2-32.333 5.033-50.049 5.033-138.826 0-251.366-112.54-251.366-251.366 0-17.715 1.832-35.001 5.318-51.681l-0.286 1.634h-140.26c-2.013 14.937-3.162 32.204-3.162 49.739 0 41.915 6.565 82.297 18.723 120.174l-0.771-2.781zM335.838 410.162c0.138-118.134 95.866-213.862 213.987-214h0.337c0.038 0 0.072 0 0.108 0 57.913 0.083 110.402 23.235 148.784 60.757l-0.040-0.039c1.814 1.136 3.303 2.628 4.402 4.388l0.034 0.058c36.665 37.675 59.532 88.94 60.346 145.542l0.002 0.158c0.231 0.941 0.364 2.020 0.364 3.131s-0.133 2.19-0.383 3.224l0.019-0.093c-0.813 56.764-23.679 108.034-60.392 145.76l0.046-0.048c-1.133 1.819-2.624 3.312-4.385 4.415l-0.057 0.033c-38.341 37.483-90.829 60.635-148.724 60.716h-0.016c-0.036 0-0.070 0-0.108 0h-0.324c-118.134-0.138-213.864-95.868-214-213.989v-0.013zM482.28 497.838l-53.534 53.456c28.94 24.856 65.939 41.083 106.598 44.322l0.656 0.042v-75.496c0-7.732 6.268-14 14-14s14 6.268 14 14v0 75.454c41.289-3.404 78.229-19.708 107.361-44.821l-0.243 0.205-53.118-53.156c-2.531-2.535-4.096-6.035-4.096-9.9 0-7.739 6.274-14.013 14.013-14.013 3.874 0 7.38 1.572 9.917 4.113v0l53.132 53.048c24.811-28.904 41.024-65.839 44.303-106.428l0.043-0.664h-75.15c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h75.15c-3.32-41.199-19.532-78.081-44.547-107.177l0.207 0.247-53.128 53.17c-2.541 2.591-6.079 4.197-9.991 4.197-7.726 0-13.99-6.264-13.99-13.99 0-3.905 1.6-7.436 4.179-9.973l0.002-0.002 53.076-53.152c-28.89-24.905-65.831-41.208-106.443-44.567l-0.677-0.045v75.454c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-75.496c-41.315 3.28-78.314 19.506-107.504 44.571l0.25-0.209 53.494 53.454c2.536 2.532 4.105 6.033 4.105 9.9 0 7.727-6.264 13.99-13.99 13.99-3.86 0-7.354-1.563-9.885-4.090v0l-53.47-53.562c-24.953 28.924-41.272 65.928-44.594 106.611l-0.044 0.669h75.8c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-75.8c2.954 41.476 19.356 78.638 44.818 107.651l-0.178-0.207 53.478-53.444c2.535-2.531 6.035-4.096 9.9-4.096 7.739 0 14.013 6.274 14.013 14.013 0 3.874-1.572 7.38-4.113 9.917v0zM549.838 356.162c29.823 0 54 24.177 54 54s-24.177 54-54 54c-29.823 0-54-24.177-54-54v0c0.034-29.81 24.19-53.966 53.997-54h0.003zM549.838 436.162c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.016 14.353 11.647 25.984 25.998 26h0.002zM172.084 542.778c1.514-0.611 3.269-0.966 5.108-0.966 5.896 0 10.939 3.648 12.997 8.81l0.033 0.094c2.028 5.186 4.2 10.4 6.452 15.49 0.824 1.73 1.305 3.761 1.305 5.903 0 7.732-6.268 14-14 14-5.773 0-10.729-3.494-12.871-8.482l-0.035-0.091c-2.418-5.464-4.748-11.056-6.924-16.62-0.609-1.512-0.963-3.265-0.963-5.101 0-5.895 3.644-10.94 8.802-13.003l0.094-0.033zM260.904 672.784c0.005 0 0.012 0 0.018 0 3.968 0 7.549 1.655 10.091 4.313l0.005 0.005c3.852 4.022 7.84 8.012 11.858 11.86 2.699 2.557 4.378 6.167 4.378 10.17 0 7.732-6.268 14-14 14-3.789 0-7.227-1.506-9.748-3.951l0.004 0.003c-4.308-4.126-8.586-8.4-12.716-12.718-2.406-2.51-3.888-5.923-3.888-9.682 0-7.731 6.267-13.999 13.998-14v0zM388.094 762.104c2.049 0.001 3.995 0.443 5.748 1.236l-0.088-0.036c5.082 2.25 10.284 4.42 15.46 6.444 5.266 2.091 8.922 7.142 8.922 13.047 0 7.732-6.268 14-14 14-1.844 0-3.604-0.356-5.216-1.004l0.094 0.033c-5.554-2.174-11.136-4.5-16.6-6.916-4.948-2.232-8.329-7.121-8.329-12.8 0-7.732 6.268-14 14-14 0.002 0 0.004 0 0.005 0v0z" >
+<glyph unicode="&#xe92d;" glyph-name="car-parts-8" d="M1024 474.954l-5.599 53.149-46.84 17.573 35.658 35.13-16.516 50.82-49.499 7.465 27.565 41.753-26.723 46.295-49.961-3.006 18.283 46.592-35.757 39.721-48.244-13.329 8.209 49.35-43.239 31.43-44.428-23.073-2.246 50.011-48.822 21.735-38.664-31.744-12.585 48.442-52.274 11.115-31.215-39.127-22.379 44.742h-53.446l-22.379-44.759-31.215 39.127-52.274-11.115-12.585-48.425-38.664 31.794-48.822-21.735-2.246-50.011-44.428 23.073-43.223-31.447 8.209-49.35-48.244 13.329-35.774-39.738 18.283-46.592-49.961 3.006-26.723-46.295 27.565-41.753-49.499-7.465-16.516-50.82 35.658-35.13-46.84-17.59-5.599-53.149 42.199-26.954-42.199-26.954 5.599-53.149 46.84-17.573-35.658-35.13 16.516-50.82 49.499-7.465-27.565-41.753 26.723-46.295 49.961 3.006-18.283-46.609 35.757-39.721 48.244 13.329-8.209-49.35 43.239-31.43 44.428 23.073 2.246-50.011 48.822-21.735 38.664 31.794 12.585-48.442 52.274-11.115 31.215 39.127 22.379-44.775h53.446l22.379 44.759 31.215-39.127 52.274 11.115 12.585 48.442 38.664-31.794 48.822 21.735 2.246 50.011 44.428-23.073 43.239 31.43-8.209 49.35 48.244-13.329 35.757 39.721-18.283 46.592 49.961-3.006 26.723 46.295-27.565 41.753 49.499 7.465 16.516 50.82-35.658 35.13 46.84 17.573 5.599 53.182-42.199 26.954 42.199 26.954zM987.681 504.353l1.321-12.569-31.694-20.249c-0.809 15.558-2.444 30.902-4.823 46.014l35.196-13.196zM965.566 602.013l3.898-12.024-26.822-26.409c-4.030 15.013-8.853 29.696-14.369 44.049l37.293-5.615zM923.648 692.951l6.309-10.934-20.843-31.546c-7.085 13.841-14.848 27.252-23.288 40.217l37.822 2.263zM863.727 773.186l8.44-9.381-13.857-35.278c-9.778 12.040-20.117 23.618-31.067 34.585l36.484 10.075zM788.414 839.201l10.207-7.416-6.21-37.393c-12.024 9.761-24.593 18.861-37.607 27.351l33.61 17.458zM701.044 888.122l11.528-5.137 1.685-37.772c-13.725 7.019-27.863 13.362-42.364 18.944l29.151 23.965zM605.415 917.818l12.338-2.626 9.48-36.435c-14.815 3.964-29.894 7.218-45.271 9.645l23.453 29.415zM505.691 926.968h12.618l16.813-33.627c-7.663 0.396-15.36 0.595-23.123 0.595s-15.459-0.198-23.123-0.595l16.813 33.627zM406.247 915.192l12.338 2.626 23.453-29.415c-15.36-2.428-30.456-5.682-45.271-9.645l9.48 36.435zM311.412 882.985l11.545 5.137 29.134-23.965c-14.501-5.599-28.622-11.925-42.364-18.944l1.685 37.772zM235.57 839.201l33.61-17.458c-13.015-8.489-25.583-17.59-37.607-27.351l-6.21 37.393 10.207 7.416zM160.273 773.17l36.484-10.075c-10.967-10.967-21.289-22.545-31.067-34.585l-13.857 35.278 8.44 9.381zM100.352 692.951l37.822-2.279c-8.44-12.949-16.202-26.376-23.288-40.217l-20.843 31.546 6.309 10.95zM58.434 602.013l37.293 5.615c-5.516-14.353-10.339-29.035-14.369-44.049l-26.822 26.409 3.898 12.024zM34.998 491.784l1.321 12.569 35.212 13.213c-2.378-15.112-4.013-30.456-4.823-46.014l-31.711 20.232zM36.319 391.647l-1.321 12.569 31.694 20.249c0.809-15.558 2.444-30.902 4.823-46.014l-35.196 13.196zM58.434 293.987l-3.898 12.024 26.822 26.409c4.030-15.013 8.853-29.696 14.369-44.049l-37.293 5.615zM100.352 203.049l-6.309 10.934 20.843 31.546c7.085-13.841 14.848-27.252 23.288-40.217l-37.822-2.263zM160.273 122.814l-8.44 9.381 13.857 35.278c9.778-12.040 20.117-23.618 31.067-34.585l-36.484-10.075zM235.586 56.799l-10.207 7.416 6.21 37.393c12.024-9.761 24.593-18.861 37.607-27.351l-33.61-17.458zM322.956 7.878l-11.528 5.137-1.685 37.772c13.725-7.019 27.863-13.362 42.364-18.944l-29.151-23.965zM418.585-21.818l-12.338 2.626-9.48 36.435c14.815-3.964 29.894-7.218 45.271-9.645l-23.453-29.415zM518.309-30.968h-12.618l-16.813 33.627c7.663-0.396 15.36-0.595 23.123-0.595s15.459 0.198 23.123 0.595l-16.813-33.627zM617.753-19.192l-12.338-2.626-23.453 29.415c15.36 2.428 30.456 5.682 45.271 9.645l-9.48-36.435zM712.588 13.015l-11.545-5.137-29.134 23.965c14.501 5.599 28.622 11.925 42.364 18.944l-1.685-37.772zM788.43 56.799l-33.61 17.458c13.015 8.489 25.583 17.59 37.607 27.351l6.21-37.393-10.207-7.416zM863.727 122.83l-36.484 10.075c10.967 10.967 21.289 22.545 31.067 34.585l13.857-35.278-8.44-9.381zM512 35.097c-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903-185.228-412.903-412.903-412.903zM923.648 203.049l-37.822 2.279c8.44 12.949 16.202 26.376 23.288 40.217l20.843-31.546-6.309-10.95zM965.566 293.987l-37.293-5.615c5.516 14.353 10.339 29.035 14.369 44.049l26.822-26.409-3.898-12.024zM989.002 404.216l-1.321-12.569-35.212-13.213c2.378 15.112 4.013 30.456 4.823 46.014l31.711-20.232zM512 728.774c-154.822 0-280.774-125.952-280.774-280.774s125.952-280.774 280.774-280.774c78.732 0 154.343 33.379 207.443 91.565l-24.411 22.264c-46.84-51.349-113.565-80.797-183.032-80.797-136.605 0-247.742 111.137-247.742 247.742s111.137 247.742 247.742 247.742 247.742-111.137 247.742-247.742c0-50.044-14.848-98.254-42.925-139.413l27.285-18.614c31.843 46.675 48.673 101.31 48.673 158.026 0 154.822-125.952 280.774-280.774 280.774zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM561.548 613.161c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 613.161c0 9.117 7.416 16.516 16.516 16.516s16.516-7.399 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.399-16.516 16.516zM402.052 483.724c4.096 12.585 3.039 26.013-2.973 37.805s-16.252 20.53-28.837 24.626c-12.602 4.096-26.013 3.039-37.822-2.973-11.793-6.012-20.546-16.252-24.626-28.854-4.096-12.585-3.039-26.013 2.973-37.805s16.252-20.53 28.837-24.609c5.054-1.635 10.223-2.444 15.377-2.444 7.713 0 15.36 1.817 22.429 5.417 11.793 6.012 20.546 16.235 24.642 28.837zM370.622 493.931c-1.371-4.195-4.278-7.614-8.209-9.612-3.898-1.982-8.39-2.378-12.602-0.991-4.195 1.354-7.597 4.278-9.612 8.192-2.015 3.931-2.362 8.407-0.991 12.618 1.371 4.195 4.278 7.614 8.209 9.612 2.362 1.189 4.905 1.8 7.482 1.8 1.718 0 3.435-0.281 5.12-0.826h0.017c4.195-1.354 7.597-4.278 9.612-8.209 1.998-3.914 2.345-8.39 0.974-12.585zM385.8 274.3c8.555-6.227 18.63-9.48 29.019-9.48 2.61 0 5.236 0.215 7.862 0.628 13.081 2.065 24.559 9.1 32.339 19.803s10.934 23.8 8.853 36.864c-2.065 13.081-9.1 24.559-19.819 32.355-22.115 16.054-53.182 11.099-69.203-10.983-16.070-22.099-11.148-53.132 10.95-69.186zM401.557 324.079c3.237 4.459 8.275 6.805 13.395 6.805 3.369 0 6.755-1.024 9.678-3.122 7.366-5.351 9.001-15.707 3.65-23.073-5.368-7.366-15.723-9.001-23.057-3.65-7.383 5.335-9.018 15.69-3.667 23.040zM601.336 265.447c2.626-0.413 5.236-0.628 7.862-0.628 10.372 0 20.463 3.254 29.019 9.48 22.099 16.054 27.020 47.087 10.967 69.186s-47.104 27.053-69.219 10.967c-10.702-7.779-17.738-19.258-19.819-32.339-2.065-13.064 1.074-26.162 8.853-36.864s19.258-17.738 32.339-19.803zM599.37 327.746c2.923 2.131 6.326 3.138 9.678 3.138 5.12 0 10.174-2.362 13.395-6.805 5.351-7.35 3.716-17.705-3.667-23.057-7.366-5.302-17.705-3.716-23.057 3.667s-3.716 17.722 3.65 23.057zM684.395 451.914c12.585 4.096 22.825 12.833 28.837 24.609 6.012 11.793 7.069 25.22 2.973 37.805-4.096 12.602-12.833 22.842-24.626 28.854-11.776 5.995-25.204 7.069-37.805 2.973-12.585-4.079-22.842-12.833-28.854-24.626s-7.069-25.22-2.973-37.822c4.096-12.585 12.833-22.809 24.626-28.821 7.069-3.601 14.732-5.417 22.429-5.417 5.17 0 10.339 0.826 15.393 2.444zM653.378 493.915c-1.371 4.212-1.024 8.671 0.991 12.618 1.998 3.931 5.417 6.854 9.629 8.209 1.685 0.545 3.402 0.826 5.12 0.826 2.577 0 5.12-0.611 7.482-1.8 3.931-1.998 6.854-5.417 8.209-9.612 1.371-4.212 1.024-8.671-0.991-12.618-1.998-3.914-5.417-6.838-9.612-8.192h-0.017c-4.195-1.371-8.671-1.041-12.602 0.974-3.931 1.998-6.854 5.417-8.209 9.596z" >
+<glyph unicode="&#xe92e;" glyph-name="wheel" d="M307.4 284.11c0.348-0.026 0.694-0.038 1.040-0.038 3.866 0.001 7.366 1.568 9.9 4.1l112 112c2.533 2.526 4.1 6.019 4.1 9.878 0 7.704-6.246 13.95-13.95 13.95-0.014 0-0.028 0-0.042 0h-158.448c-0.017 0-0.038 0-0.059 0-7.7 0-13.942-6.242-13.942-13.942 0-0.736 0.057-1.458 0.167-2.162l-0.010 0.078c6.986-45.043 24.338-85.091 49.547-118.943l-0.503 0.707c2.374-3.18 6.010-5.304 10.152-5.625l0.048-0.003zM386.65 396l-76.2-76.2c-13.944 21.892-24.838 47.34-31.264 74.516l-0.336 1.684zM479.4 369.384c-1.581 0.674-3.42 1.065-5.351 1.065-3.862 0-7.358-1.567-9.887-4.099v0l-112-112c-2.531-2.533-4.097-6.032-4.097-9.896 0-4.6 2.218-8.682 5.644-11.234l0.037-0.026c33.152-24.702 73.206-42.052 116.756-48.846l1.498-0.192c0.626-0.099 1.348-0.156 2.084-0.156v0c7.689 0.015 13.916 6.251 13.916 13.942 0 0.020 0 0.041 0 0.061v-0.003 158.45c0 0.013 0 0.028 0 0.043 0 5.776-3.507 10.733-8.509 12.857l-0.091 0.034zM460 214.84c-28.859 6.763-54.307 17.657-77.211 32.2l1.011-0.6 76.2 76.2zM559.824 366.35c-2.525 2.532-6.018 4.099-9.876 4.099-7.703 0-13.948-6.245-13.948-13.948 0-0.018 0-0.036 0-0.053v0.003-158.45c0-0.019 0-0.042 0-0.064 0-7.697 6.239-13.936 13.936-13.936 0.734 0 1.455 0.057 2.158 0.166l-0.078-0.010c45.043 6.986 85.093 24.333 118.948 49.536l-0.708-0.504c3.459 2.579 5.675 6.659 5.675 11.256 0 3.866-1.567 7.367-4.101 9.9v0zM564 214.84v107.812l76.2-76.2c-21.892-13.947-47.34-24.845-74.515-31.276l-1.685-0.336zM262 472h158.45c0.012 0 0.027 0 0.042 0 7.71 0 13.96 6.25 13.96 13.96 0 3.861-1.568 7.357-4.101 9.884v0l-112 112c-2.533 2.532-6.032 4.098-9.897 4.098-4.599 0-8.681-2.218-11.233-5.643l-0.026-0.037c-24.705-33.153-42.055-73.21-48.846-116.764l-0.192-1.498c-0.097-0.619-0.153-1.333-0.153-2.060 0-7.699 6.241-13.94 13.94-13.94 0.020 0 0.040 0 0.060 0h-0.003zM310.446 576.2l76.2-76.2h-107.8c6.762 28.86 17.656 54.308 32.2 77.211l-0.6-1.011zM464.176 529.652c2.534-2.534 6.034-4.102 9.901-4.102 0.001 0 0.002 0 0.003 0v0c1.918 0.001 3.745 0.393 5.404 1.1l-0.090-0.034c5.093 2.159 8.6 7.116 8.6 12.893 0 0.015 0 0.029 0 0.044v-0.002 158.45c0 0.017 0 0.038 0 0.059 0 7.7-6.242 13.942-13.942 13.942-0.736 0-1.458-0.057-2.162-0.167l0.078 0.010c-45.042-6.986-85.090-24.333-118.944-49.536l0.708 0.504c-3.457-2.579-5.672-6.658-5.672-11.253 0-3.868 1.568-7.369 4.104-9.903v0zM460 681.16v-107.81l-76.2 76.2c21.892 13.946 47.34 24.844 74.515 31.274l1.685 0.336zM544.6 526.616c1.58-0.674 3.418-1.066 5.348-1.066 3.86 0 7.354 1.568 9.879 4.102v0l112 112c2.533 2.533 4.099 6.033 4.099 9.898 0 4.598-2.217 8.679-5.64 11.231l-0.037 0.026c-33.15 24.701-73.203 42.049-116.752 48.844l-1.498 0.192c-0.619 0.097-1.333 0.153-2.060 0.153-7.699 0-13.94-6.241-13.94-13.94 0-0.020 0-0.040 0-0.060v0.003-158.45c0-0.012 0-0.027 0-0.041 0-5.776 3.507-10.734 8.509-12.858l0.091-0.034zM564 681.16c28.859-6.763 54.307-17.657 77.211-32.2l-1.011 0.6-76.2-76.2zM590.618 480.6c2.159-5.093 7.116-8.6 12.893-8.6 0.014 0 0.028 0 0.041 0h158.448c0.017 0 0.038 0 0.059 0 7.7 0 13.942 6.242 13.942 13.942 0 0.736-0.057 1.458-0.167 2.162l0.010-0.078c-6.983 45.042-24.332 85.091-49.537 118.943l0.503-0.707c-2.579 3.457-6.658 5.672-11.253 5.672-3.868 0-7.369-1.568-9.903-4.104l-112-111.986c-2.535-2.529-4.103-6.026-4.103-9.889 0-1.932 0.392-3.773 1.101-5.446l-0.034 0.092zM713.554 576.2c13.944-21.892 24.838-47.34 31.264-74.516l0.336-1.684h-107.8zM762 424h-158.45c-0.012 0-0.027 0-0.042 0-7.71 0-13.96-6.25-13.96-13.96 0-3.861 1.568-7.357 4.101-9.884v0l112-112c2.533-2.531 6.031-4.096 9.895-4.096 0.002 0 0.004 0 0.005 0v0c0.346 0 0.692 0.016 1.040 0.042 4.198 0.322 7.841 2.451 10.19 5.601l0.026 0.037c24.706 33.152 42.056 73.209 48.846 116.763l0.192 1.497c0.098 0.62 0.153 1.334 0.153 2.062 0 7.698-6.24 13.938-13.938 13.938-0.021 0-0.042 0-0.063 0h0.003zM713.554 319.8l-76.2 76.2h107.8c-6.762-28.86-17.656-54.308-32.2-77.211l0.6 1.011zM458 448c0-29.823 24.177-54 54-54s54 24.177 54 54c0 29.823-24.177 54-54 54v0c-29.81-0.034-53.966-24.19-54-53.997v-0.003zM512 474c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.017 14.353 11.647 25.983 25.998 26h0.002zM512-26c261.782 0 473.999 212.217 473.999 474 0 130.891-53.054 249.39-138.83 335.167l-0.001 0.001c-85.841 86.16-204.599 139.474-335.81 139.474-261.783 0-474-212.217-474-474 0-131.211 53.313-249.969 139.459-335.795l0.014-0.014c85.304-85.759 203.394-138.834 333.88-138.834 0.453 0 0.905 0.001 1.358 0.002h-0.070zM108 462h-41.76c3.325 113.192 48.653 215.193 120.853 291.506l-0.193-0.206 29.528-29.528c2.534-2.534 6.034-4.101 9.9-4.101 7.732 0 14.001 6.268 14.001 14.001 0 3.866-1.567 7.366-4.101 9.9l-29.526 29.528c76.106 72.008 178.107 117.336 290.653 120.645l0.645 0.015v-41.76c0-7.732 6.268-14 14-14s14 6.268 14 14v0 41.76c113.191-3.324 215.192-48.652 291.504-120.853l-0.206 0.193-29.526-29.53c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l29.528 29.53c72.007-76.107 117.335-178.108 120.645-290.654l0.015-0.646h-41.76c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h41.76c-3.325-113.192-48.653-215.193-120.853-291.506l0.193 0.206-29.528 29.528c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l29.526-29.53c-76.106-72.007-178.107-117.335-290.653-120.643l-0.645-0.015v41.76c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-41.76c-113.191 3.324-215.192 48.652-291.504 120.853l0.206-0.193 29.526 29.53c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-29.528-29.53c-72.007 76.107-117.335 178.108-120.645 290.654l-0.015 0.646h41.76c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM512 114c184.168 0 334 149.832 334 334s-149.832 334-334 334-334-149.832-334-334 149.832-334 334-334zM512 754c168.728 0 306-137.272 306-306s-137.272-306-306-306-306 137.272-306 306 137.272 306 306 306z" >
+<glyph unicode="&#xe92f;" glyph-name="car-parts-9" d="M1024 745.29c0 45.535-37.046 82.581-82.581 82.581 0 74.091-94.307 132.129-214.71 132.129s-214.71-58.038-214.71-132.129h-429.419c-45.535 0-82.581-37.046-82.581-82.581v-297.29c0-45.535 37.046-82.581 82.581-82.581h891.871c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-627.613v-33.032h627.613c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-660.645c0 24.081-6.573 46.609-17.87 66.065h17.87v33.032h-45.023c-23.288 20.497-53.727 33.032-87.106 33.032-10.223 0-20.447-1.222-30.505-3.65-15.145 22.66-40.745 36.682-68.591 36.682-45.535 0-82.581-37.046-82.581-82.581v-346.839h1024v214.71c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 17.656-9.348 33.082-23.288 41.852 14.353 14.865 23.288 34.998 23.288 57.245v297.29zM82.581 332.387c19.687 0 37.508-11.71 45.403-29.828l6.144-14.121 14.518 5.137c10.835 3.832 21.95 5.781 33.032 5.781 54.652 0 99.097-44.445 99.097-99.097 0-4.757-0.446-9.91-1.387-15.74l-2.428-15.211 15.013-3.485c22.578-5.252 38.35-25.038 38.35-48.145 0-27.318-22.231-49.548-49.548-49.548-19.687 0-37.508 11.71-45.403 29.828l-6.144 14.121-14.518-5.137c-10.835-3.832-21.95-5.781-33.032-5.781-54.652 0-99.097 44.445-99.097 99.097 0 4.757 0.446 9.91 1.387 15.74l2.428 15.211-15.013 3.485c-22.578 5.252-38.35 25.038-38.35 48.145 0 27.318 22.231 49.548 49.548 49.548zM990.968-30.968h-957.935v248.023c5.153-3.848 10.669-7.284 16.731-9.893-0.149-2.362-0.215-4.641-0.215-6.904 0-72.853 59.276-132.129 132.129-132.129 10.223 0 20.447 1.222 30.505 3.65 15.145-22.66 40.745-36.682 68.591-36.682 27.103 0 51.002 13.312 66.065 33.544v-0.512h627.613c5.814 0 11.33 1.189 16.516 3.039v-102.136zM990.968 117.677c0-9.1-7.416-16.516-16.516-16.516h-612.765c1.090 5.335 1.668 10.868 1.668 16.516 0 18.531-6.243 35.658-16.714 49.548h627.811c9.1 0 16.516-7.416 16.516-16.516v-33.032zM726.71 926.968c98.469 0 181.677-45.386 181.677-99.097s-83.208-99.097-181.677-99.097-181.677 45.386-181.677 99.097 83.208 99.097 181.677 99.097zM891.871 742.615v-212.034c0-9.1-7.416-16.516-16.516-16.516h-297.29c-9.1 0-16.516 7.416-16.516 16.516v212.034c39.077-28.804 98.040-46.873 165.161-46.873s126.084 18.069 165.161 46.873zM990.968 448c0-27.318-22.231-49.548-49.548-49.548h-858.839c-27.318 0-49.548 22.231-49.548 49.548v297.29c0 27.318 22.231 49.548 49.548 49.548h436.191c2.593-6.425 5.715-12.701 9.745-18.696v-245.562c0-27.318 22.231-49.548 49.548-49.548h297.29c27.318 0 49.548 22.231 49.548 49.548v245.562c4.030 5.979 7.151 12.271 9.745 18.696h6.772c27.318 0 49.548-22.231 49.548-49.548v-297.29zM726.71 761.806c89.369 0 148.645 39.771 148.645 66.065s-59.276 66.065-148.645 66.065c-89.369 0-148.645-39.771-148.645-66.065s59.276-66.065 148.645-66.065zM726.71 860.903c63.785 0 102.119-22.363 113.251-33.032-11.148-10.669-49.466-33.032-113.251-33.032s-102.119 22.363-113.251 33.032c11.132 10.669 49.466 33.032 113.251 33.032zM264.258 761.806h-99.097v-49.548h-33.032v-231.226h33.032v-49.548h99.097v49.548h33.032v231.226h-33.032v49.548zM264.258 514.065h-33.032v-49.548h-33.032v49.548h-33.032v165.161h33.032v49.548h33.032v-49.548h33.032v-165.161zM66.065 761.806h33.032v-33.032h-33.032v33.032zM330.323 761.806h33.032v-33.032h-33.032v33.032zM330.323 464.516h33.032v-33.032h-33.032v33.032zM66.065 464.516h33.032v-33.032h-33.032v33.032zM181.677 134.194c36.435 0 66.065 29.63 66.065 66.065s-29.63 66.065-66.065 66.065-66.065-29.63-66.065-66.065 29.63-66.065 66.065-66.065zM181.677 233.29c18.217 0 33.032-14.815 33.032-33.032s-14.815-33.032-33.032-33.032-33.032 14.815-33.032 33.032c0 18.217 14.815 33.032 33.032 33.032z" >
+<glyph unicode="&#xe930;" glyph-name="speedometer" d="M512 864c-228.28 0-414-185.718-414-414 0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 28.287 22.931 51.218 51.218 51.218s51.218-22.931 51.218-51.218v0c0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 228.282-185.72 414-414 414zM787.522 639.872c2.524-3.929 6.872-6.496 11.819-6.496 2.785 0 5.38 0.813 7.561 2.215l-0.056-0.033 31.656 20.106c15.488-24.090 28.941-51.795 38.955-81.094l0.803-2.706-40.2-9.746c-6.187-1.538-10.7-7.045-10.7-13.606 0-7.732 6.268-14 14-14 1.171 0 2.309 0.144 3.396 0.415l-0.096-0.020 41.5 10.060c6.358-23.961 10.526-51.723 11.58-80.28l0.020-0.692h-307.782c-6.885 37.321-39.173 65.219-77.978 65.219s-71.093-27.898-77.903-64.731l-0.075-0.488h-307.772c1.074 29.249 5.242 57.011 12.193 83.647l-0.593-2.675 41.5-10.060c0.991-0.251 2.129-0.394 3.3-0.394 7.732 0 14 6.268 14 14 0 6.561-4.513 12.068-10.604 13.586l-0.096 0.020-40.2 9.746c11.164 33.017 25.203 61.622 42.388 87.99l-0.906-1.482 35.932-22.82c2.076-1.286 4.595-2.048 7.291-2.048 7.732 0 14 6.268 14 14 0 4.862-2.478 9.144-6.24 11.654l-0.051 0.032-34.924 22.184c19.964 26.409 42.273 49.406 67.089 69.418l0.745 0.582 26.288-32.708c2.588-3.2 6.513-5.229 10.913-5.229 7.733 0 14.001 6.269 14.001 14.001 0 3.333-1.165 6.394-3.109 8.798l0.021-0.026-25.622 31.874c23.67 16.526 50.748 31.011 79.495 42.146l2.629 0.896 13.016-35.756c2.014-5.42 7.142-9.212 13.156-9.212 7.732 0 14.001 6.268 14.001 14.001 0 1.718-0.31 3.365-0.876 4.886l0.032-0.097-12.982 35.132c29.098 8.991 62.664 14.662 97.394 15.706l0.57 0.014v-35.8c0-7.732 6.268-14 14-14s14 6.268 14 14v0 35.63c36.283-1.422 70.58-7.76 102.941-18.369l-2.659 0.755-13.4-37.068c-0.533-1.425-0.842-3.071-0.842-4.789 0-7.755 6.287-14.042 14.042-14.042 6.037 0 11.184 3.81 13.168 9.156l0.032 0.097 13.55 37.2c30.831-12.479 57.412-27.284 81.85-44.878l-1.144 0.784-22.726-28.276c-1.924-2.378-3.089-5.439-3.089-8.772 0-7.732 6.268-14.001 14.001-14.001 4.399 0 8.325 2.029 10.891 5.202l0.021 0.026 23.112 28.754c24.376-20.263 45.733-42.784 64.209-67.578l0.735-1.032-30.856-19.6c-3.931-2.523-6.497-6.872-6.497-11.82 0-2.786 0.814-5.382 2.217-7.563l-0.033 0.055zM512 922c-261.782 0-473.999-212.217-473.999-474 0-130.891 53.054-249.39 138.83-335.167l0.001-0.001c85.841-86.16 204.599-139.474 335.81-139.474 261.783 0 474 212.217 474 474 0 131.211-53.313 249.969-139.459 335.795l-0.014 0.014c-85.304 85.759-203.394 138.834-333.88 138.834-0.453 0-0.905-0.001-1.358-0.002h0.070zM827.37 132.63c-80.71-80.71-192.21-130.631-315.37-130.631-246.319 0-446.001 199.681-446.001 446.001 0 123.16 49.92 234.66 130.631 315.37v0c80.71 80.71 192.21 130.631 315.37 130.631 246.319 0 446.001-199.681 446.001-446.001 0-123.16-49.92-234.66-130.631-315.37v0zM512 466c-24.301 0-44-19.699-44-44s19.699-44 44-44c24.301 0 44 19.699 44 44v0c-0.028 24.289-19.711 43.972-43.997 44h-0.003zM512 406c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16v0c-0.010-8.832-7.168-15.99-15.999-16h-0.001zM525.8 722.384c-1.168 6.652-6.901 11.642-13.8 11.642s-12.632-4.99-13.788-11.558l-0.012-0.084-28-162c-0.13-0.717-0.204-1.542-0.204-2.384 0-7.732 6.268-14 14-14 0.002 0 0.003 0 0.005 0h56c0.001 0 0.003 0 0.004 0 7.732 0 14 6.268 14 14 0 0.842-0.074 1.667-0.217 2.469l0.012-0.085zM500.628 572l11.372 65.8 11.372-65.8z" >
+<glyph unicode="&#xe931;" glyph-name="maintenance-1" d="M50.656 366.542l90.050-8.68c10.328-41.321 26.095-77.656 46.813-110.561l-0.917 1.561-57.364-69.262c-2.002-2.404-3.217-5.525-3.217-8.93 0-3.866 1.567-7.367 4.101-9.9l95.254-95.256c2.534-2.534 6.034-4.101 9.9-4.101 3.406 0 6.527 1.216 8.954 3.238l-0.023-0.018 69.366 57.446c31.321-19.671 67.597-35.447 106.215-45.39l2.675-0.584 8.68-89.752c0.729-6.969 6.572-12.355 13.674-12.355 0.092 0 0.184 0.001 0.276 0.003h135.030c0.079-0.002 0.171-0.003 0.264-0.003 7.102 0 12.946 5.388 13.667 12.299l0.005 0.059 8.68 89.898c41.319 10.3 77.656 26.043 110.564 46.738l-1.564-0.918 69.27-57.4c2.406-2.007 5.53-3.226 8.939-3.226 3.862 0 7.358 1.563 9.891 4.092v0l95.256 95.246c2.532 2.533 4.098 6.032 4.098 9.897 0 3.404-1.215 6.524-3.234 8.95l0.018-0.023-57.446 69.366c19.672 31.325 35.449 67.606 45.392 106.228l0.584 2.674 88.862 8.668c7.124 0.716 12.64 6.681 12.64 13.934 0 0 0 0 0 0v0 135.044c-0.001 7.258-5.525 13.226-12.598 13.929l-0.058 0.005-90.050 8.68c-10.332 41.318-26.102 77.649-46.821 110.55l0.917-1.56 57.362 69.272c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-94.050 95.252c-2.54 2.572-6.065 4.165-9.963 4.165-3.404 0-6.525-1.215-8.951-3.235l0.023 0.018-69.37-57.448c-31.321 19.671-67.597 35.447-106.215 45.39l-2.675 0.584-8.68 89.752c-0.726 6.971-6.57 12.359-13.672 12.359-0.093 0-0.185-0.001-0.278-0.003h-135.030c-0.078 0.002-0.17 0.002-0.262 0.002-7.103 0-12.947-5.388-13.669-12.299l-0.005-0.059-8.68-89.898c-41.315-10.301-77.648-26.044-110.554-46.738l1.564 0.918-69.274 57.4c-2.406 2.008-5.531 3.227-8.942 3.227-3.861 0-7.358-1.563-9.891-4.092v0l-95.246-95.246c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.403 1.214-6.523 3.233-8.949l-0.018 0.023 57.446-69.366c-19.672-31.321-35.448-67.597-45.39-106.216l-0.584-2.674-90.054-8.678c-7.131-0.708-12.655-6.676-12.656-13.934v0-135.046c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM66 502.8l87.422 8.426c6.11 0.606 11.028 5.062 12.323 10.883l0.017 0.093c10.167 44.873 27.428 84.464 50.755 119.687l-0.827-1.329c1.401 2.144 2.235 4.769 2.235 7.589 0 3.404-1.215 6.525-3.236 8.952l0.018-0.023-55.774 67.362 77.23 77.23 67.352-55.776c2.404-2.002 5.525-3.217 8.929-3.217 2.894 0 5.583 0.878 7.815 2.383l-0.050-0.032c33.803 22.669 73.373 39.918 115.878 49.38l2.312 0.432c5.883 1.178 10.353 6.008 10.973 11.981l0.005 0.059 8.422 87.12h109.616l8.426-87.12c0.616-6.071 5.078-10.945 10.886-12.174l0.090-0.016c44.869-10.136 84.462-27.373 119.689-50.68l-1.331 0.828c2.139-1.392 4.755-2.22 7.565-2.22 3.416 0 6.546 1.223 8.977 3.256l-0.022-0.018 67.282 55.744 76.142-77.108-55.828-67.41c-2.001-2.404-3.216-5.524-3.216-8.928 0-2.894 0.878-5.582 2.382-7.814l-0.032 0.050c22.669-33.803 39.918-73.373 49.38-115.878l0.432-2.312c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 87.422-8.424v-109.63l-86.232-8.414c-6.103-0.613-11.013-5.066-12.307-10.881l-0.017-0.093c-10.168-44.872-27.428-84.463-50.755-119.687l0.827 1.329c-1.402-2.144-2.236-4.77-2.236-7.59 0-3.404 1.215-6.524 3.234-8.951l-0.018 0.023 55.778-67.354-77.232-77.23-67.352 55.776c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-33.8-22.67-73.368-39.919-115.871-49.38l-2.311-0.432c-5.882-1.178-10.351-6.008-10.971-11.981l-0.005-0.059-8.426-87.112h-109.61l-8.424 87.12c-0.616 6.072-5.079 10.946-10.888 12.174l-0.090 0.016c-44.868 10.137-84.461 27.375-119.687 50.681l1.331-0.827c-2.138 1.392-4.755 2.219-7.564 2.219-3.417 0-6.547-1.224-8.978-3.257l0.022 0.018-67.352-55.8-77.236 77.226 55.774 67.348c2.001 2.404 3.216 5.524 3.216 8.928 0 2.894-0.878 5.582-2.382 7.814l0.032-0.050c-22.669 33.803-39.918 73.373-49.38 115.878l-0.432 2.312c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-87.422 8.424zM512.6 171.072c152.698 0 276.928 124.228 276.928 276.928s-124.226 276.928-276.928 276.928-276.926-124.228-276.926-276.928 124.23-276.928 276.926-276.928zM512.6 696.928c0 0 0.001 0 0.002 0 137.479 0 248.928-111.449 248.928-248.928s-111.449-248.928-248.928-248.928c-137.479 0-248.928 111.449-248.928 248.928v0c0.155 137.416 111.51 248.772 248.911 248.928h0.015zM387.188 432.526l-8.388-27.982c-0.422-1.15-0.708-2.481-0.798-3.866l-0.002-0.042v-91.816c0.242-22.516 18.486-40.69 41.006-40.82h21.228c22.015 0.233 39.771 18.134 39.771 40.182 0 0.224-0.002 0.448-0.006 0.672v-0.034 91.816c0.041 0.4 0.065 0.864 0.065 1.333 0 0.911-0.088 1.801-0.257 2.662l0.014-0.087-7.946 27.982c6.466 1.257 11.28 6.874 11.28 13.616 0 7.654-6.204 13.858-13.858 13.858-0.016 0-0.032 0-0.048 0h-25.25v152.096c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-152.096h-26c-0.039 0-0.086 0.001-0.132 0.001-7.659 0-13.868-6.209-13.868-13.868 0-6.711 4.767-12.309 11.099-13.592l0.089-0.015zM406 398.642l10.266 33.358h26.72l9.014-33.358v-89.822c0-6.906-4.86-12.82-11.766-12.82h-21.216c-7.075 0.111-12.795 5.762-13.017 12.799l-0.001 0.021zM520 467.868v-159.468c0-22.091 17.909-40 40-40s40 17.909 40 40v0 159.468c28 14.952 48.242 45.562 48.242 79 0 0.045 0 0.097 0 0.15 0 34.517-19.81 64.408-48.681 78.923l-0.508 0.231c-1.881 0.93-4.095 1.475-6.436 1.475-2.799 0-5.417-0.778-7.648-2.13l0.066 0.037c-4.115-2.473-6.866-6.849-7.035-11.878l-0.001-0.024v-35.28l-18.532-12.568-19.5 13.762 0.2 34.082c0 0.034 0 0.075 0 0.115 0 7.705-6.247 13.952-13.952 13.952-2.27 0-4.413-0.542-6.308-1.504l0.079 0.037c-29.194-14.9-48.837-44.749-48.837-79.186s19.643-64.286 48.336-78.953l0.501-0.233zM512.156 584.886l-0.042-12.548c0-0.014 0-0.030 0-0.047 0-4.727 2.343-8.907 5.93-11.442l0.044-0.029 33.498-23.436c2.237-1.582 5.021-2.529 8.026-2.529 2.892 0 5.579 0.877 7.81 2.379l-0.050-0.032 32.726 22.018c3.589 2.505 5.907 6.615 5.907 11.267 0 0.136-0.002 0.272-0.006 0.407v-0.020 13.988c10-10.546 13.66-23.832 13.66-38 0-0.073 0-0.159 0-0.245 0-25.671-15.992-47.607-38.556-56.389l-0.412-0.141c-5.133-2.034-8.698-6.956-8.698-12.71 0-0.139 0.002-0.278 0.006-0.416v0.020-168.58c0-6.627-5.373-12-12-12s-12 5.373-12 12v0 168.58c-0.154 6.021-4 11.105-9.351 13.084l-0.099 0.032c-23.2 8.899-39.4 30.926-39.55 56.757v0.019c-0.001 0.132-0.002 0.289-0.002 0.446 0 14.264 4.96 27.369 13.249 37.686l-0.091-0.117z" >
+<glyph unicode="&#xe932;" glyph-name="shopping-bags" d="M1017.403 609.096c-5.004 4.917-11.998 7.248-18.953 6.317h-271.652v120.034c0 118.629-96.166 214.795-214.795 214.795s-214.795-96.166-214.795-214.795v-120.034h-271.657c-7.582 0-15.161 0-18.953-6.317-5.093-4.895-7.456-11.981-6.317-18.953l94.764-518.036c13.238-72.265 75.636-125.144 149.094-126.351h535.725c73.668 1.811 135.935 55.109 149.094 127.613l94.764 516.774c1.139 6.972-1.224 14.058-6.317 18.953zM347.745 735.447c0 90.715 73.539 164.255 164.255 164.255s164.255-73.539 164.255-164.255v-120.034h-328.509v120.034zM878.416 79.688c-8.51-47.887-49.919-82.925-98.553-83.392h-535.725c-48.635 0.467-90.043 35.502-98.553 83.392l-89.709 485.184h912.249l-89.709-485.184zM701.527 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c-0.002-13.957 11.313-25.27 25.27-25.27zM322.475 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c0-13.957 11.313-25.27 25.27-25.27z" >
+<glyph unicode="&#xe933;" glyph-name="shopping-cart" d="M827.473 233.886c42.577 0.446 79.805 29.202 90.728 70.442l104.995 390.999c3.344 12.706-4.013 25.636-16.719 29.202-2.006 0.446-4.013 0.892-6.019 0.892h-789.8l-53.723 198.397c-2.675 10.254-12.038 17.611-22.738 17.611h-134.197v-47.482h115.472l51.94-193.939c-0.223-1.56-0.223-3.121 0-4.681l107.001-392.336c0.669-3.121 1.783-6.465 2.898-9.585l36.113-131.522c-34.775-18.502-58.405-55.061-58.405-97.192 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 18.948-4.904 37.004-13.375 52.609-2.006 3.567-4.013 7.133-6.465 10.7h280.208c-12.483-17.833-20.063-39.679-20.063-63.309 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 28.756-10.923 54.838-28.979 74.455-19.394 22.069-47.927 36.113-79.805 36.336h-466.122l-16.719 61.303c7.133-1.783 14.49-2.898 21.846-2.898h461.441zM825.913 128c34.998 0 63.309-28.311 63.309-63.309s-28.311-63.309-63.309-63.309c-34.998 0-63.309 28.311-63.309 63.309s28.311 63.309 63.309 63.309zM365.14 128c34.998 0 63.086-28.534 63.086-63.309 0-34.998-28.311-63.309-63.309-63.309s-63.086 28.311-63.086 63.309 28.311 63.309 63.309 63.309zM322.786 311.461l-53.277 194.831-47.482 171.201h746.554l-96.524-362.465c-5.35-20.731-23.852-35.221-45.252-35.667h-461.218c-19.394 1.115-36.336 13.598-42.8 32.1z" >
+<glyph unicode="&#xe934;" glyph-name="view" d="M1017.492 467.917c-9.148 12.514-227.114 306.413-505.497 306.413s-496.359-293.899-505.497-306.401c-8.664-11.872-8.664-27.974 0-39.846 9.138-12.514 227.114-306.413 505.497-306.413s496.349 293.901 505.497 306.403c8.676 11.87 8.676 27.984 0 39.844zM511.995 189.186c-205.058 0-382.661 195.066-435.235 258.837 52.506 63.826 229.736 258.791 435.235 258.791 205.048 0 382.639-195.032 435.235-258.837-52.506-63.824-229.736-258.791-435.235-258.791zM511.995 650.549c-111.684 0-202.55-90.866-202.55-202.55s90.866-202.55 202.55-202.55 202.55 90.866 202.55 202.55-90.866 202.55-202.55 202.55zM511.995 312.967c-74.46 0-135.032 60.574-135.032 135.032s60.574 135.032 135.032 135.032 135.032-60.574 135.032-135.032-60.572-135.032-135.032-135.032z" >
+<glyph unicode="&#xe935;" glyph-name="phone-call" d="M943.158 285.776c-63.166 0-125.035 9.863-183.726 29.265-28.618 9.863-61.064 2.264-79.925-16.924l-116.251-87.795c-133.337 71.141-218.706 156.457-288.983 288.93l85.422 113.502c21.504 21.557 29.212 52.979 19.996 82.459-19.458 58.962-29.373 120.887-29.373 183.944 0 44.572-36.27 80.842-80.842 80.842h-188.633c-44.572 0-80.842-36.27-80.842-80.842 0-520.030 423.128-943.158 943.158-943.158 44.572 0 80.842 36.27 80.842 80.842v188.092c0 44.572-36.27 80.842-80.842 80.842zM970.106 16.842c0-14.875-12.126-26.948-26.948-26.948-490.336 0-889.264 398.928-889.264 889.264 0 14.875 12.126 26.948 26.948 26.948h188.633c14.822 0 26.948-12.073 26.948-26.948 0-68.824 10.78-136.409 31.905-200.489 3.125-10.077 0.594-20.481-9.269-30.72l-98.089-129.886c-6.197-8.246-7.167-19.293-2.478-28.456 79.925-156.995 176.991-254.115 335.119-335.119 9.107-4.742 20.264-3.772 28.509 2.478l132.69 100.568c7.223 7.114 17.838 9.592 27.433 6.414 64.459-21.289 132.043-32.067 200.921-32.067 14.822 0 26.948-12.073 26.948-26.948v-188.092z" >
+<glyph unicode="&#xe936;" glyph-name="calendar" d="M917.839 826.632h-64.283v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-261.401v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-264.069v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-61.616c-58.682 0-106.428-49.346-106.428-108.028v-620.162c0-58.949 47.479-106.694 106.428-106.694h811.145c58.949 0 106.428 47.746 106.428 106.428v620.428c0.267 58.682-47.479 108.028-106.161 108.028zM970.92 98.442c0-29.341-23.473-53.080-52.814-53.347h-811.678c-29.341 0-53.080 23.74-53.080 53.080v620.428c0 29.608 23.74 54.681 53.080 54.681h61.616v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h264.069v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h261.401v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h64.283c29.608 0 53.080-25.34 53.080-54.681v-620.162zM441.982 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM627.63 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 415.858h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 234.478h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674z" >
+<glyph unicode="&#xe937;" glyph-name="calendar-1" d="M889.864 316.322c-17.91 17.912-47.058 17.91-64.974-0.002l-107.966-107.968-37.74 37.742c-17.912 17.91-47.060 17.91-64.974 0-17.914-17.914-17.914-47.064 0-64.978l70.228-70.228c8.678-8.674 20.216-13.454 32.488-13.454s23.81 4.78 32.488 13.456l140.454 140.454c8.678 8.676 13.458 20.216 13.458 32.49-0.004 12.268-4.782 23.808-13.462 32.488zM868.552 272.654l-140.456-140.456c-2.986-2.986-6.956-4.63-11.178-4.63s-8.192 1.644-11.178 4.63l-70.228 70.228c-2.982 2.986-4.626 6.956-4.626 11.178 0 4.224 1.644 8.192 4.63 11.178 3.082 3.082 7.13 4.624 11.178 4.624s8.096-1.542 11.178-4.624l48.394-48.396c2.824-2.824 6.658-4.412 10.654-4.412s7.83 1.588 10.654 4.412l118.62 118.622c6.164 6.166 16.194 6.166 22.356 0.004 2.988-2.988 4.632-6.958 4.632-11.18 0.002-4.224-1.644-8.192-4.63-11.178zM960.698 384.314v119.484c0 8.324-6.746 15.068-15.068 15.068s-15.068-6.744-15.068-15.068v-88.558c-20.080 17.472-42.504 31.806-66.502 42.658-0.898 0.408-1.806 0.796-2.71 1.194-0.916 0.402-1.828 0.812-2.748 1.204-1.61 0.69-3.23 1.352-4.856 2.010-0.206 0.084-0.412 0.17-0.62 0.254-13.446 5.404-27.42 9.758-41.82 12.972v88.536c0 8.324-6.746 15.068-15.068 15.068h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-90.526c-46.922-12.012-89.914-36.476-124.97-71.748-5.866-5.904-5.836-15.446 0.066-21.31 5.902-5.862 15.442-5.834 21.31 0.066 45.738 46.026 106.658 71.374 171.538 71.374 2.15 0 4.296-0.030 6.438-0.086 0.374-0.010 0.746-0.032 1.12-0.042 1.792-0.056 3.584-0.122 5.37-0.218 0.284-0.014 0.562-0.038 0.846-0.054 1.896-0.108 3.792-0.232 5.682-0.384 0.136-0.012 0.274-0.024 0.412-0.036 27.84-2.294 54.862-9.38 79.946-20.752 0.864-0.394 1.718-0.804 2.578-1.206 0.882-0.412 1.766-0.822 2.644-1.246 1.542-0.748 3.078-1.51 4.602-2.29 0.15-0.076 0.302-0.15 0.452-0.228 78.15-40.124 131.744-121.566 131.744-215.288 0-133.344-108.484-241.828-241.83-241.828-124.994 0-228.144 95.322-240.572 217.092-0.006 0.058-0.010 0.116-0.016 0.174-0.192 1.914-0.364 3.838-0.514 5.764-0.032 0.414-0.054 0.832-0.084 1.246-0.116 1.616-0.224 3.23-0.31 4.854-0.046 0.916-0.076 1.834-0.112 2.752-0.048 1.17-0.102 2.336-0.134 3.508-0.054 2.14-0.086 4.286-0.086 6.434 0 44.372 12.118 87.756 35.044 125.458 4.324 7.11 2.066 16.378-5.044 20.702-7.114 4.324-16.38 2.066-20.702-5.046-25.798-42.422-39.432-91.218-39.432-141.114 0-2.234 0.032-4.462 0.084-6.686 0.012-0.51 0.034-1.018 0.050-1.526 0.052-1.776 0.116-3.552 0.202-5.322 0.020-0.424 0.046-0.846 0.070-1.27 0.102-1.944 0.228-3.888 0.37-5.826 0.014-0.184 0.028-0.372 0.042-0.558 1.93-25.286 7.318-49.892 16.132-73.534h-466.892v243.622c0 8.324-6.746 15.068-15.068 15.068s-15.066-6.744-15.066-15.068v-258.684c0-8.324 6.746-15.068 15.068-15.068h495.41c45.314-87.312 136.58-147.108 241.558-147.108 149.962 0 271.964 122.004 271.964 271.962 0 66.232-23.808 127-63.302 174.222zM781.172 482.056h-66.946v66.944h66.946v-66.944zM262.576 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM247.508 482.056h-66.944v66.944h66.946v-66.944zM440.464 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c-0.002 8.324-6.748 15.068-15.068 15.068zM425.396 482.056h-66.946v66.944h66.946v-66.944zM618.352 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM603.286 482.056h-66.946v66.944h66.946v-66.944zM262.576 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c0 8.324-6.746 15.068-15.068 15.068zM247.508 273.642h-66.944v66.946h66.946v-66.946zM440.464 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c-0.002 8.324-6.746 15.068-15.068 15.068zM425.396 273.642h-66.946v66.946h66.946v-66.946zM946.15 843.628h-94.14v54.452c0 32.968-26.822 59.79-59.788 59.79-32.968 0-59.788-26.822-59.788-59.79v-54.452h-503.13v54.452c0 32.968-26.822 59.79-59.788 59.79s-59.788-26.822-59.788-59.79v-54.452h-94.66c-8.322 0-15.068-6.744-15.068-15.066v-409.304c0-8.322 6.746-15.066 15.068-15.066s15.068 6.746 15.068 15.068v231.146h900.43v-86.34c0-8.324 6.746-15.068 15.068-15.068s15.068 6.744 15.068 15.068v97.542c0.328 1.236 0.518 2.526 0.518 3.864v163.090c-0.002 8.322-6.748 15.066-15.070 15.066zM762.57 898.080c0 16.352 13.304 29.654 29.652 29.654 16.352 0 29.652-13.304 29.652-29.654v-117.818c0-2.044-0.208-4.040-0.602-5.968-2.77-13.5-14.744-23.686-29.050-23.686-16.352 0-29.652 13.304-29.652 29.654v117.818zM139.864 898.080c0 16.352 13.302 29.654 29.652 29.654s29.652-13.304 29.652-29.654v-117.818c0-16.352-13.304-29.654-29.652-29.654s-29.652 13.306-29.652 29.656v117.816zM930.564 680.542h-899.91v132.954h79.074v-33.232c0-32.968 26.82-59.79 59.788-59.79s59.788 26.822 59.788 59.79v33.232h503.134v-33.232c0-32.968 26.822-59.79 59.788-59.79 32.968 0 59.788 26.822 59.788 59.79v33.232h78.556v-132.954z" >
+<glyph unicode="&#xe938;" glyph-name="right-arrow-angle" d="M798.813 480.478l-512.425 466.975c-16.815 16.73-44.086 16.73-60.901 0-16.815-16.729-16.815-43.872 0-60.602l481.528-438.851-481.485-438.85c-16.815-16.73-16.815-43.874 0-60.602s44.086-16.729 60.9 0l512.426 466.975c8.962 8.918 12.805 20.742 12.206 32.434 0.557 11.737-3.284 23.559-12.249 32.521z" >
+<glyph unicode="&#xe939;" glyph-name="down-arrow-1" d="M1011.453 734.482c-16.73 16.816-43.875 16.816-60.605 0l-438.824-481.508-438.869 481.508c-16.73 16.816-43.876 16.816-60.607 0s-16.73-44.089 0-60.903l466.996-512.403c8.92-8.963 20.785-12.803 32.437-12.208 11.692-0.596 23.517 3.244 32.437 12.208l467.038 512.448c16.729 16.812 16.729 44.042-0.002 60.858z" >
+<glyph unicode="&#xe93a;" glyph-name="up-arrow-angle" d="M1011.453 222.939l-466.996 511.252c-8.92 8.963-20.786 12.762-32.437 12.164-11.694 0.597-23.519-3.201-32.438-12.164l-467.034-511.252c-16.73-16.772-16.73-44.002 0-60.776s43.876-16.772 60.607 0l438.869 480.484 438.824-480.484c16.73-16.772 43.875-16.772 60.605 0 16.73 16.771 16.73 44.002 0 60.776z" >
+<glyph unicode="&#xe93b;" glyph-name="search" d="M1014.294-8.29l-264.38 260.155c69.233 75.219 111.771 174.698 111.771 284.164-0.033 234.168-192.91 423.971-430.854 423.971s-430.821-189.803-430.821-423.971 192.877-423.971 430.821-423.971c102.808 0 197.102 35.56 271.168 94.678l265.406-261.181c12.932-12.74 33.927-12.74 46.859 0 12.962 12.738 12.962 33.415 0.030 46.155zM430.831 177.289c-201.326 0-364.533 160.613-364.533 358.74s163.207 358.74 364.533 358.74c201.328 0 364.533-160.613 364.533-358.74s-163.205-358.74-364.533-358.74z" >
+<glyph unicode="&#xe93c;" glyph-name="share" d="M787.692 329.846c-69.711 0-130.599-36.432-165.573-91.057l-210.865 120.517c13.587 26.782 21.977 56.596 21.977 88.694 0 19.811-3.821 38.557-9.256 56.596l219.412 125.362c35.959-38.992 87.079-63.805 144.305-63.805 108.74 0 196.923 88.183 196.923 196.923s-88.183 196.923-196.923 196.923-196.923-88.183-196.923-196.923c0-19.811 3.821-38.557 9.255-56.596l-219.411-125.401c-35.959 39.031-87.080 63.843-144.305 63.843-108.74 0-196.923-88.143-196.923-196.923 0-108.74 88.183-196.923 196.923-196.923 44.898 0 85.78 15.596 118.901 40.92l-0.748-1.535 238.434-136.271c-0.748-7.089-2.127-13.981-2.127-21.268 0-108.74 88.183-196.923 196.923-196.923s196.923 88.183 196.923 196.923-88.183 196.923-196.923 196.923zM787.692 881.231c65.261 0 118.154-52.894 118.154-118.154s-52.893-118.154-118.154-118.154-118.154 52.894-118.154 118.154 52.893 118.154 118.154 118.154zM236.308 329.846c-65.26 0-118.154 52.893-118.154 118.154s52.894 118.154 118.154 118.154 118.154-52.894 118.154-118.154c0-65.261-52.894-118.154-118.154-118.154zM787.692 14.769c-65.261 0-118.154 52.893-118.154 118.154s52.893 118.154 118.154 118.154 118.154-52.893 118.154-118.154-52.893-118.154-118.154-118.154z" >
+<glyph unicode="&#xe93d;" glyph-name="left-arrow-1" d="M331.295 447.762l444.985 444.985c15.384 15.386 15.384 40.33 0 55.716-15.388 15.381-40.33 15.381-55.716 0l-472.843-472.843c-15.381-15.386-15.381-40.33 0-55.716l472.843-472.843c15.654-15.118 40.598-14.684 55.716 0.97 14.746 15.27 14.746 39.478 0 54.746l-444.985 444.985z" >
+<glyph unicode="&#xe93e;" glyph-name="quotation" d="M1021.273 249.945c-36.039 106.625-18.891 209.937-17.578 217.422 6.086 27.039 9.125 54.875 9.023 82.75-0.57 161.125-103.617 301.992-256.414 350.523-7.883 2.5-16.328-1.859-18.844-9.75-2.508-7.898 1.859-16.328 9.758-18.844 140.336-44.57 234.976-173.992 235.5-322.039 0.094-25.734-2.719-51.422-8.359-76.367-0.047-0.219-0.094-0.437-0.133-0.656-0.852-4.727-20.445-117.047 18.633-232.648 2.391-7.086 1.023-14.477-3.766-20.273-4.805-5.82-12.141-8.695-19.625-7.664-31.672 4.312-59.055 12.594-81.398 24.609-32.031 17.227-70.062 18.719-101.75 3.992-46.82-21.766-96.937-32.336-149.078-31.391-88.344 1.586-171.547 37.297-234.289 100.555-62.734 63.25-97.781 146.75-98.672 235.109-0.906 90.164 33.187 175.391 96 239.984 62.687 64.461 146.664 100.922 236.461 102.68 17.602 0.344 35.289-0.648 52.562-2.953 8.195-1.109 15.75 4.68 16.844 12.891s-4.68 15.758-12.891 16.852c-18.773 2.5-37.984 3.57-57.102 3.203-97.742-1.906-189.148-41.594-257.383-111.758-28.094-28.891-50.898-61.578-67.969-96.875-82.93-15.68-158.516-59.82-212.961-124.422-55.508-65.867-86.25-150.016-86.562-236.961-0.102-27.875 2.937-55.719 9.023-82.758 1.32-7.484 18.477-110.742-17.578-217.414-5.711-16.891-2.328-35.203 9.047-48.977 11.461-13.891 28.961-20.734 46.812-18.297 35.242 4.805 66.047 14.195 91.555 27.914 23.75 12.781 51.75 13.977 74.898 3.211 48.898-22.734 110.523-34.18 162.258-34.18 58.242 0 116.102 16.203 167.359 43.828 49.609 26.734 93.227 65.156 126.148 111.109 4.828 6.734 3.281 16.109-3.453 20.93-6.734 4.828-16.109 3.273-20.93-3.453-30.281-42.266-70.391-77.594-116-102.172-47.062-25.375-100.203-39.289-153.656-40.25-52.086-0.937-102.266 9.625-149.078 31.391-31.68 14.734-69.719 13.234-101.75-3.992-22.336-12.016-49.727-20.297-81.406-24.609-7.477-1.023-14.812 1.844-19.625 7.664-4.781 5.797-6.156 13.187-3.758 20.273 38.977 115.312 19.602 227.258 18.633 232.617-0.039 0.227-0.086 0.461-0.133 0.687-5.641 24.945-8.453 50.641-8.367 76.375 0.289 79.914 28.523 157.242 79.5 217.734 45.625 54.133 107.406 92.633 175.727 109.898-15.039-41.242-22.68-85.281-22.227-130.477 0.977-96.211 39.109-187.101 107.375-255.93 68.273-68.828 158.836-109.422 255.047-109.422 59.609 0 113.359 11.445 162.266 34.18 23.148 10.766 51.148 9.562 74.891-3.203 25.516-13.727 56.32-23.117 91.562-27.922 17.844-2.422 35.344 4.414 46.812 18.297 11.367 13.773 14.75 32.086 9.039 48.977zM536.109 661.68h-47.25c-30.828 0-55.914-25.086-55.914-55.914v-56.516c0-30.836 25.086-55.922 56-55.922h0.008c0.43 0 23.977-0.211 34.773-22.211 5.5-11.219 9.047-23.289 10.523-35.867 1.883-16.062 11.586-32.789 37.055-32.789 12.922 0 24.844 6.703 31.711 18.305 20.367 34.453 39.781 93.211 16.609 177.531-10.266 37.32-44.602 63.383-83.516 63.383zM577.187 436.039c-2.375-4.008-6.125-3.703-7.625-3.383-1.844 0.391-5.008 1.703-5.523 6.094-1.875 15.961-6.375 31.297-13.383 45.586-18.82 38.359-59.219 39-61.727 39-0.023 0-0.047 0-0.070 0-14.289 0-25.914 11.625-25.914 25.914v56.516c0 14.289 11.625 25.914 25.914 25.914h47.25c25.445 0 47.898-16.992 54.586-41.328 16.367-59.555 11.82-111.477-13.508-154.312zM656.781 605.766v-56.516c0-30.836 25.086-55.922 55.875-55.922 0.984-0.008 24.281-0.547 34.906-22.211 5.508-11.219 9.047-23.289 10.523-35.867 1.883-16.062 12.977-32.789 37.055-32.789 12.93 0 24.852 6.703 31.719 18.305 20.367 34.445 39.781 93.211 16.602 177.531-10.258 37.312-44.594 63.383-83.508 63.383h-47.25c-30.836 0-55.922-25.086-55.922-55.914zM686.781 605.766c0 14.289 11.633 25.914 25.922 25.914h47.25c25.445 0 47.891-16.992 54.578-41.336 16.367-59.547 11.828-111.469-13.5-154.305-2.375-4.008-6.133-3.703-7.633-3.383-1.836 0.391-5 1.703-5.516 6.094-1.875 15.961-6.375 31.305-13.383 45.586-18.828 38.359-59.227 39-61.727 39-0.031 0-0.055 0-0.070 0-14.297 0-25.922 11.625-25.922 25.914z" >
+<glyph unicode="&#xe93f;" glyph-name="user" d="M512 960c-148.878 0-270-121.122-270-270s121.122-270 270-270 270 121.122 270 270-121.122 270-270 270zM512 480c-115.794 0-210 94.206-210 210s94.206 210 210 210c115.794 0 210-94.206 210-210s-94.206-210-210-210zM595.666 358h-167.334c-138.404 0-274.994-63.902-366.332-200.916v-221.084h900v221.084c-91.206 136.816-227.758 200.916-366.334 200.916zM902.002-4h-780.002v142.726c70.062 99.908 183.904 159.274 306.334 159.274h167.334c122.43 0 236.27-59.366 306.334-159.274v-142.726z" >
+<glyph unicode="&#xe940;" glyph-name="tag" d="M907.067 849.53c-0.054 43.006-34.923 77.854-77.939 77.854h-326.354c-20.671 0-40.494-8.209-55.112-22.824l-424.825-424.738c-30.446-30.439-30.449-79.795-0.007-110.241l326.354-326.357c15.219-15.219 35.169-22.832 55.119-22.832 12.557 0 24.978 3.371 36.356 9.403 41.639 34.29-19.967-25.292 443.582 438.164 14.623 14.62 22.837 34.448 22.837 55.124 0 331.038 0.002 274.489-0.010 326.447zM868.103 523.085c0-10.411-4.056-20.201-11.417-27.562l-424.828-424.745c-7.361-7.361-17.149-11.415-27.56-11.415s-20.196 4.056-27.56 11.415l-326.349 326.359c-7.361 7.361-11.415 17.151-11.415 27.56 0 10.411 4.056 20.198 11.417 27.56l424.825 424.74c7.361 7.359 17.146 11.412 27.557 11.412h326.357c21.489 0 38.974-17.485 38.974-38.974v-326.349zM985.026 849.435v-365.321c0-10.411-4.056-20.201-11.417-27.562l-460.455-460.372 27.557-27.56 460.453 460.37c14.623 14.62 22.837 34.448 22.837 55.124v365.321h-38.974zM692.718 790.973c-42.972 0-77.949-34.958-77.949-77.949s34.977-77.949 77.949-77.949 77.949 34.958 77.949 77.949-34.979 77.949-77.949 77.949zM692.718 674.050c-21.504 0-38.974 17.49-38.974 38.974s17.47 38.974 38.974 38.974 38.974-17.49 38.974-38.974-17.47-38.974-38.974-38.974z" >
+<glyph unicode="&#xe941;" glyph-name="play" d="M946.685 492.645l-819.197 460.799c-15.872 8.909-35.225 8.704-50.893-0.41-15.77-9.216-25.395-26.010-25.395-44.237v-921.597c0-18.227 9.626-35.021 25.395-44.237 7.987-4.608 16.896-6.963 25.805-6.963 8.602 0 17.306 2.15 25.088 6.554l819.197 460.799c16.077 9.114 26.112 26.112 26.112 44.646s-10.035 35.533-26.112 44.646z" >
+<glyph unicode="&#xe942;" glyph-name="done" d="M941.602 838.588l-616.378-616.378-242.825 242.825-82.398-82.398 325.223-325.223 698.777 698.777z" >
+<glyph unicode="&#xe943;" glyph-name="electric-car" d="M968.016 532.48l-60.032 48.032c-0.24 0.192-0.48 0.432-0.72 0.624l55.888 11.184c7.472 1.488 12.848 8.048 12.848 15.68v48c0 8.832-7.168 16-16 16h-80c-8.832 0-16-7.168-16-16v-28.032c-0.368 0.496-0.736 0.992-1.104 1.488-1.008 2.784-2.8 5.056-5.072 6.864-9.008 12.752-16.72 25.52-21.744 36.56l-27.040 59.472c-17.232 37.936-63.376 67.648-105.040 67.648h-384c-41.664 0-87.808-29.712-105.040-67.648l-27.024-59.456c-5.024-11.040-12.736-23.824-21.744-36.576-2.272-1.808-4.048-4.080-5.072-6.864-0.368-0.496-0.72-0.976-1.104-1.488v28.032c0 8.832-7.168 16-16 16h-80.016c-8.832 0-16-7.168-16-16v-48c0-7.632 5.376-14.192 12.864-15.68l55.888-11.184c-0.24-0.192-0.48-0.432-0.72-0.624l-60.048-48.032c-31.392-25.12-55.984-76.288-55.984-116.48v-272c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v32h576v-32c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v272c0 40.192-24.592 91.36-55.984 116.48zM822.624 208l-36.688 36.688c-15.568 15.568-43.92 27.312-65.936 27.312h-424c-22.016 0-50.368-11.744-65.936-27.312l-36.688-36.688h-113.376c-26.464 0-48 21.536-48 48v80h16v-16c0-35.296 28.704-64 64-64h48c8.832 0 16 7.168 16 16s-7.168 16-16 16h-48c-17.648 0-32 14.352-32 32v16h32c13.28 0 33.92-8.544 43.312-17.936 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c6.256 6.256 6.256 16.368 0 22.624-15.568 15.568-43.904 27.312-65.936 27.312h-80v48c0 5.648 0.896 11.744 2.16 17.968 10.24-10.688 25.136-17.968 45.84-17.968h128c4.24 0 8.304 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h185.376l43.312-43.312c3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688l43.312 43.312h185.376c4.24 0 8.32 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h128c20.704 0 35.6 7.28 45.84 17.968 1.264-6.224 2.16-12.32 2.16-17.968v-48h-80c-22.016 0-50.368-11.744-65.936-27.312-6.256-6.256-6.256-16.368 0-22.624 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c9.392 9.392 30.032 17.936 43.312 17.936h32v-16c0-17.648-14.352-32-32-32h-48c-8.832 0-16-7.168-16-16s7.168-16 16-16h48c35.296 0 64 28.704 64 64v16h16v-80c0-26.464-21.536-48-48-48zM777.376 208h-538.752l14.064 14.064c9.392 9.392 30.032 17.936 43.312 17.936h424c13.28 0 33.92-8.544 43.312-17.936zM184.96 608h654.080c15.504-20.496 33.216-39.888 48.944-52.48l19.248-15.392-113.168-45.264c-0.016 0-0.016-0.016-0.032-0.016-1.936-0.784-3.76-1.952-5.328-3.52l-43.328-43.328h-185.376c-4.24 0-8.32-1.68-11.312-4.688l-36.688-36.688-36.688 36.688c-2.992 3.008-7.072 4.688-11.312 4.688h-185.376l-43.312 43.312c-1.568 1.568-3.392 2.736-5.328 3.52-0.016 0-0.016 0.016-0.032 0.016l-113.168 45.264 19.248 15.392c15.712 12.608 33.424 32 48.928 52.496zM975.056 473.296c-3.216-16.72-13.584-25.296-31.056-25.296h-121.376l-16 16 2.368 2.368 126.96 50.784 12.064-9.664c10.144-8.112 19.504-20.448 27.040-34.192zM896 640h48v-18.88l-48-9.6zM217.040 659.648l27.024 59.456c12.064 26.512 46.832 48.896 75.936 48.896h384c29.104 0 63.872-22.384 75.92-48.88l27.040-59.472c2.816-6.176 6.48-12.848 10.496-19.648h-610.912c4.016 6.8 7.696 13.472 10.496 19.648zM80 640h48v-28.48l-48 9.6zM75.968 507.488l12.064 9.664 126.976-50.784 2.368-2.368-16-16h-121.376c-17.472 0-27.84 8.576-31.056 25.296 7.536 13.744 16.88 26.080 27.024 34.192zM176 128h-128c-8.816 0-16 7.184-16 16v48.4c13.408-10.144 29.92-16.4 48-16.4h112v-32c0-8.816-7.184-16-16-16zM976 128h-128c-8.816 0-16 7.184-16 16v32h112c18.080 0 34.592 6.256 48 16.4v-48.4c0-8.816-7.184-16-16-16z" >
+<glyph unicode="&#xe944;" glyph-name="cog" d="M787.203 835.077c-61.687 0-111.866-50.187-111.866-111.874 0-61.674 50.179-111.861 111.866-111.861s111.866 50.187 111.866 111.861c0 61.687-50.179 111.874-111.866 111.874zM787.203 636.941c-47.569 0-86.269 38.7-86.269 86.261 0 47.574 38.7 86.274 86.269 86.274 47.567 0 86.266-38.7 86.266-86.274 0-47.562-38.7-86.261-86.266-86.261zM1012.543 687.616c-18.237 1.925-31.987 17.225-31.987 35.587s13.75 33.662 31.987 35.587c3.612 0.375 6.887 2.275 9.020 5.212 2.13 2.937 2.912 6.65 2.15 10.2-6.125 28.55-17.312 55.512-33.242 80.162-1.97 3.050-5.142 5.112-8.73 5.687-3.557 0.587-7.245-0.387-10.070-2.687-14.232-11.512-34.77-10.425-47.742 2.562-12.975 12.975-14.075 33.5-2.562 47.737 2.28 2.825 3.255 6.487 2.682 10.062-0.57 3.587-2.637 6.762-5.682 8.737-24.612 15.925-51.582 27.112-80.162 33.25-3.562 0.762-7.262-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-1.92-18.237-17.212-31.987-35.58-31.987-18.362 0-33.657 13.75-35.575 31.987-0.38 3.612-2.28 6.9-5.217 9.025-2.942 2.137-6.657 2.887-10.2 2.15-28.58-6.137-55.549-17.325-80.162-33.25-3.050-1.975-5.117-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 11.512-14.237 10.412-34.762-2.555-47.737-12.975-12.987-33.5-14.075-47.744-2.562-2.82 2.3-6.445 3.3-10.067 2.687-3.587-0.575-6.757-2.637-8.732-5.687-15.925-24.637-27.112-51.599-33.242-80.162-0.762-3.55 0.020-7.262 2.15-10.2s5.405-4.837 9.017-5.212c18.237-1.925 31.987-17.225 31.987-35.587s-13.75-33.662-31.987-35.587c-3.612-0.375-6.887-2.275-9.017-5.212-2.132-2.937-2.912-6.65-2.15-10.2 6.132-28.562 17.317-55.537 33.25-80.149 1.97-3.050 5.137-5.112 8.725-5.687 3.542-0.612 7.23 0.387 10.062 2.687 14.237 11.475 34.77 10.4 47.749-2.575 12.975-12.975 14.075-33.487 2.555-47.737-2.28-2.825-3.255-6.487-2.682-10.075 0.57-3.575 2.637-6.75 5.687-8.725 24.642-15.925 51.612-27.112 80.162-33.25 3.517-0.737 7.25 0.025 10.2 2.15 2.937 2.125 4.837 5.412 5.217 9.025 1.92 18.237 17.212 31.987 35.575 31.987 18.367 0 33.662-13.75 35.58-31.987 0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.895 0 1.8 0.1 2.687 0.287 28.55 6.137 55.519 17.325 80.157 33.25 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.682 10.075-11.517 14.237-10.417 34.762 2.562 47.737 12.987 12.975 33.512 14.062 47.749 2.562 2.825-2.275 6.505-3.287 10.067-2.675 3.582 0.575 6.75 2.637 8.725 5.687 15.93 24.625 27.112 51.599 33.242 80.149 0.762 3.55-0.020 7.262-2.15 10.2-2.132 2.937-5.407 4.837-9.020 5.212zM975.488 616.692c-22.982 10.937-50.932 6.662-69.662-12.112-18.757-18.737-23.042-46.687-12.112-69.662-15.387-8.725-31.68-15.5-48.674-20.2-8.5 23.987-31.3 40.737-57.837 40.737-26.532 0-49.332-16.75-57.837-40.737-16.987 4.7-33.282 11.462-48.674 20.212 10.937 22.962 6.65 50.912-12.105 69.649-18.75 18.762-46.699 23.037-69.662 12.112-8.737 15.375-15.5 31.675-20.2 48.674 23.987 8.5 40.73 31.3 40.73 57.837s-16.745 49.337-40.73 57.837c4.7 17 11.462 33.287 20.2 48.674 22.942-10.925 50.899-6.637 69.662 12.112 18.75 18.75 23.037 46.699 12.105 69.662 15.375 8.725 31.675 15.487 48.674 20.2 8.5-23.987 31.305-40.737 57.837-40.737 26.537 0 49.337 16.75 57.842 40.737 17-4.712 33.295-11.475 48.669-20.2-10.925-22.962-6.637-50.912 12.112-69.662 18.742-18.762 46.699-23.050 69.662-12.112 8.737-15.387 15.5-31.687 20.2-48.674-23.987-8.5-40.73-31.3-40.73-57.837s16.745-49.337 40.73-57.837c-4.7-16.987-11.462-33.287-20.2-48.674zM340.633 434.431c-87.004 0-157.791-70.787-157.791-157.798s70.787-157.798 157.791-157.798 157.791 70.787 157.791 157.798-70.787 157.798-157.791 157.798zM340.633 144.435c-72.894 0-132.193 59.299-132.193 132.198s59.299 132.198 132.193 132.198c72.892 0 132.193-59.299 132.193-132.198-0.002-72.899-59.302-132.198-132.193-132.198zM669.804 218.659c-29.712 3.137-52.117 28.050-52.117 57.974s22.405 54.837 52.117 57.974c3.612 0.375 6.895 2.275 9.025 5.212 2.132 2.937 2.912 6.65 2.15 10.2-8.812 41.062-24.905 79.874-47.837 115.349-1.97 3.050-5.142 5.112-8.732 5.687-3.555 0.587-7.237-0.387-10.067-2.687-23.217-18.762-56.667-16.962-77.804 4.162-21.137 21.15-22.93 54.599-4.162 77.812 2.28 2.825 3.255 6.487 2.68 10.075-0.567 3.575-2.637 6.75-5.687 8.725-35.455 22.925-74.269 39.025-115.344 47.837-3.595 0.75-7.267-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-3.125-29.712-28.050-52.124-57.974-52.124s-54.849 22.412-57.974 52.124c-0.382 3.612-2.282 6.9-5.22 9.025-2.942 2.125-6.607 2.875-10.2 2.15-41.079-8.812-79.887-24.912-115.336-47.837-3.050-1.975-5.12-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 18.762-23.212 16.967-56.674-4.167-77.812-21.145-21.125-54.612-22.9-77.804-4.162-2.825 2.3-6.525 3.275-10.070 2.687-3.587-0.575-6.762-2.637-8.73-5.687-22.93-35.475-39.025-74.287-47.837-115.349-0.762-3.55 0.020-7.262 2.15-10.2 2.132-2.937 5.412-4.837 9.025-5.212 29.712-3.137 52.124-28.050 52.124-57.974s-22.412-54.837-52.124-57.974c-3.612-0.375-6.892-2.275-9.025-5.212-2.13-2.937-2.912-6.65-2.15-10.2 8.812-41.062 24.907-79.874 47.837-115.349 1.967-3.050 5.142-5.112 8.73-5.687 3.542-0.612 7.245 0.387 10.070 2.687 23.205 18.787 56.662 16.975 77.804-4.162 21.137-21.137 22.93-54.599 4.167-77.812-2.282-2.825-3.255-6.487-2.682-10.075 0.567-3.575 2.637-6.75 5.687-8.725 35.45-22.925 74.254-39.025 115.336-47.837 3.57-0.725 7.262 0.012 10.2 2.15 2.937 2.125 4.837 5.412 5.22 9.025 3.125 29.712 28.050 52.124 57.974 52.124s54.849-22.412 57.974-52.124c0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.892 0 1.795 0.1 2.687 0.287 41.074 8.812 79.887 24.912 115.344 47.837 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.68 10.075-18.77 23.212-16.975 56.662 4.162 77.812 21.137 21.137 54.599 22.925 77.804 4.162 2.832-2.3 6.512-3.3 10.067-2.687 3.587 0.575 6.762 2.637 8.732 5.687 22.932 35.475 39.025 74.287 47.837 115.349 0.762 3.55-0.017 7.262-2.15 10.2s-5.412 4.837-9.025 5.212zM618.497 112.885c-32.217 17.987-73.099 12.9-100.061-14.050-26.962-26.962-32.045-67.849-14.050-100.074-26.037-15.387-53.874-26.937-83.044-34.45-10.037 35.537-42.549 60.874-80.712 60.874s-70.674-25.337-80.712-60.874c-29.167 7.512-57.004 19.062-83.036 34.45 17.995 32.225 12.9 73.112-14.055 100.074-26.962 26.95-67.849 32.037-100.061 14.050-15.4 26.037-26.95 53.887-34.455 83.036 35.537 10.050 60.874 42.549 60.874 80.712s-25.337 70.662-60.874 80.712c7.507 29.15 19.055 56.999 34.455 83.036 32.22-18 73.112-12.912 100.061 14.050 26.962 26.962 32.050 67.849 14.055 100.074 26.030 15.387 53.867 26.937 83.036 34.45 10.037-35.537 42.549-60.874 80.712-60.874s70.674 25.337 80.712 60.874c29.167-7.512 57.004-19.062 83.044-34.45-17.995-32.225-12.907-73.112 14.050-100.074 26.975-26.962 67.854-32.050 100.061-14.050 15.4-26.037 26.95-53.887 34.457-83.036-35.537-10.050-60.869-42.549-60.869-80.712s25.332-70.662 60.869-80.712c-7.507-29.15-19.057-56.999-34.457-83.036z" >
+<glyph unicode="&#xe945;" glyph-name="car-3" d="M512 960c-282.769 0-512-229.231-512-512s229.231-512 512-512 512 229.231 512 512c-0.32 282.637-229.363 511.68-512 512zM971.366 316.689l-32.068 10.428-10.564-32.427 32.205-10.462c-13.321-36.333-31.006-70.914-52.668-102.98l-27.307 19.797-20.070-27.614 27.102-19.695c-23.851-30.443-51.275-57.905-81.681-81.801l-19.695 27.102-27.614-20.070 19.797-27.307c-32.064-21.638-66.639-39.3-102.963-52.599l-10.462 32.205-32.427-10.564 10.428-32.068c-37.225-10.658-75.614-16.727-114.313-18.074v33.707h-34.133v-33.707c-38.675 1.35-77.041 7.42-114.244 18.074l10.428 32.068-32.427 10.564-10.53-32.205c-36.333 13.321-70.914 31.006-102.98 52.668l19.797 27.307-27.614 20.070-19.695-27.102c-30.428 23.874-57.875 51.322-81.749 81.749l27.102 19.695-20.070 27.614-27.307-19.797c-21.598 32.049-39.226 66.598-52.497 102.895l32.205 10.462-10.564 32.427-32.068-10.428c-10.688 37.222-16.785 75.612-18.159 114.313h33.707v34.133h-33.707c1.35 38.675 7.42 77.041 18.074 114.244l32.068-10.428 10.564 32.427-32.119 10.53c13.321 36.333 31.006 70.914 52.668 102.98l27.307-19.797 20.070 27.614-27.255 19.678c23.874 30.428 51.322 57.875 81.749 81.749l19.695-27.102 27.614 20.070-19.797 27.307c32.068 21.609 66.643 39.243 102.963 52.514l10.462-32.205 32.427 10.564-10.428 32.068c37.222 10.688 75.612 16.785 114.313 18.159v-33.707h34.133v33.707c38.675-1.35 77.041-7.42 114.244-18.074l-10.428-32.068 32.427-10.564 10.53 32.119c36.333-13.321 70.914-31.006 102.98-52.668l-19.797-27.307 27.614-20.070 19.695 27.102c30.428-23.874 57.875-51.322 81.749-81.749l-27.102-19.695 20.070-27.614 27.307 19.797c21.621-32.017 39.277-66.539 52.582-102.81l-32.205-10.462 10.564-32.427 32.068 10.428c10.658-37.225 16.727-75.614 18.074-114.313h-33.707v-34.133h33.707c-1.35-38.675-7.42-77.041-18.074-114.244zM512 823.467c-207.364 0-375.467-168.102-375.467-375.467s168.102-375.467 375.467-375.467 375.467 168.102 375.467 375.467c-0.235 207.266-168.201 375.232-375.467 375.467zM512 106.667c-188.514 0-341.333 152.819-341.333 341.333s152.819 341.333 341.333 341.333 341.333-152.819 341.333-341.333c-0.215-188.422-152.909-341.118-341.333-341.333zM512 738.133c-160.237 0-290.133-129.897-290.133-290.133s129.897-290.133 290.133-290.133 290.133 129.897 290.133 290.133c-0.179 160.162-129.971 289.954-290.133 290.133zM731.46 579.123c19.842-32.939 31.94-69.954 35.379-108.254l-106.889 8.636c-9.393 0.789-16.367 9.045-15.575 18.436 0.375 4.452 2.481 8.58 5.865 11.499l81.22 69.683zM568.986 697.378l-41.233-98.987c-3.627-8.7-13.619-12.813-22.319-9.186-4.154 1.732-7.454 5.033-9.186 9.186l-41.233 98.987c37.478 8.83 76.493 8.83 113.971 0zM292.54 579.127l81.22-69.687c7.157-6.133 7.985-16.909 1.852-24.064-2.929-3.418-7.091-5.54-11.58-5.905l-106.889-8.636c3.439 38.315 15.543 75.345 35.396 108.292zM436.258 317.030l-24.781-104.414c-35.309 15.243-66.748 38.208-92.006 67.209h-0.051l91.341 55.723c8.045 4.913 18.547 2.374 23.46-5.67 2.349-3.846 3.081-8.463 2.037-12.847zM612.523 212.617h-0.051l-24.832 104.414c-2.182 9.169 3.482 18.372 12.651 20.555 4.384 1.043 9.001 0.311 12.847-2.037l91.341-55.723c-25.244-28.994-56.666-51.959-91.955-67.209zM630.955 364.698c-24.139 14.729-55.646 7.102-70.374-17.037-7.038-11.535-9.233-25.387-6.101-38.532l25.6-107.657c-44.518-12.629-91.674-12.629-136.192 0h-0.034l25.6 107.657c6.541 27.509-10.458 55.115-37.969 61.655-13.139 3.123-26.978 0.93-38.507-6.103l-94.447-57.651c-25.502 38.569-40.004 83.358-41.95 129.553l110.217 8.909c28.181 2.31 49.154 27.031 46.844 55.213-1.103 13.438-7.46 25.899-17.694 34.677l-83.968 72.021c28.853 36.1 66.912 63.746 110.165 80.026l42.53-102.11c10.869-26.103 40.843-38.455 66.948-27.584 12.476 5.195 22.389 15.11 27.584 27.584l42.547 102.11c43.249-16.284 81.308-43.93 110.165-80.026l-83.866-72.021c-21.461-18.413-23.932-50.737-5.519-72.196 8.789-10.244 21.267-16.602 34.72-17.694l110.217-8.909c-1.946-46.195-16.448-90.985-41.95-129.553l-94.566 57.668zM512 516.267c-37.702 0-68.267-30.564-68.267-68.267s30.564-68.267 68.267-68.267c37.702 0 68.267 30.564 68.267 68.267s-30.564 68.267-68.267 68.267zM512 413.867c-18.852 0-34.133 15.281-34.133 34.133s15.281 34.133 34.133 34.133 34.133-15.281 34.133-34.133-15.281-34.133-34.133-34.133z" >
+<glyph unicode="&#xe946;" glyph-name="tyre" d="M992 448c0 265.097-214.903 480-480 480s-480-214.903-480-480v0c0-0.148 0-0.323 0-0.498 0-58.983 10.737-115.458 30.362-167.578l-1.082 3.276c-18.133-19.738-29.256-46.168-29.28-75.195v-128.005c0.073-61.827 50.174-111.927 111.993-112h736.007c61.827 0.073 111.927 50.174 112 111.993v128.007c-0.024 29.032-11.147 55.462-29.353 75.281l0.073-0.081c18.543 48.843 29.28 105.318 29.28 164.302 0 0.175 0 0.35 0 0.525v-0.027zM880 0h-736c-44.031 0.099-79.719 35.675-80 79.653v0.027l58.72-44.48c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 60.64-45.92c-13.005-27.381-40.399-45.993-72.149-46.080h-0.011zM960 80.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-68.32 51.84v71.84l58.72-44.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 68.48-52zM960 192.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-64.96 49.28c9.613 33.936 40.248 58.408 76.622 58.56h736.018c44.183 0 80-35.817 80-80v0zM387.2 483.36h0.96c0.018 0 0.039 0 0.060 0 6.606 0 12.265 4.057 14.622 9.815l0.038 0.105c0.796 1.836 1.259 3.975 1.259 6.221 0 4.696-2.023 8.92-5.246 11.847l-0.013 0.012-95.2 84.96c16.838 23.265 36.678 43.054 59.233 59.314l0.767 0.526 84.96-95.040c3.008-3.217 7.264-5.235 11.992-5.28h0.008c8.874 0.136 16.015 7.361 16.015 16.254 0 0.248-0.006 0.495-0.017 0.741l0.001-0.035-7.040 127.52c4 0.64 8.16 1.44 12.32 1.92 9.030 1.146 19.479 1.8 30.080 1.8s21.050-0.654 31.307-1.924l-1.227 0.124c4.16-0.48 8.32-1.28 12.32-1.92l-7.040-127.52c-0.010-0.211-0.015-0.458-0.015-0.706 0-8.893 7.142-16.119 16.003-16.254h0.013c4.736 0.045 8.991 2.063 11.991 5.271l0.009 0.009 84.96 95.040c23.322-16.786 43.162-36.576 59.479-59.086l0.521-0.754-95.2-84.96c-3.236-2.939-5.259-7.163-5.259-11.859 0-2.247 0.463-4.385 1.299-6.325l-0.040 0.104c2.395-5.864 8.053-9.92 14.66-9.92 0.021 0 0.042 0 0.064 0h0.957l127.36 7.040c2.382-12.714 3.776-27.373 3.84-42.345v-0.055c-0.021-14.996-1.359-29.664-3.904-43.914l0.224 1.514-127.52 7.040c-0.234 0.012-0.508 0.019-0.784 0.019-8.907 0-16.128-7.221-16.128-16.128 0-4.701 2.011-8.933 5.221-11.88l0.012-0.011 72.32-64.64h-108.8l-13.44 14.88c-2.939 3.242-7.167 5.269-11.868 5.269-8.837 0-16-7.163-16-16 0-0.334 0.010-0.666 0.030-0.995l-0.002 0.045 0.16-3.2h-71.040l0.16 3.2c0.018 0.284 0.028 0.615 0.028 0.949 0 8.837-7.163 16-16 16-4.701 0-8.929-2.028-11.856-5.256l-0.012-0.013-13.44-14.88h-108.8l72.32 64.64c3.236 2.939 5.259 7.163 5.259 11.859 0 2.247-0.463 4.385-1.299 6.325l0.040-0.104c-2.522 5.887-8.266 9.936-14.956 9.936-0.255 0-0.508-0.006-0.76-0.017l0.036 0.001-127.52-7.040c-2.321 12.736-3.659 27.404-3.68 42.381v0.019c0.064 15.028 1.458 29.686 4.071 43.918l-0.231-1.518zM267.2 522.080c4.008 13.183 8.246 24.162 13.163 34.761l-0.683-1.641c2.080 4.64 4.48 9.12 6.88 13.6l56.96-50.88zM391.2 673.44c13.259 7.261 28.733 13.833 44.884 18.867l1.836 0.493 4.16-76.32zM581.92 616.48l4.16 76.32c17.987-5.527 33.461-12.099 48.085-20.038l-1.365 0.678zM737.44 568.8c2.4-4.48 4.8-8.96 6.88-13.6 4.234-8.958 8.472-19.936 11.977-31.237l0.503-1.883-76.32-4.16zM756.96 373.92c-5.49-17.945-12.119-33.42-20.169-48.001l0.649 1.281-56.96 50.88zM286.56 327.2c-7.401 13.3-14.030 28.775-19.049 44.958l-0.471 1.762 76.48 4.16zM936.48 304.64c-16.181 9.604-35.659 15.303-56.464 15.36h-110.256c18.999 37.302 30.162 81.338 30.24 127.975v0.025c0 0.103 0 0.226 0 0.349 0 19.698-2.039 38.921-5.918 57.467l0.318-1.816c-4.763 24.387-12.015 46.029-21.673 66.304l0.713-1.664c-42.282 89.186-126.281 152.531-226.091 165.133l-1.429 0.147c-10.183 1.299-21.965 2.040-33.92 2.040s-23.736-0.741-35.301-2.18l1.381 0.14c-101.239-12.75-185.239-76.095-226.769-163.523l-0.751-1.757c-8.919-18.558-16.168-40.142-20.667-62.719l-0.293-1.761c-3.561-16.814-5.6-36.134-5.6-55.93 0-0.081 0-0.162 0-0.243v0.013c0.078-46.662 11.241-90.699 30.995-129.641l-0.755 1.641h-110.24c-20.821-0.057-40.3-5.756-57.002-15.646l0.522 0.286c-14.909 42.729-23.52 91.984-23.52 143.251 0 247.424 200.576 448 448 448 247.385 0 447.938-200.514 448-447.885v-0.005c0-0.173 0-0.377 0-0.582 0-51.103-8.612-100.196-24.464-145.904l0.943 3.126zM512 368c44.183 0 80 35.817 80 80s-35.817 80-80 80c-44.183 0-80-35.817-80-80v0c0.055-44.161 35.839-79.945 79.995-80h0.005zM512 496c26.51 0 48-21.49 48-48s-21.49-48-48-48c-26.51 0-48 21.49-48 48v0c0 26.51 21.49 48 48 48v0z" >
+<glyph unicode="&#xe947;" glyph-name="wheel-1" d="M170.592 210.88c3.2-4.8 6.4-9.6 9.92-13.968 14.006-18.371 29.905-34.26 47.681-47.812l0.607-0.444c4.592-3.584 9.36-6.816 14.208-10.112 25.838-17.511 56.231-30.575 88.942-37.275l1.618-0.277c5.488-0.992 10.976-1.984 16.288-2.608 10.246-1.502 22.086-2.368 34.126-2.384h0.018c11.953 0.006 23.7 0.861 35.192 2.507l-1.32-0.155c5.488 0.64 10.864 1.6 16.832 2.688h0.48c34.102 7.015 64.278 20.050 90.812 38.049l-0.876-0.561c4.8 3.2 9.6 6.4 13.968 9.92 18.377 14.018 34.267 29.939 47.81 47.741l0.446 0.611c3.584 4.608 6.848 9.376 10.064 14.144 17.553 25.925 30.636 56.423 37.325 89.246l0.275 1.618c0.992 5.376 1.952 10.768 2.56 16 1.502 10.225 2.36 22.028 2.36 34.032s-0.858 23.807-2.515 35.352l0.156-1.32c-0.656 5.536-1.6 10.928-2.704 16.976v0.336c-7.032 34.1-20.058 64.273-38.036 90.819l0.564-0.883c-3.2 4.8-6.48 9.6-9.92 13.968-14.002 18.371-29.895 34.259-47.666 47.812l-0.606 0.444c-4.592 3.584-9.36 6.816-14.208 10.112-25.838 17.511-56.231 30.575-88.942 37.275l-1.618 0.277c-5.488 0.992-10.976 1.984-16.288 2.608-10.227 1.493-22.034 2.346-34.040 2.346s-23.813-0.853-35.364-2.501l1.324 0.155c-5.488-0.64-10.864-1.6-16.832-2.688h-0.48c-34.102-7.015-64.278-20.050-90.812-38.049l0.876 0.561c-4.8-3.2-9.6-6.4-13.968-9.92-18.35-14.012-34.219-29.921-47.746-47.708l-0.446-0.612c-3.584-4.608-6.848-9.376-10.064-14.144-17.553-25.925-30.636-56.423-37.325-89.246l-0.275-1.618c-0.992-5.376-1.936-10.768-2.56-16-1.502-10.225-2.36-22.028-2.36-34.032s0.858-23.807 2.515-35.352l-0.156 1.32c0.672-5.536 1.6-10.928 2.704-16.976v-0.336c7.027-34.099 20.048-64.272 38.020-90.819l-0.564 0.883zM169.36 288h60.128l-42.48-42.4c-6.766 12.095-12.763 26.147-17.244 40.859l-0.404 1.541zM320 137.344c-16.258 4.88-30.309 10.861-43.524 18.17l1.124-0.57 42.4 42.528zM448 137.344v60.128l42.4-42.464c-12.092-6.761-26.142-12.763-40.851-17.257l-1.549-0.407zM580.992 245.6l-42.48 42.4h60.144c-4.897-16.256-10.899-30.307-18.233-43.516l0.569 1.116zM598.64 416h-60.128l42.48 42.4c6.766-12.095 12.763-26.147 17.244-40.859l0.404-1.541zM448 566.656c16.258-4.88 30.309-10.861 43.524-18.17l-1.124 0.57-42.4-42.528zM320 566.656v-60.128l-42.384 42.464c12.092 6.774 26.138 12.777 40.846 17.261l1.538 0.403zM248.384 530.096c0.56 0.416 1.136 0.768 1.68 1.184l74.608-74.736c2.897-2.904 6.903-4.701 11.328-4.701 8.835 0 15.998 7.162 16 15.996v0 105.712c0.768 0.112 1.424 0.256 2.208 0.352 8.942 1.322 19.272 2.084 29.779 2.096h0.013c2.208 0 4.448-0.16 6.672-0.24 8.535-0.236 16.651-0.915 24.63-2.019l-1.158 0.131c0.64-0.080 1.232-0.224 1.872-0.304v-105.728c0.002-8.835 7.165-15.997 16-15.997 4.425 0 8.431 1.797 11.328 4.7v0l74.576 74.656c0.624-0.464 1.248-0.832 1.856-1.312 16.112-12.283 30.047-26.227 41.93-41.819l0.39-0.533c0.432-0.544 0.784-1.136 1.2-1.68l-74.752-74.608c-2.857-2.889-4.621-6.862-4.621-11.248 0-8.807 7.116-15.953 15.913-16h105.732c0.112-0.752 0.256-1.408 0.352-2.192 1.339-9.004 2.104-19.397 2.104-29.968s-0.765-20.964-2.242-31.125l0.138 1.157c0-0.624-0.208-1.248-0.288-1.872h-105.792c-8.835-0.002-15.997-7.165-15.997-16 0-4.425 1.797-8.431 4.7-11.328v0l74.736-74.608c-0.464-0.608-0.848-1.232-1.328-1.856-12.277-16.107-26.217-30.036-41.803-41.914l-0.533-0.39c-0.56-0.416-1.136-0.768-1.6-1.184l-74.608 74.736c-2.905 2.952-6.943 4.782-11.408 4.782-8.837 0-16-7.163-16-16 0-0.027 0-0.055 0-0.082v0.004-105.712c-0.768-0.112-1.424-0.256-2.208-0.352-9.002-1.344-19.391-2.112-29.96-2.112s-20.958 0.768-31.116 2.251l1.156-0.138c-0.64 0-1.232 0.224-1.872 0.304v105.76c-0.002 8.835-7.165 15.997-16 15.997-4.425 0-8.431-1.797-11.328-4.7l-74.592-74.736c-0.624 0.464-1.248 0.832-1.856 1.312-16.112 12.283-30.047 26.227-41.93 41.819l-0.39 0.533c-0.432 0.544-0.784 1.136-1.2 1.6l74.752 74.608c2.952 2.905 4.782 6.943 4.782 11.408 0 8.837-7.163 16-16 16-0.027 0-0.055 0-0.082 0h-105.724c-0.112 0.752-0.256 1.408-0.352 2.192-1.339 9.004-2.104 19.397-2.104 29.968s0.765 20.964 2.242 31.125l-0.138-1.157c0 0.624 0.208 1.248 0.288 1.872h105.792c8.835 0.002 15.997 7.165 15.997 16 0 4.425-1.797 8.431-4.7 11.328v0l-74.656 74.608c0.464 0.608 0.848 1.232 1.328 1.856 12.256 16.105 26.169 30.034 41.728 41.917l0.528 0.387zM187.008 458.4l42.48-42.4h-60.144c4.897 16.256 10.899 30.307 18.233 43.516l-0.569-1.116zM384 304c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0-26.51 21.49-48 48-48v0zM384 368c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0 8.837 7.163 16 16 16v0zM368 448h32v-32h-32zM368 288h32v-32h-32zM448 368h32v-32h-32zM288 368h32v-32h-32zM384 0c4.8 0 9.424 0.176 13.968 0.416 0.567-0.168 1.255-0.314 1.959-0.408l0.073-0.008h256v32h-125.264c4.688 2.16 9.28 4.512 13.856 6.864 1.248 0.64 2.528 1.216 3.76 1.856 7.792 4.112 15.376 8.576 22.816 13.248 1.984 1.232 3.92 2.544 5.872 3.824q8.816 5.776 17.232 12.064c1.76 1.312 3.552 2.576 5.28 3.92 2.864 2.224 5.648 4.528 8.448 6.832v-0.608h352c0-26.51-21.49-48-48-48v0h-160v-32h160c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-0.421c10.187 13.14 16.353 29.844 16.416 47.985v160.015c-0.063 18.156-6.229 34.86-16.551 48.181l0.135-0.181h0.416c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-464.005c-44.161-0.055-79.945-35.839-80-79.995v-112.405c-187.057-9.192-335.241-163.091-335.241-351.601 0-194.137 157.163-351.567 351.199-351.999h0.042zM475.472 691.68c-6.144 1.6-12.288 3.2-18.528 4.576-4.592 0.976-9.248 1.712-13.904 2.496-6.128 1.040-12.272 1.984-18.496 2.704-4.8 0.544-9.6 0.928-14.4 1.296-3.376 0.24-6.688 0.736-10.064 0.896v16.352h559.92v-32l-471.472 0.112c-4.304 1.344-8.688 2.4-13.056 3.568zM729.68 418.080c-0.784 4.128-1.76 8.192-2.688 12.272-0.112 0.544-0.224 1.088-0.352 1.6h169.36v-32h-163.536c-0.816 6.112-1.664 12.176-2.784 18.16zM717.664 464c-1.952 5.856-4.096 11.616-6.4 17.344-1.6 4.016-3.2 8-4.8 11.952-0.4 0.88-0.72 1.808-1.12 2.704h190.656v-32zM692.208 182.016c0.8 1.456 1.68 2.848 2.464 4.32q5.632 10.608 10.576 21.664h254.752v-32h-271.216c1.152 2 2.32 4 3.424 6.016zM641.6 112c0.88 0.944 1.696 1.968 2.576 2.928 5.84 6.4 11.52 12.96 16.896 19.792 0.672 0.864 1.28 1.776 1.952 2.64 1.6 2.176 3.2 4.416 4.912 6.64h292.064v-32zM960 240h-242.272c0.368 1.072 0.672 2.16 1.024 3.2q4.128 12.8 7.28 25.856c0.48 2 0.864 4.048 1.296 6.064 0.96 4.272 1.968 8.512 2.768 12.8h181.904c0 0 0 0 0 0 26.482 0 47.954-21.445 48-47.916v-0.004zM734.544 320c0.080 0.912 0 1.888 0.128 2.8 0.816 9.6 1.328 19.296 1.328 29.2 0 5.376-0.448 10.672-0.688 16h160.688c0-26.51-21.49-48-48-48v0zM896 528h-207.040c-2.976 5.12-6.272 10.080-9.52 15.072-1.6 2.448-3.008 4.992-4.672 7.408-6 8.736-12.384 17.28-19.2 25.52h192.432c26.51 0 48-21.49 48-48v0zM912 608h-286.496c-4.336 4.096-8.928 7.776-13.424 11.616-3.024 2.592-5.936 5.328-9.024 7.808-6.848 5.456-13.936 10.512-21.12 15.424-1.824 1.248-3.552 2.672-5.392 3.888-5.056 3.312-10.352 6.224-15.568 9.264h399.024c0-26.51-21.49-48-48-48v0zM448 864h464c26.51 0 48-21.49 48-48v0h-207.744v-32h207.744v-32h-560v32h320v32h-320c0 26.51 21.49 48 48 48v0zM384 672q15.792 0 31.36-1.504c23.985-2.425 45.916-7.109 66.893-13.912l-2.253 0.632v-1.216h3.44c129.114-43.093 220.541-162.867 220.56-303.998v-0.002c0.001-0.21 0.001-0.458 0.001-0.706 0-15.894-1.222-31.502-3.577-46.737l0.216 1.699q-2.016-14.208-5.248-27.968c-33.265-137.386-152.044-238.975-295.645-245.813l-0.723-0.027c-4.96-0.304-9.92-0.448-15.024-0.448-176.731 0-320 143.269-320 320s143.269 320 320 320v0zM688 32h32v-32h-32z" >
+<glyph unicode="&#xe948;" glyph-name="tire" d="M771.712 46.532l-23.646 35.469-28.401-18.933 22.716-34.074c-64.271-35.277-136.934-55.601-213.316-58.266v33.538h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.115 63.622-56.068 136.055-58.79 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.54c76.38-2.665 149.045-22.989 213.316-58.266l-22.716-34.074 28.401-18.933 23.646 35.469c70.724-45.766 129.457-110.327 168.73-189.577l30.583 15.151c-87.102 175.763-262.985 284.956-459.027 284.956-282.317 0-512-229.683-512-512s229.683-512 512-512c196.043 0 371.925 109.193 459.025 284.958l-30.583 15.151c-39.273-79.251-98.003-143.812-168.73-189.577zM1006.933 567.467h-151.601c-42.724 73.958-121.024 119.467-206.801 119.467-89.267 0-170.443-49.291-211.842-128.642-2.758-5.291-2.558-11.633 0.542-16.742 3.091-5.101 8.625-8.218 14.592-8.218h172.576l85.333-85.333-85.333-85.333h-172.576c-5.967 0-11.501-3.117-14.592-8.218-3.1-5.109-3.3-11.45-0.542-16.742 41.402-79.347 122.577-128.638 211.844-128.638 85.775 0 164.075 45.508 206.801 119.467h151.599c9.425 0 17.067 7.642 17.067 17.067v204.8c0 9.425-7.642 17.067-17.067 17.067zM989.867 362.667h-144.625c-6.357 0-12.192-3.533-15.134-9.175-35.49-68.032-105.067-110.291-181.574-110.291-66.658 0-128.049 32.075-166.234 85.333h149.167c4.525 0 8.866 1.801 12.066 5.001l102.4 102.4c6.667 6.667 6.667 17.468 0 24.134l-102.4 102.4c-3.2 3.2-7.541 5.001-12.066 5.001h-149.167c38.182 53.259 99.575 85.333 166.234 85.333 76.508 0 146.084-42.259 181.574-110.291 2.942-5.643 8.774-9.175 15.134-9.175h144.625v-170.669zM512 499.2c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 430.933c-9.408 0-17.067 7.659-17.067 17.067s7.659 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.659-17.067-17.067-17.067zM512 123.733c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.809 16.525-17.85 4.599-34.876 11.799-50.618 21.408-6.709 4.1-15.375 3.068-20.958-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.574 5.574 6.609 14.234 2.5 20.958-9.609 15.742-16.809 32.766-21.408 50.618-1.941 7.541-8.742 12.809-16.525 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.525 12.809 4.599 17.858 11.799 34.891 21.408 50.609 4.109 6.733 3.074 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.292-3.292 7.659-5.001 12.075-5.001 3.059 0 6.133 0.817 8.892 2.5 15.716 9.609 32.751 16.809 50.609 21.408 7.541 1.941 12.809 8.742 12.809 16.525v124.346c11.223 1.18 22.603 1.835 34.133 1.835 70.816 0 138.091-22.417 194.549-64.826l20.499 27.3c-62.417 46.876-136.783 71.659-215.051 71.659-197.626 0-358.4-160.774-358.4-358.4s160.774-358.4 358.4-358.4c78.268 0 152.634 24.783 215.051 71.659l-20.499 27.3c-56.461-42.409-123.735-64.826-194.551-64.826zM443.733 764.894v-105.995c-12.192-3.942-24-8.926-35.309-14.916l-74.637 74.63c32.966 21.783 70.089 37.7 109.946 46.281zM241.387 626.212l74.63-74.637c-5.993-11.309-10.976-23.117-14.916-35.309h-105.995c8.58 39.857 24.497 76.979 46.281 109.946zM241.387 269.788c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.942-12.183 8.926-23.991 14.916-35.309l-74.63-74.637zM443.733 131.106c-39.857 8.58-76.979 24.497-109.946 46.281l74.637 74.63c11.317-5.993 23.125-10.976 35.309-14.916v-105.995z" >
+<glyph unicode="&#xe949;" glyph-name="tire-1" d="M683.992 535.968c-142.582 0-259.986-116.014-259.986-259.986 0-145.196 118.8-259.986 259.986-259.986 141.205 0 259.986 114.806 259.986 259.986 0 143.824-117.264 259.986-259.986 259.986zM742.957 265.031c0.67 3.6 1.032 7.264 1.032 10.951s-0.362 7.352-1.032 10.951l140.717 81.248c13.317-28.786 20.307-60.289 20.307-92.199 0-31.912-6.99-63.415-20.307-92.199zM484.308 183.783c-13.317 28.786-20.307 60.289-20.307 92.199 0 31.912 6.99 63.415 20.307 92.199l140.717-81.248c-0.67-3.6-1.032-7.264-1.032-10.951 0-3.69 0.362-7.354 1.030-10.953zM683.992 255.983c-10.989 0-19.999 8.996-19.999 19.999 0 10.891 8.888 19.999 19.999 19.999 11.041 0 19.999-9.042 19.999-19.999 0-10.891-8.89-19.999-19.999-19.999zM863.618 402.789l-140.683-81.23c-5.594 4.772-12.019 8.484-18.945 10.945v162.519c63.833-5.898 122.432-39.758 159.628-92.235zM663.993 495.025v-162.517c-6.932-2.462-13.361-6.174-18.953-10.943l-140.677 81.226c37.198 52.479 95.795 86.337 159.63 92.235zM504.363 149.175l140.685 81.23c5.592-4.77 12.019-8.484 18.945-10.945v-162.519c-63.835 5.898-122.434 39.758-159.63 92.235zM703.991 56.94v162.517c6.932 2.462 13.361 6.174 18.953 10.943l140.677-81.226c-37.198-52.479-95.797-86.337-159.63-92.235zM927.979 47.994c0-11.045-8.954-19.999-19.999-19.999s-19.999 8.954-19.999 19.999c0 11.045 8.954 19.999 19.999 19.999s19.999-8.954 19.999-19.999zM742.513 610.928c3.090 101.067-35.022 199.211-106.158 271.748-0.1 0.102-0.202 0.204-0.302 0.302-63.847 62.367-156.008 83.622-240.529 55.463-6.576-2.192-11.547-7.632-13.141-14.377-1.592-6.746 0.42-13.835 5.324-18.737l40.614-40.614c12.045-12.051 16.271-28.976 11.301-45.272-4.966-16.285-17.903-27.965-34.606-31.242-19.501-3.83-39.578 5.774-48.825 23.345l-17.981 34.186c-26.199 49.769-70.112 86.669-123.653 103.903-53.547 17.233-110.742 12.875-161.052-12.277-7.236-3.618-11.579-11.235-11.007-19.303 0.574-8.068 5.95-14.997 13.623-17.555 11.533-3.846 44.69-27.807 74.47-61.071 31.026-34.656 47.090-66.624 42.974-85.523-5.728-26.287-62.331-36.252-151.396-26.679-6.786 0.748-13.445-2.036-17.713-7.34-4.272-5.3-5.552-12.411-3.398-18.871 22.683-68.036 70.42-113.734 138.057-132.147 14.751-4.012 26.667-14.027 32.688-27.477 5.682-12.687 5.356-26.589-0.912-39.136-6.812-13.623-19.343-22.835-34.384-25.277-15.051-2.444-29.862 2.338-40.648 13.125l-19.279 19.259c-5.722 5.714-14.321 7.424-21.791 4.324-7.472-3.096-12.341-10.385-12.341-18.473 0-88.603 36.884-154.354 112.764-201.011 56.831-34.914 122.378-53.301 190.66-53.695 17.781-171.603 162.685-304.504 338.122-304.504 56.311 0 112.106 14.057 161.351 40.652 9.717 5.248 13.341 17.381 8.094 27.101-5.248 9.715-17.379 13.339-27.101 8.094-43.426-23.453-92.647-35.848-142.344-35.848-166.417 0-299.984 134.271-299.984 299.984 0 165.411 134.573 299.984 299.984 299.984 165.865 0 299.984-134.189 299.984-299.984 0-51.543-13.283-102.375-38.412-146.992-5.42-9.625-2.012-21.819 7.612-27.239 9.621-5.42 21.819-2.012 27.239 7.612 28.496 50.597 43.56 108.212 43.56 166.621 0 166.163-119.734 306.95-281.461 334.942zM344.068 280.548c-60.227 0.716-117.922 17.017-167.913 47.727-49.195 30.248-78.168 68.632-88.911 118.698 16.717-9.234 36.082-12.655 55.667-9.478 27.887 4.528 51.123 21.611 63.757 46.878 11.557 23.137 12.153 49.877 1.636 73.364-10.941 24.433-32.334 42.556-58.693 49.723-44.614 12.147-77.554 38.034-98.265 77.122 62.143-3.842 148.048-0.006 161.295 60.807 9.030 41.446-23.433 88.521-52.255 120.714-16.479 18.407-35.126 35.648-52.309 48.855 75.468 18.089 157.236-16.623 194.732-87.855l17.981-34.184c17.415-33.094 55.223-51.181 91.925-43.968 30.982 6.078 55.953 28.616 65.163 58.823 9.214 30.214 1.064 62.869-21.275 85.218l-15.447 15.447c60.351 9.142 121.946-10.207 166.789-53.925 62.615-63.929 96.501-150.106 94.665-239.071-6.204 0.336-12.423 0.522-18.621 0.522-185.936 0-337.464-150.048-339.92-335.416z" >
+<glyph unicode="&#xe94a;" glyph-name="flat-tire" d="M512 465.067c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 396.8c-9.417 0-17.067 7.659-17.067 17.067s7.65 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.65-17.067-17.067-17.067zM897.85 77.517c81.517 93.325 126.15 211.859 126.15 336.35 0 282.317-229.683 512-512 512s-512-229.683-512-512c0-121.483 42.517-237.35 120.367-329.617-20.651-9.408-35.034-30.251-35.034-54.383 0-32.934 26.801-59.733 59.733-59.733h716.8c32.934 0 59.733 26.801 59.733 59.733 0 19.441-9.333 36.734-23.75 47.65zM861.867 4.267h-573.978l16.444 24.668-28.401 18.933-29.065-43.601h-101.801c-14.116 0-25.6 11.484-25.6 25.6s11.484 25.6 25.6 25.6h59.733v34.133h-43.46c-18.793 20.301-35.699 41.937-50.515 64.751l35.174 23.45-18.933 28.401-33.743-22.496c-35.851 64.979-56.122 137.658-58.784 213.094h50.795v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c56.567-36.719 104.885-85.037 141.604-141.604l-35.012-23.341 18.933-28.401 33.709 22.473c35.115-63.622 56.070-136.055 58.793-213.071h-50.767v-34.133h50.801c-2.66-75.465-22.893-148.156-58.743-213.129l-33.792 22.528-18.933-28.401 35.125-23.418c-14.801-22.788-31.533-44.499-50.302-64.783h-111.889v-34.133h110.933c1.551 0 3.068-0.218 4.533-0.491 0.45-0.075 0.9-0.141 1.333-0.183 11.3-2.667 19.733-12.826 19.733-24.926 0-14.114-11.484-25.598-25.6-25.598zM512 772.267c-197.617 0-358.4-160.774-358.4-358.4s160.783-358.4 358.4-358.4 358.4 160.774 358.4 358.4-160.783 358.4-358.4 358.4zM782.613 592.079c21.781-32.966 37.7-70.089 46.281-109.946h-105.995c-3.934 12.201-8.934 24.009-14.916 35.317l74.63 74.628zM580.267 730.761c39.857-8.58 76.979-24.499 109.946-46.281l-74.628-74.628c-11.317 5.984-23.134 10.976-35.317 14.916v105.993zM443.733 730.761v-106.001c-12.183-3.934-24-8.926-35.317-14.908l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281zM241.387 592.079l74.628-74.628c-5.984-11.309-10.982-23.117-14.916-35.317h-105.993c8.58 39.857 24.499 76.979 46.281 109.946zM241.387 235.654c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.934-12.192 8.934-24 14.916-35.317l-74.63-74.628zM443.733 96.973c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.628c11.317-5.984 23.134-10.976 35.317-14.908v-106.001zM580.267 96.973v106.001c12.183 3.934 24 8.926 35.317 14.908l74.628-74.628c-32.966-21.781-70.089-37.7-109.946-46.281zM782.613 235.654l-74.628 74.628c5.984 11.317 10.982 23.125 14.916 35.317h105.995c-8.582-39.857-24.501-76.979-46.283-109.946zM710.084 379.733c-7.782 0-14.583-5.267-16.533-12.809-4.599-17.867-11.799-34.899-21.399-50.609-4.1-6.724-3.083-15.392 2.5-20.966l87.541-87.541c-13.269-16.081-28.051-30.865-44.134-44.134l-87.541 87.541c-5.583 5.591-14.234 6.618-20.966 2.5-15.733-9.609-32.751-16.809-50.601-21.408-7.55-1.941-12.817-8.742-12.817-16.525v-124.35c-11.223-1.18-22.603-1.835-34.133-1.835s-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.525-17.85 4.599-34.867 11.799-50.601 21.408-6.75 4.117-15.401 3.091-20.966-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.574 6.601 14.242 2.5 20.966-9.6 15.708-16.8 32.742-21.399 50.609-1.95 7.541-8.751 12.809-16.533 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.809 4.599 17.884 11.799 34.908 21.399 50.609 4.1 6.724 3.083 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.292 7.667-5.001 12.066-5.001 3.068 0 6.133 0.817 8.9 2.5 15.733 9.609 32.751 16.809 50.601 21.408 7.55 1.941 12.817 8.742 12.817 16.525v124.348c11.223 1.18 22.603 1.835 34.133 1.835s22.91-0.655 34.133-1.835v-124.341c0-7.782 5.267-14.583 12.8-16.525 17.867-4.608 34.899-11.817 50.618-21.417 2.767-1.683 5.833-2.5 8.9-2.5 4.401 0 8.783 1.709 12.066 5.001l87.541 87.541c16.081-13.269 30.865-28.051 44.134-44.134l-87.541-87.541c-5.583-5.574-6.601-14.242-2.5-20.966 9.6-15.699 16.8-32.725 21.399-50.609 1.95-7.541 8.751-12.809 16.533-12.809h124.35c1.18-11.223 1.835-22.603 1.835-34.133s-0.655-22.91-1.835-34.133h-124.352zM512 567.467c-84.7 0-153.6-68.909-153.6-153.6s68.9-153.6 153.6-153.6 153.6 68.909 153.6 153.6-68.9 153.6-153.6 153.6zM512 294.4c-65.867 0-119.467 53.591-119.467 119.467s53.6 119.467 119.467 119.467 119.467-53.591 119.467-119.467-53.6-119.467-119.467-119.467z" >
+<glyph unicode="&#xe94b;" glyph-name="pressure" d="M512 806.4c-197.617 0-358.4-160.783-358.4-358.4s160.783-358.4 358.4-358.4v34.133c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.533-17.818 4.582-34.85 11.782-50.618 21.399-6.701 4.1-15.383 3.1-20.949-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.566 6.601 14.234 2.5 20.966-9.6 15.699-16.8 32.734-21.399 50.601-1.95 7.55-8.751 12.817-16.533 12.817h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.817 4.599 17.867 11.799 34.899 21.399 50.601 4.1 6.733 3.083 15.401-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.3 7.667-5.001 12.066-5.001 3.068 0 6.15 0.817 8.9 2.5 15.699 9.6 32.734 16.8 50.601 21.399 7.55 1.95 12.817 8.751 12.817 16.533v124.346c11.223 1.18 22.603 1.835 34.133 1.835 51.317 0 100.416-11.65 145.916-34.601l15.366 30.466c-50.302 25.402-104.567 38.268-161.284 38.268zM408.416 252.017c11.334-5.984 23.134-10.982 35.317-14.916v-105.995c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.63zM301.101 379.733c3.951-12.201 8.934-24 14.916-35.317l-74.628-74.628c-21.783 32.966-37.702 70.089-46.283 109.946h105.995zM316.017 551.584c-5.984-11.317-10.967-23.117-14.916-35.317h-105.995c8.58 39.857 24.499 76.979 46.281 109.946l74.63-74.628zM443.733 658.899c-12.201-3.951-24-8.934-35.317-14.916l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281v-105.993zM1024 448c0 282.317-229.683 512-512 512s-512-229.683-512-512 229.683-512 512-512c55.735 0 110.556 9.244 163.217 26.976 32.928-17.135 70.234-26.976 109.85-26.976 131.75 0 238.933 107.183 238.933 238.933 0 39.616-9.841 76.922-26.976 109.85 17.732 52.661 26.976 107.482 26.976 163.217zM785.067-29.867c-112.934 0-204.8 91.868-204.8 204.8s91.868 204.8 204.8 204.8 204.8-91.868 204.8-204.8-91.866-204.8-204.8-204.8zM716.8 533.333h-34.133v34.133h34.133v-34.133zM750.933 411.14v309.926h68.267v-309.926c-11.179 1.611-22.515 2.726-34.133 2.726s-22.955-1.116-34.133-2.726zM972.834 322.204c-30.144 38.351-71.639 67.296-119.501 81.6v334.33c0 9.434-7.633 17.067-17.067 17.067h-102.4c-9.434 0-17.067-7.633-17.067-17.067v-136.533h-51.2c-9.434 0-17.067-7.633-17.067-17.067v-68.267c0-9.434 7.633-17.067 17.067-17.067h51.2v-95.396c-98.569-29.457-170.667-120.849-170.667-228.87 0-76.179 35.964-143.985 91.663-187.767-35.46-9.681-71.857-15.002-108.73-16.311v33.412h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.117 63.622-56.070 136.055-58.793 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c131.339-85.252 218.46-233.101 218.46-401.011 0-42.72-5.858-84.86-17.033-125.796zM817.926 166.206c0.747 2.803 1.274 5.692 1.274 8.727 0 18.816-15.317 34.133-34.133 34.133-3.034 0-5.924-0.527-8.727-1.274l-47.473 47.473-24.134-24.134 47.473-47.473c-0.747-2.803-1.274-5.692-1.274-8.727 0-18.816 15.317-34.133 34.133-34.133 3.034 0 5.924 0.527 8.727 1.274l13.323-13.323 24.134 24.134-13.323 13.323zM785.067 345.6c-94.099 0-170.667-76.567-170.667-170.667 0-48.484 20.734-94.85 56.883-127.2l22.767 25.434c-28.934 25.884-45.517 62.982-45.517 101.766 0 75.283 61.25 136.533 136.533 136.533s136.533-61.25 136.533-136.533c0-38.784-16.582-75.883-45.517-101.766l22.767-25.434c36.149 32.35 56.883 78.716 56.883 127.2 0 94.099-76.567 170.667-170.667 170.667zM512 516.267c-37.649 0-68.267-30.618-68.267-68.267s30.618-68.267 68.267-68.267 68.267 30.618 68.267 68.267-30.618 68.267-68.267 68.267zM512 413.867c-18.816 0-34.133 15.317-34.133 34.133s15.317 34.133 34.133 34.133 34.133-15.317 34.133-34.133-15.317-34.133-34.133-34.133z" >
+<glyph unicode="&#xe94c;" glyph-name="right-quote" d="M227.093 809.414c-125.218 0-227.077-101.859-227.077-227.078 0-120.797 94.797-219.874 213.906-226.718 2.062-22.266 0.515-82.875-57.563-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.766-23.766 38.454-38.734 48.734-49.203 13.454-13.688 19.595-19.938 28.579-28.094 3.046-2.765 6.89-4.155 10.75-4.155 3.749 0 7.483 1.312 10.499 3.922 101.203 88.062 213.626 270.016 197.36 492.984-9.531 130.906-105.016 225.922-227.048 225.922zM246.437 124.446c-4.358 4.296-9.328 9.358-16.656 16.813-8.906 9.077-21.125 21.515-39.656 40.109 70.485 108.61 57.171 185.968 51.344 197.062-2.766 5.266-8.438 8.813-14.376 8.813-107.562 0-195.077 87.515-195.077 195.093 0 107.563 87.515 195.078 195.077 195.078 104.782 0 186.845-82.531 195.141-196.234 18.281-250.782-130.765-413.61-175.797-456.734zM1022.407 583.492v0.016c-9.563 130.89-105.062 225.906-227.062 225.906-125.219 0-227.094-101.859-227.094-227.078 0-120.797 94.813-219.874 213.938-226.718 2.062-22.25 0.499-82.827-57.594-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.672-23.672 38.328-38.61 48.61-49.062 13.515-13.781 19.688-20.062 28.718-28.25 3.046-2.75 6.906-4.141 10.75-4.141 3.75 0 7.485 1.312 10.499 3.938 101.203 88.062 213.626 270.014 197.376 492.968zM814.687 124.446c-4.39 4.328-9.405 9.421-16.797 16.952-8.906 9.064-21.077 21.469-39.531 39.97 70.485 108.626 57.189 185.968 51.376 197.062-2.766 5.25-8.453 8.813-14.39 8.813-107.579 0-195.094 87.515-195.094 195.093 0 107.563 87.515 195.078 195.094 195.078 104.765 0 186.843-82.531 195.155-196.25v0.016c18.266-250.75-130.781-413.61-175.813-456.734z" >
+<glyph unicode="&#xe94d;" glyph-name="quote" d="M0 448v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571v146.287c-242.001 0-438.858-196.857-438.858-438.858zM1024 740.571v146.287c-242.001 0-438.858-196.857-438.858-438.858v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571z" >
+<glyph unicode="&#xe94e;" glyph-name="quotation-1" d="M0 394h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18h-468zM60 802h348v-486.18c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268zM556 862v-468h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18zM964 315.82c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268v348h348z" >
+<glyph unicode="&#xe94f;" glyph-name="quote-1" d="M435.203 858h-409.602c-14.141 0-25.602-11.461-25.602-25.602v-409.602c0-14.133 11.461-25.594 25.602-25.594h332.297c0.5-153.602-112.82-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.594 25.602zM998.398 858h-409.602c-14.133 0-25.594-11.461-25.594-25.602v-409.602c0-14.133 11.461-25.594 25.594-25.594h332.305c0.5-153.602-112.828-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.602 25.602z" >
+<glyph unicode="&#xe950;" glyph-name="open" d="M1021.876-15.616c1.372 2.284 2.050 4.942 2.082 7.598v556.202c0.36 5.148-1.604 10.414-5.764 13.593l-134.23 104.885v137.284c0 8.284-6.714 14.999-14.999 14.999h-179.892l-91.42 71.431c-48.646 38.012-116.749 38.208-165.611 0.484l-93.154-71.915h-183.892c-8.286 0-14.999-6.716-14.999-14.999v-138.544l-134.118-103.542c-3.66-2.796-5.884-7.3-5.876-11.905v-131.994c0-8.286 6.714-14.999 14.999-14.999s14.999 6.714 14.999 14.999v106.435l377.188-210.699-377.188-291.189v325.458c0 8.286-6.714 14.999-14.999 14.999s-14.999-6.714-14.999-14.999v-355.985c-0.132-8.052 6.942-15.139 14.999-14.999h993.957c5.216-0.016 10.32 2.87 12.917 7.402zM983.488 550.824l-99.524-56.070v133.836zM450.373 867.116c38.006 29.339 90.976 29.185 128.806-0.376l61.167-47.794h-252.371zM343.995 788.947h509.97v-311.095l-94.748-53.38c-7.216-4.066-9.772-13.211-5.706-20.431 4.088-7.286 13.345-9.732 20.431-5.706l220.017 123.953v-499.553l-147.452 115.215c-6.526 5.098-15.953 3.944-21.055-2.584-5.1-6.53-3.944-15.955 2.584-21.055l137.364-107.333h-906.425l391.399 302.159c38.010 29.343 90.976 29.185 128.806-0.376l7.224-5.644c0.010-0.008 0.018-0.014 0.028-0.022l188.024-146.916c6.53-5.1 15.953-3.946 21.055 2.584 5.1 6.53 3.944 15.955-2.584 21.055l-170.451 133.184 92.222 51.956c7.216 4.066 9.772 13.211 5.706 20.431-4.064 7.216-13.207 9.768-20.431 5.706l-103.12-58.096c-48.262 37.138-115.287 37.388-163.813 0.62l-263.047 146.936v308.391zM139.996 497.316l-97.842 54.656 97.842 75.535zM372.986 672.952h277.988c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-277.988c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM282.99 468.961h457.98c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-457.98c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM283.098 571.615h120.897c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-120.897c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM468.81 586.614c0-8.284 6.714-14.999 14.999-14.999h257.053c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-257.053c-8.286 0-14.999-6.716-14.999-14.999z" >
+<glyph unicode="&#xe951;" glyph-name="options" d="M1004 551.359h-70.133c-10.492 43.031-27.43 83.883-50.508 121.828l49.625 49.625c7.813 7.813 7.813 20.477 0 28.281l-117.883 117.891c-7.813 7.813-20.477 7.813-28.289 0l-49.625-49.625c-37.945 23.086-78.805 40.023-121.828 50.516v70.125c0 11.047-8.953 20-20 20h-166.719c-11.047 0-20-8.953-20-20v-70.125c-43.023-10.492-83.883-27.43-121.828-50.516l-49.625 49.625c-7.813 7.813-20.469 7.813-28.281 0l-117.891-117.891c-7.813-7.805-7.813-20.469 0-28.281l49.617-49.617c-23.078-37.93-40.008-78.789-50.508-121.836h-70.125c-11.047 0-20-8.953-20-20v-166.719c0-11.047 8.953-20 20-20h70.133c10.492-43.023 27.43-83.875 50.508-121.828l-49.625-49.617c-3.75-3.75-5.859-8.844-5.859-14.148s2.109-10.391 5.859-14.141l117.891-117.883c7.805-7.813 20.469-7.813 28.281 0l49.625 49.617c37.945-23.086 78.797-40.023 121.828-50.516v-70.125c0-11.047 8.953-20 20-20h166.719c11.039 0 20 8.953 20 20v70.125c43.023 10.492 83.883 27.43 121.828 50.516l49.625-49.625c7.805-7.805 20.469-7.805 28.281 0l117.891 117.891c7.805 7.813 7.805 20.477 0 28.281l-49.617 49.617c23.070 37.938 40.008 78.797 50.5 121.836h70.133c11.047 0 20 8.953 20 20v166.719c0 11.047-8.953 20-20 20zM984 384.641h-66.141c-9.5 0-17.695-6.688-19.594-16-10.063-49.25-29.258-95.555-57.047-137.633-5.242-7.93-4.18-18.445 2.539-25.164l46.797-46.797-89.602-89.602-46.805 46.797c-6.719 6.719-17.234 7.781-25.164 2.547-42.094-27.805-88.398-47-137.625-57.055-9.313-1.906-16-10.094-16-19.594v-66.141h-126.719v66.133c0 9.508-6.688 17.695-16 19.594-49.234 10.063-95.539 29.258-137.625 57.063-7.93 5.242-18.445 4.172-25.164-2.547l-46.805-46.797-89.602 89.602 46.797 46.805c6.719 6.719 7.789 17.234 2.555 25.164-27.805 42.094-47 88.391-57.055 137.625-1.898 9.313-10.094 16-19.594 16h-66.148v126.719h66.141c9.5 0 17.695 6.688 19.594 16 10.063 49.258 29.258 95.563 57.047 137.625 5.242 7.93 4.18 18.453-2.547 25.172l-46.797 46.797 89.609 89.602 46.805-46.797c6.719-6.727 17.234-7.789 25.164-2.547 42.094 27.805 88.398 47 137.625 57.055 9.313 1.906 16 10.094 16 19.594v66.141h126.719v-66.133c0-9.508 6.688-17.695 15.992-19.594 49.234-10.063 95.539-29.258 137.625-57.063 7.93-5.234 18.453-4.172 25.172 2.547l46.805 46.805 89.602-89.609-46.805-46.805c-6.719-6.719-7.789-17.234-2.547-25.164 27.797-42.086 46.992-88.391 57.047-137.625 1.906-9.313 10.094-16 19.602-16h66.148zM323.727 448c0 103.813 84.461 188.273 188.273 188.273 24.477 0 48.297-4.641 70.797-13.781 10.227-4.156 21.898 0.773 26.055 11 4.156 10.234-0.766 21.906-11 26.063-27.305 11.094-56.188 16.719-85.852 16.719-125.867 0-228.273-102.406-228.273-228.273 0-28.438 5.18-56.211 15.398-82.539 3.078-7.922 10.641-12.773 18.648-12.773 2.406 0 4.852 0.438 7.234 1.359 10.297 4 15.406 15.586 11.406 25.883-8.414 21.703-12.688 44.602-12.688 68.070zM694.82 549.797c-10.117-4.43-14.727-16.227-10.289-26.344 10.445-23.844 15.734-49.227 15.734-75.453 0-103.813-84.453-188.273-188.266-188.273-27.258 0-53.547 5.703-78.141 16.938-10.047 4.594-21.906 0.164-26.5-9.883s-0.164-21.906 9.875-26.5c29.852-13.641 61.734-20.555 94.758-20.555 125.875 0 228.273 102.406 228.273 228.273 0 31.781-6.43 62.57-19.102 91.5-4.43 10.125-16.227 14.727-26.344 10.297zM360.523 325.062c-11.016 0-20-8.984-20-20s8.984-20 20-20c11.016 0 20 8.984 20 20s-8.984 20-20 20zM657.281 577.234c11.016 0 20 8.984 20 20s-8.984 20-20 20-20-8.984-20-20c0-11.016 8.984-20 20-20z" >
+<glyph unicode="&#xe952;" glyph-name="location" d="M630.216 663.832c-0.009 65.282-52.933 118.2-118.216 118.2-65.289 0-118.216-52.927-118.216-118.216s52.927-118.216 118.216-118.216v0c65.262 0.082 118.143 52.969 118.216 118.225v0.007zM421.784 663.832c0.009 49.818 40.397 90.2 90.216 90.2 49.825 0 90.216-40.391 90.216-90.216s-40.391-90.216-90.216-90.216v0c-49.807 0.059-90.166 40.424-90.216 90.227v0.005zM986.624-8.552l-114.128 299.2c-2.070 5.311-7.143 9.006-13.080 9.008h-216c1.32 2.152 2.632 4.24 3.952 6.4 83.112 137.6 124.936 257.968 124.336 357.712 0 0.013 0 0.029 0 0.044 0 143.435-116.277 259.712-259.712 259.712-143.42 0-259.687-116.252-259.712-259.666v-0.002c-0.6-99.832 41.224-220.216 124.336-357.8 1.32-2.184 2.632-4.272 3.952-6.4h-216c-5.937-0.002-11.010-3.697-13.047-8.913l-0.033-0.095-114.112-299.2c-0.587-1.486-0.928-3.207-0.928-5.008 0-7.723 6.261-13.984 13.984-13.984 0.008 0 0.017 0 0.025 0h923.087c0.007 0 0.015 0 0.024 0 7.723 0 13.984 6.261 13.984 13.984 0 1.801-0.34 3.522-0.96 5.103l0.033-0.095zM280.288 663.832c0.023 127.954 103.755 231.672 231.712 231.672 127.971 0 231.712-103.741 231.712-231.712 0-0.014 0-0.028 0-0.042v0.002c1.2-198.864-184.72-444.136-231.712-502.952-46.992 58.792-232.92 304-231.712 503.032zM501.336 129.6c2.584-3.024 6.401-4.929 10.664-4.929s8.080 1.905 10.648 4.91l0.016 0.019c34.457 41.669 68.429 88.003 99.677 136.265l3.523 5.807h223.896l17.92-47-437.528-155.608-155.952 202.632h123.92c34.776-54.078 68.753-100.421 105.237-144.617l-2.021 2.521zM429.664 39.2h0.080l261.016 92.8 101.24-131.544h-471.2zM174.224 271.696h64.64l163.536-212.496-165.144-58.736h-166.48zM827.368 0.456l-108.872 141.456 159.2 56.616 75.544-198.072z" >
+<glyph unicode="&#xe953;" glyph-name="edit" d="M945.112 316.73c-14.086 0-25.503-11.417-25.503-25.503v-226.438c-0.050-42.239-34.27-76.469-76.509-76.509h-715.586c-42.239 0.040-76.459 34.27-76.509 76.509v664.58c0.050 42.229 34.27 76.459 76.509 76.509h226.438c14.086 0 25.503 11.417 25.503 25.503 0 14.076-11.417 25.503-25.503 25.503h-226.438c-70.392-0.080-127.435-57.123-127.515-127.515v-664.59c0.080-70.392 57.123-127.435 127.515-127.515h715.586c70.392 0.080 127.435 57.123 127.515 127.515v226.448c0 14.086-11.417 25.503-25.503 25.503zM960.513 922.503c-44.819 44.819-117.483 44.819-162.302 0l-454.988-454.988c-3.118-3.118-5.37-6.983-6.545-11.227l-59.832-216.008c-2.461-8.856 0.040-18.34 6.535-24.845 6.505-6.495 15.989-8.996 24.845-6.545l216.008 59.842c4.244 1.176 8.109 3.427 11.227 6.545l454.978 454.998c44.75 44.849 44.75 117.453 0 162.302zM398.792 450.939l372.372 372.382 120.093-120.093-372.382-372.382zM374.803 402.802l95.945-95.955-132.715-36.77zM954.376 766.338l-27.047-27.047-120.103 120.103 27.057 27.047c24.895 24.895 65.262 24.895 90.157 0l29.936-29.926c24.855-24.925 24.855-65.262 0-90.177z" >
+<glyph unicode="&#xe954;" glyph-name="award" d="M591.812 548.894c4.518-3.012 10.541-1.506 16.565 1.506 4.518 3.012 7.529 9.035 6.024 15.059l-15.059 88.847 64.753 61.741c4.518 4.518 6.024 10.541 4.518 15.059-1.506 6.024-6.024 9.035-12.047 10.541l-88.847 13.553-39.153 79.812c-4.518 10.541-22.588 10.541-27.106 0l-39.153-79.812-88.847-13.553c-6.024-1.506-10.541-4.518-12.047-10.541s0-12.047 4.518-15.059l64.753-61.741-15.059-88.847c-1.506-6.024 1.506-12.047 6.024-15.059s10.541-4.518 16.565-1.506l79.812 42.165zM445.741 589.553l12.047 66.259c1.506 4.518-1.506 10.541-4.518 13.553l-48.188 46.682 66.259 9.035c4.518 0 9.035 4.518 12.047 7.529l30.118 60.235 30.118-60.235c1.506-4.518 6.024-7.529 12.047-7.529l66.259-9.035-48.188-46.682c-3.012-3.012-4.518-9.035-4.518-13.553l12.047-66.259-58.729 31.624c-1.506 1.506-4.518 1.506-7.529 1.506s-4.518 0-7.529-1.506zM932.141-18.824h-180.706v138.541c0 9.035-6.024 15.059-15.059 15.059h-69.271v76.8c0 9.035-6.024 15.059-15.059 15.059h-84.329v170.165c0 1.506 3.012 4.518 4.518 4.518 72.282 21.082 137.035 79.812 179.2 164.141 96.376 51.2 155.106 150.588 155.106 260.518v19.576c0 9.035-6.024 15.059-15.059 15.059h-81.318c0 24.094-1.506 55.718-3.012 70.776-1.506 7.529-7.529 13.553-15.059 13.553h-561.694c-7.529 0-13.553-6.024-15.059-13.553-1.506-15.059-3.012-46.682-3.012-70.776h-82.824c-9.035 0-15.059-6.024-15.059-15.059v-21.082c0-111.435 58.729-210.824 155.106-260.518 43.671-84.329 106.918-141.553 179.2-164.141 3.012 0 4.518-3.012 4.518-4.518v-170.165h-84.329c-9.035 0-15.059-6.024-15.059-15.059v-76.8h-69.271c-9.035 0-15.059-6.024-15.059-15.059v-137.035h-177.694c-9.035 0-15.059-6.024-15.059-15.059s6.024-15.059 15.059-15.059h840.282c9.035 0 15.059 6.024 15.059 15.059s-7.529 15.059-15.059 15.059zM879.435 824.471c0-84.329-39.153-162.635-103.906-210.824 24.094 63.247 37.647 137.035 37.647 216.847h66.259zM144.565 824.471v6.024h66.259c0-78.306 13.553-152.094 37.647-215.341-64.753 48.188-103.906 124.988-103.906 209.318zM459.294 429.929c-66.259 19.576-124.988 73.788-164.141 152.094-34.635 69.271-54.212 155.106-54.212 248.471 0 21.082 1.506 61.741 3.012 84.329h536.094c1.506-24.094 3.012-64.753 3.012-84.329 0-93.365-18.071-179.2-52.706-248.471-39.153-78.306-97.882-132.518-164.141-152.094-16.565-4.518-27.106-18.071-27.106-33.129v-170.165h-52.706v170.165c-1.506 15.059-12.047 28.612-27.106 33.129zM385.506 195.012h251.482v-61.741h-251.482zM302.682-18.824v123.482h420.141v-123.482z" >
+<glyph unicode="&#xe955;" glyph-name="menu" d="M227.557 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778z" >
+<glyph unicode="&#xe956;" glyph-name="categories" d="M352 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM352 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0z" >
+<glyph unicode="&#xe957;" glyph-name="menu-1" d="M639.936 959.746h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946 703.874h-215.892v215.892h215.892v-215.892zM1004.010 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM984.020 703.874h-215.894v215.892h215.894v-215.892zM275.864 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM255.874 340.054h-215.894v215.892h215.892v-215.892zM639.936 595.926h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.040-8.95 19.99-19.992 19.99zM619.946 340.054h-215.892v215.892h215.892v-215.892zM1004.010 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM984.020 340.054h-215.894v215.892h215.894v-215.892zM275.864 232.108h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM255.874-23.766h-215.894v215.892h215.892v-215.892zM639.936 232.108h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946-23.766h-215.892v215.892h215.892v-215.892zM897.034 226.25c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.14-14.134-5.858-3.738-3.718-5.858-8.876-5.858-14.132 0-5.258 2.12-10.414 5.858-14.13 3.718-3.72 8.856-5.86 14.134-5.86 5.258 0 10.414 2.138 14.132 5.86 3.718 3.716 5.858 8.874 5.858 14.13s-2.138 10.412-5.858 14.132zM1004.010 232.108h-30.492c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h10.502v-215.892h-215.894v215.89h26.812c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-46.802c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.876c0 11.038-8.95 19.99-19.99 19.99zM155.242 698.016c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.138-14.132-5.858-3.718-3.718-5.858-8.876-5.858-14.132 0-5.258 2.138-10.414 5.858-14.132 3.718-3.72 8.876-5.86 14.132-5.86s10.414 2.138 14.132 5.86c3.718 3.716 5.858 8.874 5.858 14.132 0 5.256-2.138 10.414-5.858 14.132zM275.864 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h30.492c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-10.502v215.894h215.892v-215.892h-26.812c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h46.802c11.040 0 19.99 8.952 19.99 19.99v255.872c0.002 11.038-8.948 19.99-19.988 19.99z" >
+<glyph unicode="&#xe958;" glyph-name="menu-2" d="M146.286 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 667.429c80.658 0 146.286 65.627 146.286 146.286s-65.627 146.286-146.286 146.286-146.286-65.627-146.286-146.286 65.627-146.286 146.286-146.286zM877.714 923.429c60.507 0 109.714-49.207 109.714-109.714s-49.207-109.714-109.714-109.714-109.714 49.207-109.714 109.714 49.207 109.714 109.714 109.714z" >
+<glyph unicode="&#xe959;" glyph-name="bookmark" d="M833.334 960h-642.668c-16.568 0-30-13.432-30-30v-964c0-12.134 7.31-23.072 18.52-27.716 3.712-1.538 7.61-2.284 11.474-2.284 7.808 0 15.48 3.046 21.22 8.788l300.126 300.122 300.114-300.122c8.58-8.58 21.484-11.146 32.694-6.504 11.21 4.644 18.52 15.582 18.52 27.716v964c0 16.568-13.432 30-30 30zM512.004 317.336c-7.956 0-15.586-3.16-21.212-8.788l-270.126-270.122v861.574h582.666v-861.57l-270.114 270.118c-5.626 5.628-13.256 8.788-21.214 8.788z" >
+<glyph unicode="&#xe95a;" glyph-name="bookmark-1" d="M212 960v-1024l300 291.578 300-291.578v1024z" >
+<glyph unicode="&#xe95b;" glyph-name="reply" d="M398.221 647.112v227.555l-398.221-398.221 398.221-398.221v233.243c284.445 0 483.557-91.021 625.779-290.133-56.888 284.445-227.555 568.888-625.779 625.779z" >
+<glyph unicode="&#xe95c;" glyph-name="reply-1" d="M479.991 639.999h-96.002v160.003c0 13.248-8.128 25.088-20.416 29.888-12.288 4.736-26.304 1.408-35.265-8.384l-320.005-352.006c-11.072-12.16-11.072-30.784 0-43.009l320.005-352.006c6.208-6.784 14.848-10.496 23.68-10.496 3.904 0 7.808 0.704 11.584 2.112 12.288 4.8 20.416 16.64 20.416 29.888v160.003h89.025c182.659 0 359.558-65.409 498.184-184.323 9.408-8.128 22.912-9.984 34.177-4.736 11.392 5.184 18.624 16.576 18.624 29.056 0 299.973-244.036 544.009-544.009 544.009zM473.015 319.994h-121.026c-17.664 0-32.001-14.336-32.001-32.001v-109.25l-244.74 269.252 244.74 269.252v-109.25c0-17.664 14.336-32.001 32.001-32.001h128.002c128.194 0 248.772-49.921 339.397-140.546 74.049-74.049 120.962-168.067 135.618-269.828-140.162 99.97-308.677 154.37-481.992 154.37z" >
+<glyph unicode="&#xe95d;" glyph-name="globe" d="M511.407 959.953c-18.355 0-36.697-0.987-54.948-2.954-16.728-1.709-33.25-4.511-49.55-7.911-3.155-0.66-6.311-1.356-9.466-2.085-96.040-21.866-183.736-70.97-252.57-141.424-6.401-6.561-12.667-13.317-18.795-20.264-185.942-213.468-163.627-537.255 49.843-723.197 204.37-178.016 511.999-166.171 702.076 27.031 6.414 6.561 12.678 13.317 18.795 20.264 82.059 93.45 127.281 213.586 127.208 337.951 0 283.097-229.495 512.591-512.593 512.588zM167.649 779.95c2.7 2.802 5.502 5.485 8.253 8.201 3.178 3.127 6.339 6.271 9.585 9.295 2.853 2.665 5.792 5.228 8.714 7.826 3.298 2.922 6.578 5.844 9.961 8.663 2.973 2.512 6.031 4.921 9.073 7.347 3.417 2.734 6.835 5.468 10.354 8.099 3.11 2.341 6.271 4.613 9.449 6.835 3.537 2.529 7.091 5.126 10.696 7.484 3.229 2.187 6.493 4.306 9.773 6.407 3.656 2.341 7.33 4.647 11.038 6.835 3.338 1.993 6.698 3.953 10.081 5.878 3.782 2.153 7.58 4.255 11.397 6.305 3.417 1.822 6.835 3.605 10.252 5.348 3.896 1.965 7.826 3.862 11.772 5.724 3.417 1.623 6.971 3.246 10.491 4.784 4.015 1.709 8.082 3.417 12.148 5.126 3.537 1.452 7.057 2.871 10.628 4.237 4.135 1.572 8.321 3.041 12.507 4.511 3.571 1.247 7.142 2.495 10.764 3.674 4.255 1.367 8.543 2.631 12.849 3.879 3.605 1.042 7.176 2.119 10.799 3.093 1.384 0.359 2.768 0.649 4.152 1.008-50.576-49.108-88.108-110.055-109.199-177.322-40.554 10.696-79.815 25.805-117.076 45.057 0.564 0.598 1.042 1.196 1.538 1.709zM143.079 752.441c41.044-22.238 84.567-39.559 129.668-51.601-22.11-76.88-33.716-156.398-34.497-236.39h-204.865c3.723 105.485 42.297 206.76 109.694 287.99zM143.079 142.288c-67.393 81.233-105.967 182.508-109.694 287.99h204.865c0.782-79.992 12.385-159.51 34.497-236.39-45.099-12.046-88.623-29.365-129.668-51.601zM388.131-14.838c-3.451 0.871-7.022 1.999-10.576 3.041-4.323 1.264-8.663 2.529-12.934 3.913-3.605 1.162-7.159 2.409-10.713 3.656-4.203 1.452-8.406 2.939-12.558 4.528-3.554 1.35-7.057 2.768-10.576 4.203-4.084 1.709-8.167 3.417-12.217 5.126-3.486 1.538-6.954 3.12-10.406 4.75-3.981 1.879-7.945 3.793-11.96 5.775-3.417 1.709-6.835 3.417-10.252 5.28-3.862 2.067-7.689 4.186-11.516 6.373-3.417 1.897-6.664 3.844-9.961 5.826-3.759 2.255-7.45 4.579-11.14 6.954-3.246 2.067-6.493 4.169-9.688 6.322-3.639 2.46-7.245 5.023-10.816 7.586-3.127 2.238-6.254 4.477-9.329 6.835-3.537 2.665-7.005 5.416-10.457 8.184-3.024 2.409-6.031 4.801-8.987 7.279-3.417 2.836-6.715 5.792-10.030 8.731-2.905 2.58-5.826 5.126-8.663 7.757-3.263 3.041-6.424 6.202-9.603 9.329-2.751 2.717-5.553 5.399-8.253 8.184-0.496 0.53-0.974 1.076-1.469 1.589 37.259 19.261 76.519 34.376 117.076 45.074 21.095-67.265 58.625-128.21 109.199-177.322-1.384 0.359-2.785 0.649-4.169 1.025zM494.323-29.703c-73.112 10.389-137.203 86.696-177.527 199.381 58.299 13.054 117.791 20.057 177.527 20.897v-220.277zM494.323 224.747c-63.369-0.833-126.471-8.359-188.257-22.451-21.454 74.127-32.772 150.819-33.643 227.983h221.9v-205.532zM494.323 464.451h-221.9c0.869 77.164 12.187 153.856 33.643 227.983 61.786-14.090 124.891-21.616 188.257-22.451v-205.532zM494.323 704.155c-59.738 0.833-119.229 7.836-177.527 20.897 40.324 112.684 104.415 188.992 177.527 199.381v-220.277zM879.74 752.441c67.393-81.233 105.967-182.508 109.694-287.99h-204.865c-0.782 79.992-12.385 159.51-34.497 236.39 45.099 12.048 88.623 29.367 129.668 51.601zM634.551 909.585c3.588-0.888 7.159-2.016 10.713-3.058 4.323-1.264 8.663-2.529 12.934-3.913 3.605-1.162 7.159-2.409 10.713-3.656 4.203-1.452 8.406-2.939 12.558-4.528 3.554-1.35 7.057-2.768 10.576-4.203 4.084-1.709 8.167-3.417 12.217-5.126 3.486-1.538 6.954-3.12 10.406-4.75 3.981-1.879 7.945-3.793 11.96-5.775 3.417-1.709 6.835-3.417 10.252-5.28 3.862-2.067 7.689-4.186 11.516-6.373 3.417-1.897 6.664-3.844 9.961-5.826 3.759-2.255 7.45-4.579 11.14-6.954 3.246-2.067 6.493-4.169 9.688-6.322 3.639-2.46 7.228-5.006 10.799-7.569 3.144-2.238 6.271-4.494 9.363-6.835 3.52-2.648 6.971-5.399 10.44-8.167 3.007-2.392 6.031-4.784 8.987-7.279 3.417-2.836 6.715-5.792 10.030-8.731 2.905-2.58 5.826-5.126 8.663-7.757 3.263-3.041 6.424-6.202 9.603-9.329 2.751-2.717 5.553-5.399 8.253-8.184 0.496-0.53 0.974-1.076 1.469-1.589-37.259-19.261-76.519-34.376-117.076-45.074-21.136 67.273-58.715 128.214-109.336 177.305 1.384-0.359 2.785-0.649 4.169-1.025zM528.496 924.433c73.112-10.389 137.203-86.696 177.527-199.381-58.299-13.054-117.791-20.057-177.527-20.897v220.277zM528.496 669.983c63.369 0.833 126.471 8.359 188.257 22.451 21.454-74.127 32.772-150.819 33.643-227.983h-221.9v205.532zM528.496 430.278h221.9c-0.869-77.164-12.187-153.856-33.643-227.983v0c-61.786 14.090-124.888 21.616-188.257 22.451v205.532zM528.496-29.703v220.277c59.738-0.833 119.229-7.836 177.527-20.897-40.324-112.684-104.415-188.992-177.527-199.381zM855.17 114.779c-2.7-2.785-5.485-5.468-8.236-8.184-3.178-3.127-6.356-6.288-9.62-9.329-2.836-2.648-5.758-5.126-8.663-7.774-3.315-2.939-6.612-5.878-9.996-8.714-2.99-2.495-6.031-4.904-9.073-7.33-3.417-2.734-6.835-5.468-10.354-8.099-3.11-2.341-6.271-4.613-9.449-6.835-3.537-2.529-7.091-5.126-10.696-7.484-3.229-2.187-6.493-4.306-9.773-6.39-3.656-2.358-7.341-4.637-11.055-6.835-3.417-1.999-6.681-3.947-10.047-5.878-3.782-2.153-7.586-4.255-11.414-6.305-3.417-1.822-6.835-3.605-10.252-5.348-3.896-1.965-7.826-3.862-11.772-5.724-3.417-1.623-6.971-3.246-10.491-4.784-4.015-1.709-8.082-3.417-12.148-5.126-3.537-1.435-7.057-2.871-10.611-4.22-4.169-1.589-8.355-3.076-12.558-4.528-3.554-1.247-7.108-2.495-10.713-3.656-4.272-1.384-8.543-2.648-12.9-3.896-3.571-1.059-7.159-2.119-10.764-3.093-1.384-0.359-2.768-0.649-4.152-1.008 50.576 49.108 88.108 110.055 109.199 177.322 40.554-10.696 79.815-25.805 117.076-45.057-0.564-0.615-1.042-1.213-1.538-1.726zM879.74 142.288c-41.044 22.238-84.567 39.559-129.668 51.601 22.11 76.88 33.716 156.398 34.497 236.39h204.865c-3.721-105.483-42.297-206.76-109.694-287.99z" >
+<glyph unicode="&#xe95e;" glyph-name="clock" d="M512 960c-282.312 0-512-229.688-512-512s229.688-512 512-512 512 229.688 512 512-229.688 512-512 512zM512 0c-247.032 0-448 200.968-448 448s200.968 448 448 448 448-200.968 448-448-200.968-448-448-448zM544 767.999h-64v-333.249l201.375-201.375 45.25 45.25-182.625 182.625z" >
+<glyph unicode="&#xe95f;" glyph-name="alarm-clock" d="M979.055 915.029c-60.111 59.686-157.12 59.686-217.231 0-1.6-1.606-2.864-3.515-3.719-5.613-0.746-1.875-1.145-3.869-1.177-5.886-0.049-0.192-0.090-0.384-0.119-0.58 0.002-2.231 0.444-4.44 1.297-6.501 0.842-2.092 2.103-3.99 3.702-5.579l84.507-84.507-32.673-32.656c-81.858 75.665-189.226 117.701-300.697 117.726-0.29 0.085-0.512 0.239-0.802 0.239s-0.512-0.154-0.802-0.154c-111.486-0.047-218.858-42.121-300.697-117.829l-32.673 32.673 84.507 84.507c1.6 1.589 2.86 3.487 3.702 5.579 0.853 2.060 1.295 4.27 1.297 6.501 0 0.205-0.102 0.375-0.119 0.58 0.015 3.937-1.516 7.725-4.265 10.544-0.256 0.29-0.341 0.648-0.614 0.921-59.991 60-157.265 60.008-217.265 0.017-60.002-59.991-60.008-157.265-0.017-217.265 0.239-0.256 0.58-0.324 0.836-0.563 1.391-1.309 2.994-2.372 4.743-3.139 1.862-0.732 3.837-1.13 5.835-1.177 0.205 0 0.409-0.119 0.631-0.119 2.222 0.009 4.423 0.444 6.483 1.28 2.088 0.859 3.984 2.122 5.579 3.719l84.541 84.49 32.673-32.673c-166.37-179.848-155.444-460.511 24.403-626.88 15.375-14.221 31.735-27.337 48.963-39.246l-118.119-118.102c-6.778-6.545-6.965-17.348-0.418-24.125 6.545-6.778 17.348-6.965 24.125-0.418 0.143 0.136 0.282 0.277 0.418 0.418l123.476 123.476c137.65-80.306 307.867-80.306 445.518 0l123.476-123.476c6.778-6.547 17.578-6.36 24.125 0.418 6.388 6.611 6.388 17.096 0 23.707l-118.119 118.102c201.532 139.414 251.888 415.805 112.473 617.336-11.873 17.162-24.942 33.467-39.108 48.79l32.707 32.673 84.507-84.507c1.595-1.597 3.491-2.86 5.579-3.719 2.060-0.836 4.261-1.271 6.483-1.28 0.222 0 0.427 0.119 0.631 0.119 1.998 0.047 3.973 0.446 5.835 1.177 1.749 0.768 3.353 1.83 4.743 3.139 0.256 0.239 0.597 0.307 0.836 0.563 59.674 60.109 59.629 157.146 0 217.299zM58.162 734.806c-39.345 53-28.276 127.859 24.725 167.206 42.303 31.402 100.178 31.402 142.481 0l-167.206-167.206zM920.891 465.127h-84.575c-9.422 0-17.062-7.639-17.062-17.062s7.639-17.062 17.062-17.062h84.882c-9.122-212.601-179.394-382.873-391.995-391.995v84.882c0 9.422-7.639 17.062-17.062 17.062s-17.062-7.639-17.062-17.062v-84.882c-212.601 9.122-382.873 179.394-391.995 391.995h84.882c9.422 0 17.062 7.639 17.062 17.062s-7.639 17.062-17.062 17.062h-84.575c3.875 102.288 46.103 199.373 118.289 271.948 0.273 0.239 0.614 0.324 0.87 0.58s0.341 0.597 0.58 0.87c72.56 72.21 169.652 114.442 271.948 118.289v-84.575c0-9.422 7.639-17.062 17.062-17.062s17.062 7.639 17.062 17.062v84.575c102.296-3.845 199.391-46.078 271.948-118.289 0.239-0.273 0.324-0.614 0.58-0.87s0.597-0.341 0.87-0.58c72.184-72.577 114.412-169.66 118.289-271.948zM966.088 734.84l-167.206 167.206c52.768 39.577 127.629 28.881 167.206-23.887 31.848-42.467 31.848-100.854 0-143.319zM754.778 607.866h0.034l-194.061-112.028c-26.205 26.855-69.22 27.382-96.075 1.177-0.397-0.388-0.789-0.781-1.177-1.177l-105.391 60.842c-8.13 4.765-18.582 2.039-23.347-6.091s-2.039-18.582 6.091-23.347c0.064-0.038 0.13-0.075 0.196-0.113l105.561-60.945c-10.587-36.175 10.158-74.082 46.333-84.667 36.175-10.587 74.082 10.158 84.667 46.333 3.662 12.517 3.662 25.819 0 38.336l194.231 112.13c8.13 4.765 10.856 15.219 6.091 23.347-4.724 8.051-15.040 10.815-23.155 6.202zM512.142 413.941c-18.847 0-34.124 15.277-34.124 34.124s15.277 34.124 34.124 34.124 34.124-15.277 34.124-34.124-15.279-34.124-34.124-34.124z" >
+</font></defs></svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf
new file mode 100644
index 0000000..26a85aa
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff
new file mode 100644
index 0000000..714a818
Binary files /dev/null and b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff differ
diff --git a/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/style.css b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/style.css
new file mode 100644
index 0000000..eb7b40b
--- /dev/null
+++ b/quarter-rtl/assets/fonts/new-folder/custom-Fonts-For-Use/style.css
@@ -0,0 +1,315 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?3aun5s');
+  src:  url('fonts/icomoon.eot?3aun5s#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?3aun5s') format('truetype'),
+    url('fonts/icomoon.woff?3aun5s') format('woff'),
+    url('fonts/icomoon.svg?3aun5s#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-cancel:before {
+  content: "\e900";
+}
+.icon-star:before {
+  content: "\e901";
+}
+.icon-star-1:before {
+  content: "\e902";
+}
+.icon-plus:before {
+  content: "\e903";
+}
+.icon-remove:before {
+  content: "\e904";
+}
+.icon-compare:before {
+  content: "\e905";
+}
+.icon-facebook:before {
+  content: "\e906";
+}
+.icon-twitter:before {
+  content: "\e907";
+}
+.icon-linkedin:before {
+  content: "\e908";
+}
+.icon-whatsapp:before {
+  content: "\e909";
+}
+.icon-youtube:before {
+  content: "\e90a";
+}
+.icon-mail:before {
+  content: "\e90b";
+}
+.icon-placeholder:before {
+  content: "\e90c";
+}
+.icon-call:before {
+  content: "\e90d";
+}
+.icon-left-arrow:before {
+  content: "\e90e";
+}
+.icon-next:before {
+  content: "\e90f";
+}
+.icon-arrows:before {
+  content: "\e910";
+}
+.icon-down-arrow:before {
+  content: "\e911";
+}
+.icon-mechanic:before {
+  content: "\e912";
+}
+.icon-car-service:before {
+  content: "\e913";
+}
+.icon-key:before {
+  content: "\e914";
+}
+.icon-repair:before {
+  content: "\e915";
+}
+.icon-car-parts:before {
+  content: "\e916";
+}
+.icon-car:before {
+  content: "\e917";
+}
+.icon-exterior:before {
+  content: "\e918";
+}
+.icon-car-parts-1:before {
+  content: "\e919";
+}
+.icon-maintenance:before {
+  content: "\e91a";
+}
+.icon-car-1:before {
+  content: "\e91b";
+}
+.icon-car-parts-2:before {
+  content: "\e91c";
+}
+.icon-hand:before {
+  content: "\e91d";
+}
+.icon-accumulator:before {
+  content: "\e91e";
+}
+.icon-car-parts-3:before {
+  content: "\e91f";
+}
+.icon-repair-1:before {
+  content: "\e920";
+}
+.icon-carwash:before {
+  content: "\e921";
+}
+.icon-car-parts-4:before {
+  content: "\e922";
+}
+.icon-automobile:before {
+  content: "\e923";
+}
+.icon-polisher:before {
+  content: "\e924";
+}
+.icon-car-parts-5:before {
+  content: "\e925";
+}
+.icon-gasoline:before {
+  content: "\e926";
+}
+.icon-seat:before {
+  content: "\e927";
+}
+.icon-car-parts-6:before {
+  content: "\e928";
+}
+.icon-car-2:before {
+  content: "\e929";
+}
+.icon-soap:before {
+  content: "\e92a";
+}
+.icon-car-parts-7:before {
+  content: "\e92b";
+}
+.icon-disc-brake:before {
+  content: "\e92c";
+}
+.icon-car-parts-8:before {
+  content: "\e92d";
+}
+.icon-wheel:before {
+  content: "\e92e";
+}
+.icon-car-parts-9:before {
+  content: "\e92f";
+}
+.icon-speedometer:before {
+  content: "\e930";
+}
+.icon-maintenance-1:before {
+  content: "\e931";
+}
+.icon-shopping-bags:before {
+  content: "\e932";
+}
+.icon-shopping-cart:before {
+  content: "\e933";
+}
+.icon-view:before {
+  content: "\e934";
+}
+.icon-phone-call:before {
+  content: "\e935";
+}
+.icon-calendar:before {
+  content: "\e936";
+}
+.icon-calendar-1:before {
+  content: "\e937";
+}
+.icon-right-arrow-angle:before {
+  content: "\e938";
+}
+.icon-down-arrow-1:before {
+  content: "\e939";
+}
+.icon-up-arrow-angle:before {
+  content: "\e93a";
+}
+.icon-search:before {
+  content: "\e93b";
+}
+.icon-share:before {
+  content: "\e93c";
+}
+.icon-left-arrow-1:before {
+  content: "\e93d";
+}
+.icon-quotation:before {
+  content: "\e93e";
+}
+.icon-user:before {
+  content: "\e93f";
+}
+.icon-tag:before {
+  content: "\e940";
+}
+.icon-play:before {
+  content: "\e941";
+}
+.icon-done:before {
+  content: "\e942";
+}
+.icon-electric-car:before {
+  content: "\e943";
+}
+.icon-cog:before {
+  content: "\e944";
+}
+.icon-car-3:before {
+  content: "\e945";
+}
+.icon-tyre:before {
+  content: "\e946";
+}
+.icon-wheel-1:before {
+  content: "\e947";
+}
+.icon-tire:before {
+  content: "\e948";
+}
+.icon-tire-1:before {
+  content: "\e949";
+}
+.icon-flat-tire:before {
+  content: "\e94a";
+}
+.icon-pressure:before {
+  content: "\e94b";
+}
+.icon-right-quote:before {
+  content: "\e94c";
+}
+.icon-quote:before {
+  content: "\e94d";
+}
+.icon-quotation-1:before {
+  content: "\e94e";
+}
+.icon-quote-1:before {
+  content: "\e94f";
+}
+.icon-open:before {
+  content: "\e950";
+}
+.icon-options:before {
+  content: "\e951";
+}
+.icon-location:before {
+  content: "\e952";
+}
+.icon-edit:before {
+  content: "\e953";
+}
+.icon-award:before {
+  content: "\e954";
+}
+.icon-menu:before {
+  content: "\e955";
+}
+.icon-categories:before {
+  content: "\e956";
+}
+.icon-menu-1:before {
+  content: "\e957";
+}
+.icon-menu-2:before {
+  content: "\e958";
+}
+.icon-bookmark:before {
+  content: "\e959";
+}
+.icon-bookmark-1:before {
+  content: "\e95a";
+}
+.icon-reply:before {
+  content: "\e95b";
+}
+.icon-reply-1:before {
+  content: "\e95c";
+}
+.icon-globe:before {
+  content: "\e95d";
+}
+.icon-clock:before {
+  content: "\e95e";
+}
+.icon-alarm-clock:before {
+  content: "\e95f";
+}
diff --git a/quarter-rtl/assets/img/banner/1.jpg b/quarter-rtl/assets/img/banner/1.jpg
new file mode 100644
index 0000000..eb02d2d
Binary files /dev/null and b/quarter-rtl/assets/img/banner/1.jpg differ
diff --git a/quarter-rtl/assets/img/banner/2.jpg b/quarter-rtl/assets/img/banner/2.jpg
new file mode 100644
index 0000000..fa6a72d
Binary files /dev/null and b/quarter-rtl/assets/img/banner/2.jpg differ
diff --git a/quarter-rtl/assets/img/banner/4.jpg b/quarter-rtl/assets/img/banner/4.jpg
new file mode 100644
index 0000000..bdefd64
Binary files /dev/null and b/quarter-rtl/assets/img/banner/4.jpg differ
diff --git a/quarter-rtl/assets/img/banner/5.jpg b/quarter-rtl/assets/img/banner/5.jpg
new file mode 100644
index 0000000..8336350
Binary files /dev/null and b/quarter-rtl/assets/img/banner/5.jpg differ
diff --git a/quarter-rtl/assets/img/banner/7.jpg b/quarter-rtl/assets/img/banner/7.jpg
new file mode 100644
index 0000000..ccfed7d
Binary files /dev/null and b/quarter-rtl/assets/img/banner/7.jpg differ
diff --git a/quarter-rtl/assets/img/banner/banner-1.jpg b/quarter-rtl/assets/img/banner/banner-1.jpg
new file mode 100644
index 0000000..484f7ec
Binary files /dev/null and b/quarter-rtl/assets/img/banner/banner-1.jpg differ
diff --git a/quarter-rtl/assets/img/banner/banner-2.jpg b/quarter-rtl/assets/img/banner/banner-2.jpg
new file mode 100644
index 0000000..4b227f8
Binary files /dev/null and b/quarter-rtl/assets/img/banner/banner-2.jpg differ
diff --git a/quarter-rtl/assets/img/banner/banner-3.jpg b/quarter-rtl/assets/img/banner/banner-3.jpg
new file mode 100644
index 0000000..0ac6b2b
Binary files /dev/null and b/quarter-rtl/assets/img/banner/banner-3.jpg differ
diff --git a/quarter-rtl/assets/img/banner/banner-4.jpg b/quarter-rtl/assets/img/banner/banner-4.jpg
new file mode 100644
index 0000000..4606f3f
Binary files /dev/null and b/quarter-rtl/assets/img/banner/banner-4.jpg differ
diff --git a/quarter-rtl/assets/img/banner/menu-banner-1.jpg b/quarter-rtl/assets/img/banner/menu-banner-1.jpg
new file mode 100644
index 0000000..462ffa3
Binary files /dev/null and b/quarter-rtl/assets/img/banner/menu-banner-1.jpg differ
diff --git a/quarter-rtl/assets/img/banner/menu-banner-2.jpg b/quarter-rtl/assets/img/banner/menu-banner-2.jpg
new file mode 100644
index 0000000..bae164a
Binary files /dev/null and b/quarter-rtl/assets/img/banner/menu-banner-2.jpg differ
diff --git a/quarter-rtl/assets/img/banner/newsletter-popup-1.jpg b/quarter-rtl/assets/img/banner/newsletter-popup-1.jpg
new file mode 100644
index 0000000..deffb44
Binary files /dev/null and b/quarter-rtl/assets/img/banner/newsletter-popup-1.jpg differ
diff --git a/quarter-rtl/assets/img/bg/1.jpg b/quarter-rtl/assets/img/bg/1.jpg
new file mode 100644
index 0000000..19337fd
Binary files /dev/null and b/quarter-rtl/assets/img/bg/1.jpg differ
diff --git a/quarter-rtl/assets/img/bg/1.png b/quarter-rtl/assets/img/bg/1.png
new file mode 100644
index 0000000..45da1c8
Binary files /dev/null and b/quarter-rtl/assets/img/bg/1.png differ
diff --git a/quarter-rtl/assets/img/bg/10.png b/quarter-rtl/assets/img/bg/10.png
new file mode 100644
index 0000000..ba842c6
Binary files /dev/null and b/quarter-rtl/assets/img/bg/10.png differ
diff --git a/quarter-rtl/assets/img/bg/11.png b/quarter-rtl/assets/img/bg/11.png
new file mode 100644
index 0000000..1e5cdd3
Binary files /dev/null and b/quarter-rtl/assets/img/bg/11.png differ
diff --git a/quarter-rtl/assets/img/bg/12-1.png b/quarter-rtl/assets/img/bg/12-1.png
new file mode 100644
index 0000000..24a6305
Binary files /dev/null and b/quarter-rtl/assets/img/bg/12-1.png differ
diff --git a/quarter-rtl/assets/img/bg/12.png b/quarter-rtl/assets/img/bg/12.png
new file mode 100644
index 0000000..45da1c8
Binary files /dev/null and b/quarter-rtl/assets/img/bg/12.png differ
diff --git a/quarter-rtl/assets/img/bg/13.jpg b/quarter-rtl/assets/img/bg/13.jpg
new file mode 100644
index 0000000..ef08147
Binary files /dev/null and b/quarter-rtl/assets/img/bg/13.jpg differ
diff --git a/quarter-rtl/assets/img/bg/14.jpg b/quarter-rtl/assets/img/bg/14.jpg
new file mode 100644
index 0000000..653561a
Binary files /dev/null and b/quarter-rtl/assets/img/bg/14.jpg differ
diff --git a/quarter-rtl/assets/img/bg/15.jpg b/quarter-rtl/assets/img/bg/15.jpg
new file mode 100644
index 0000000..91e3263
Binary files /dev/null and b/quarter-rtl/assets/img/bg/15.jpg differ
diff --git a/quarter-rtl/assets/img/bg/16.jpg b/quarter-rtl/assets/img/bg/16.jpg
new file mode 100644
index 0000000..dcaa11a
Binary files /dev/null and b/quarter-rtl/assets/img/bg/16.jpg differ
diff --git a/quarter-rtl/assets/img/bg/17.jpg b/quarter-rtl/assets/img/bg/17.jpg
new file mode 100644
index 0000000..ff23dff
Binary files /dev/null and b/quarter-rtl/assets/img/bg/17.jpg differ
diff --git a/quarter-rtl/assets/img/bg/18.png b/quarter-rtl/assets/img/bg/18.png
new file mode 100644
index 0000000..5177b01
Binary files /dev/null and b/quarter-rtl/assets/img/bg/18.png differ
diff --git a/quarter-rtl/assets/img/bg/19.jpg b/quarter-rtl/assets/img/bg/19.jpg
new file mode 100644
index 0000000..1033a08
Binary files /dev/null and b/quarter-rtl/assets/img/bg/19.jpg differ
diff --git a/quarter-rtl/assets/img/bg/2.jpg b/quarter-rtl/assets/img/bg/2.jpg
new file mode 100644
index 0000000..aa03a02
Binary files /dev/null and b/quarter-rtl/assets/img/bg/2.jpg differ
diff --git a/quarter-rtl/assets/img/bg/2.png b/quarter-rtl/assets/img/bg/2.png
new file mode 100644
index 0000000..f76209e
Binary files /dev/null and b/quarter-rtl/assets/img/bg/2.png differ
diff --git a/quarter-rtl/assets/img/bg/20.jpg b/quarter-rtl/assets/img/bg/20.jpg
new file mode 100644
index 0000000..233b519
Binary files /dev/null and b/quarter-rtl/assets/img/bg/20.jpg differ
diff --git a/quarter-rtl/assets/img/bg/21.jpg b/quarter-rtl/assets/img/bg/21.jpg
new file mode 100644
index 0000000..e1bd6b9
Binary files /dev/null and b/quarter-rtl/assets/img/bg/21.jpg differ
diff --git a/quarter-rtl/assets/img/bg/22.jpg b/quarter-rtl/assets/img/bg/22.jpg
new file mode 100644
index 0000000..27fa5a1
Binary files /dev/null and b/quarter-rtl/assets/img/bg/22.jpg differ
diff --git a/quarter-rtl/assets/img/bg/23.jpg b/quarter-rtl/assets/img/bg/23.jpg
new file mode 100644
index 0000000..d5ca1de
Binary files /dev/null and b/quarter-rtl/assets/img/bg/23.jpg differ
diff --git a/quarter-rtl/assets/img/bg/24.jpg b/quarter-rtl/assets/img/bg/24.jpg
new file mode 100644
index 0000000..11e2f6e
Binary files /dev/null and b/quarter-rtl/assets/img/bg/24.jpg differ
diff --git a/quarter-rtl/assets/img/bg/3.jpg b/quarter-rtl/assets/img/bg/3.jpg
new file mode 100644
index 0000000..dd99cf7
Binary files /dev/null and b/quarter-rtl/assets/img/bg/3.jpg differ
diff --git a/quarter-rtl/assets/img/bg/30.jpg b/quarter-rtl/assets/img/bg/30.jpg
new file mode 100644
index 0000000..647b033
Binary files /dev/null and b/quarter-rtl/assets/img/bg/30.jpg differ
diff --git a/quarter-rtl/assets/img/bg/4.jpg b/quarter-rtl/assets/img/bg/4.jpg
new file mode 100644
index 0000000..f79f706
Binary files /dev/null and b/quarter-rtl/assets/img/bg/4.jpg differ
diff --git a/quarter-rtl/assets/img/bg/5.jpg b/quarter-rtl/assets/img/bg/5.jpg
new file mode 100644
index 0000000..f0fa31f
Binary files /dev/null and b/quarter-rtl/assets/img/bg/5.jpg differ
diff --git a/quarter-rtl/assets/img/bg/6.jpg b/quarter-rtl/assets/img/bg/6.jpg
new file mode 100644
index 0000000..8d4cd22
Binary files /dev/null and b/quarter-rtl/assets/img/bg/6.jpg differ
diff --git a/quarter-rtl/assets/img/bg/7.jpg b/quarter-rtl/assets/img/bg/7.jpg
new file mode 100644
index 0000000..64d6179
Binary files /dev/null and b/quarter-rtl/assets/img/bg/7.jpg differ
diff --git a/quarter-rtl/assets/img/bg/8-1.jpg b/quarter-rtl/assets/img/bg/8-1.jpg
new file mode 100644
index 0000000..5c3eba1
Binary files /dev/null and b/quarter-rtl/assets/img/bg/8-1.jpg differ
diff --git a/quarter-rtl/assets/img/bg/8-2.jpg b/quarter-rtl/assets/img/bg/8-2.jpg
new file mode 100644
index 0000000..04c6646
Binary files /dev/null and b/quarter-rtl/assets/img/bg/8-2.jpg differ
diff --git a/quarter-rtl/assets/img/bg/8.jpg b/quarter-rtl/assets/img/bg/8.jpg
new file mode 100644
index 0000000..4ae2ac5
Binary files /dev/null and b/quarter-rtl/assets/img/bg/8.jpg differ
diff --git a/quarter-rtl/assets/img/bg/9.jpg b/quarter-rtl/assets/img/bg/9.jpg
new file mode 100644
index 0000000..02d63d2
Binary files /dev/null and b/quarter-rtl/assets/img/bg/9.jpg differ
diff --git a/quarter-rtl/assets/img/bg/footer-bg-1.png b/quarter-rtl/assets/img/bg/footer-bg-1.png
new file mode 100644
index 0000000..a13d2de
Binary files /dev/null and b/quarter-rtl/assets/img/bg/footer-bg-1.png differ
diff --git a/quarter-rtl/assets/img/blog/1.jpg b/quarter-rtl/assets/img/blog/1.jpg
new file mode 100644
index 0000000..4c90e12
Binary files /dev/null and b/quarter-rtl/assets/img/blog/1.jpg differ
diff --git a/quarter-rtl/assets/img/blog/2.jpg b/quarter-rtl/assets/img/blog/2.jpg
new file mode 100644
index 0000000..097032f
Binary files /dev/null and b/quarter-rtl/assets/img/blog/2.jpg differ
diff --git a/quarter-rtl/assets/img/blog/3.jpg b/quarter-rtl/assets/img/blog/3.jpg
new file mode 100644
index 0000000..fd30b9b
Binary files /dev/null and b/quarter-rtl/assets/img/blog/3.jpg differ
diff --git a/quarter-rtl/assets/img/blog/31.jpg b/quarter-rtl/assets/img/blog/31.jpg
new file mode 100644
index 0000000..0fc1366
Binary files /dev/null and b/quarter-rtl/assets/img/blog/31.jpg differ
diff --git a/quarter-rtl/assets/img/blog/32.jpg b/quarter-rtl/assets/img/blog/32.jpg
new file mode 100644
index 0000000..2d270c4
Binary files /dev/null and b/quarter-rtl/assets/img/blog/32.jpg differ
diff --git a/quarter-rtl/assets/img/blog/33.jpg b/quarter-rtl/assets/img/blog/33.jpg
new file mode 100644
index 0000000..10e5b28
Binary files /dev/null and b/quarter-rtl/assets/img/blog/33.jpg differ
diff --git a/quarter-rtl/assets/img/blog/34.jpg b/quarter-rtl/assets/img/blog/34.jpg
new file mode 100644
index 0000000..0782af0
Binary files /dev/null and b/quarter-rtl/assets/img/blog/34.jpg differ
diff --git a/quarter-rtl/assets/img/blog/35.jpg b/quarter-rtl/assets/img/blog/35.jpg
new file mode 100644
index 0000000..93edd21
Binary files /dev/null and b/quarter-rtl/assets/img/blog/35.jpg differ
diff --git a/quarter-rtl/assets/img/blog/4.jpg b/quarter-rtl/assets/img/blog/4.jpg
new file mode 100644
index 0000000..dae7afa
Binary files /dev/null and b/quarter-rtl/assets/img/blog/4.jpg differ
diff --git a/quarter-rtl/assets/img/blog/5.jpg b/quarter-rtl/assets/img/blog/5.jpg
new file mode 100644
index 0000000..ff93755
Binary files /dev/null and b/quarter-rtl/assets/img/blog/5.jpg differ
diff --git a/quarter-rtl/assets/img/blog/6.jpg b/quarter-rtl/assets/img/blog/6.jpg
new file mode 100644
index 0000000..60d0fac
Binary files /dev/null and b/quarter-rtl/assets/img/blog/6.jpg differ
diff --git a/quarter-rtl/assets/img/blog/7.jpg b/quarter-rtl/assets/img/blog/7.jpg
new file mode 100644
index 0000000..b8835fe
Binary files /dev/null and b/quarter-rtl/assets/img/blog/7.jpg differ
diff --git a/quarter-rtl/assets/img/blog/8.jpg b/quarter-rtl/assets/img/blog/8.jpg
new file mode 100644
index 0000000..b5a93e0
Binary files /dev/null and b/quarter-rtl/assets/img/blog/8.jpg differ
diff --git a/quarter-rtl/assets/img/blog/author.jpg b/quarter-rtl/assets/img/blog/author.jpg
new file mode 100644
index 0000000..c632350
Binary files /dev/null and b/quarter-rtl/assets/img/blog/author.jpg differ
diff --git a/quarter-rtl/assets/img/blog/blog-details/1.jpg b/quarter-rtl/assets/img/blog/blog-details/1.jpg
new file mode 100644
index 0000000..29a2a37
Binary files /dev/null and b/quarter-rtl/assets/img/blog/blog-details/1.jpg differ
diff --git a/quarter-rtl/assets/img/blog/blog-details/11.jpg b/quarter-rtl/assets/img/blog/blog-details/11.jpg
new file mode 100644
index 0000000..aa78911
Binary files /dev/null and b/quarter-rtl/assets/img/blog/blog-details/11.jpg differ
diff --git a/quarter-rtl/assets/img/blog/blog-details/12.jpg b/quarter-rtl/assets/img/blog/blog-details/12.jpg
new file mode 100644
index 0000000..f1e3a10
Binary files /dev/null and b/quarter-rtl/assets/img/blog/blog-details/12.jpg differ
diff --git a/quarter-rtl/assets/img/brand-logo/1.png b/quarter-rtl/assets/img/brand-logo/1.png
new file mode 100644
index 0000000..6c542b6
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/1.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/2.png b/quarter-rtl/assets/img/brand-logo/2.png
new file mode 100644
index 0000000..4a719e1
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/2.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/3.png b/quarter-rtl/assets/img/brand-logo/3.png
new file mode 100644
index 0000000..75a7097
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/3.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/4.png b/quarter-rtl/assets/img/brand-logo/4.png
new file mode 100644
index 0000000..605cfa3
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/4.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/5.png b/quarter-rtl/assets/img/brand-logo/5.png
new file mode 100644
index 0000000..7c01c63
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/5.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/b1.png b/quarter-rtl/assets/img/brand-logo/b1.png
new file mode 100644
index 0000000..de8fa37
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/b1.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/b2.png b/quarter-rtl/assets/img/brand-logo/b2.png
new file mode 100644
index 0000000..75a9dbe
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/b2.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/b3.png b/quarter-rtl/assets/img/brand-logo/b3.png
new file mode 100644
index 0000000..1c08f7a
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/b3.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/b4.png b/quarter-rtl/assets/img/brand-logo/b4.png
new file mode 100644
index 0000000..b90a567
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/b4.png differ
diff --git a/quarter-rtl/assets/img/brand-logo/b5.png b/quarter-rtl/assets/img/brand-logo/b5.png
new file mode 100644
index 0000000..55f5615
Binary files /dev/null and b/quarter-rtl/assets/img/brand-logo/b5.png differ
diff --git a/quarter-rtl/assets/img/effect/1.png b/quarter-rtl/assets/img/effect/1.png
new file mode 100644
index 0000000..2f21310
Binary files /dev/null and b/quarter-rtl/assets/img/effect/1.png differ
diff --git a/quarter-rtl/assets/img/effect/2.png b/quarter-rtl/assets/img/effect/2.png
new file mode 100644
index 0000000..111e78b
Binary files /dev/null and b/quarter-rtl/assets/img/effect/2.png differ
diff --git a/quarter-rtl/assets/img/effect/3.png b/quarter-rtl/assets/img/effect/3.png
new file mode 100644
index 0000000..2e67850
Binary files /dev/null and b/quarter-rtl/assets/img/effect/3.png differ
diff --git a/quarter-rtl/assets/img/effect/4.png b/quarter-rtl/assets/img/effect/4.png
new file mode 100644
index 0000000..e9c9c04
Binary files /dev/null and b/quarter-rtl/assets/img/effect/4.png differ
diff --git a/quarter-rtl/assets/img/effect/5.png b/quarter-rtl/assets/img/effect/5.png
new file mode 100644
index 0000000..0a29327
Binary files /dev/null and b/quarter-rtl/assets/img/effect/5.png differ
diff --git a/quarter-rtl/assets/img/effect/6.png b/quarter-rtl/assets/img/effect/6.png
new file mode 100644
index 0000000..dc59794
Binary files /dev/null and b/quarter-rtl/assets/img/effect/6.png differ
diff --git a/quarter-rtl/assets/img/favicon.png b/quarter-rtl/assets/img/favicon.png
new file mode 100644
index 0000000..987bbaa
Binary files /dev/null and b/quarter-rtl/assets/img/favicon.png differ
diff --git a/quarter-rtl/assets/img/gallery/1.jpg b/quarter-rtl/assets/img/gallery/1.jpg
new file mode 100644
index 0000000..cab0c08
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/1.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/10.jpg b/quarter-rtl/assets/img/gallery/10.jpg
new file mode 100644
index 0000000..8a3c763
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/10.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/11.jpg b/quarter-rtl/assets/img/gallery/11.jpg
new file mode 100644
index 0000000..16dc94f
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/11.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/12.jpg b/quarter-rtl/assets/img/gallery/12.jpg
new file mode 100644
index 0000000..a11de1d
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/12.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/2.jpg b/quarter-rtl/assets/img/gallery/2.jpg
new file mode 100644
index 0000000..1d887cb
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/2.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/3.jpg b/quarter-rtl/assets/img/gallery/3.jpg
new file mode 100644
index 0000000..11ad80b
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/3.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/4.jpg b/quarter-rtl/assets/img/gallery/4.jpg
new file mode 100644
index 0000000..cfc4ec0
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/4.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/5.jpg b/quarter-rtl/assets/img/gallery/5.jpg
new file mode 100644
index 0000000..6dc1070
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/5.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/6.jpg b/quarter-rtl/assets/img/gallery/6.jpg
new file mode 100644
index 0000000..115ed27
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/6.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/7.jpg b/quarter-rtl/assets/img/gallery/7.jpg
new file mode 100644
index 0000000..a69d31f
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/7.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/8.jpg b/quarter-rtl/assets/img/gallery/8.jpg
new file mode 100644
index 0000000..1e6c087
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/8.jpg differ
diff --git a/quarter-rtl/assets/img/gallery/9.jpg b/quarter-rtl/assets/img/gallery/9.jpg
new file mode 100644
index 0000000..f780154
Binary files /dev/null and b/quarter-rtl/assets/img/gallery/9.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-1.jpg b/quarter-rtl/assets/img/home-demos/home-1.jpg
new file mode 100644
index 0000000..326270d
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-1.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-10.jpg b/quarter-rtl/assets/img/home-demos/home-10.jpg
new file mode 100644
index 0000000..a367920
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-10.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-11.jpg b/quarter-rtl/assets/img/home-demos/home-11.jpg
new file mode 100644
index 0000000..e90c26d
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-11.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-2.jpg b/quarter-rtl/assets/img/home-demos/home-2.jpg
new file mode 100644
index 0000000..289d5e3
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-2.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-3.jpg b/quarter-rtl/assets/img/home-demos/home-3.jpg
new file mode 100644
index 0000000..2f3ecc2
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-3.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-4.jpg b/quarter-rtl/assets/img/home-demos/home-4.jpg
new file mode 100644
index 0000000..21317c7
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-4.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-5.jpg b/quarter-rtl/assets/img/home-demos/home-5.jpg
new file mode 100644
index 0000000..f31151f
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-5.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-6.jpg b/quarter-rtl/assets/img/home-demos/home-6.jpg
new file mode 100644
index 0000000..574bb7a
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-6.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-7.jpg b/quarter-rtl/assets/img/home-demos/home-7.jpg
new file mode 100644
index 0000000..6bc418f
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-7.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-8.jpg b/quarter-rtl/assets/img/home-demos/home-8.jpg
new file mode 100644
index 0000000..4a074a9
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-8.jpg differ
diff --git a/quarter-rtl/assets/img/home-demos/home-9.jpg b/quarter-rtl/assets/img/home-demos/home-9.jpg
new file mode 100644
index 0000000..763d214
Binary files /dev/null and b/quarter-rtl/assets/img/home-demos/home-9.jpg differ
diff --git a/quarter-rtl/assets/img/icons/---car.png b/quarter-rtl/assets/img/icons/---car.png
new file mode 100644
index 0000000..acc1a10
Binary files /dev/null and b/quarter-rtl/assets/img/icons/---car.png differ
diff --git a/quarter-rtl/assets/img/icons/1.png b/quarter-rtl/assets/img/icons/1.png
new file mode 100644
index 0000000..704f3a3
Binary files /dev/null and b/quarter-rtl/assets/img/icons/1.png differ
diff --git a/quarter-rtl/assets/img/icons/10.png b/quarter-rtl/assets/img/icons/10.png
new file mode 100644
index 0000000..720c1f1
Binary files /dev/null and b/quarter-rtl/assets/img/icons/10.png differ
diff --git a/quarter-rtl/assets/img/icons/11.png b/quarter-rtl/assets/img/icons/11.png
new file mode 100644
index 0000000..9c3072e
Binary files /dev/null and b/quarter-rtl/assets/img/icons/11.png differ
diff --git a/quarter-rtl/assets/img/icons/12.png b/quarter-rtl/assets/img/icons/12.png
new file mode 100644
index 0000000..5088d40
Binary files /dev/null and b/quarter-rtl/assets/img/icons/12.png differ
diff --git a/quarter-rtl/assets/img/icons/2.png b/quarter-rtl/assets/img/icons/2.png
new file mode 100644
index 0000000..2f28b18
Binary files /dev/null and b/quarter-rtl/assets/img/icons/2.png differ
diff --git a/quarter-rtl/assets/img/icons/3.png b/quarter-rtl/assets/img/icons/3.png
new file mode 100644
index 0000000..0532f25
Binary files /dev/null and b/quarter-rtl/assets/img/icons/3.png differ
diff --git a/quarter-rtl/assets/img/icons/4.png b/quarter-rtl/assets/img/icons/4.png
new file mode 100644
index 0000000..78eaeea
Binary files /dev/null and b/quarter-rtl/assets/img/icons/4.png differ
diff --git a/quarter-rtl/assets/img/icons/5.png b/quarter-rtl/assets/img/icons/5.png
new file mode 100644
index 0000000..1bcc948
Binary files /dev/null and b/quarter-rtl/assets/img/icons/5.png differ
diff --git a/quarter-rtl/assets/img/icons/6.png b/quarter-rtl/assets/img/icons/6.png
new file mode 100644
index 0000000..319b8d8
Binary files /dev/null and b/quarter-rtl/assets/img/icons/6.png differ
diff --git a/quarter-rtl/assets/img/icons/7.png b/quarter-rtl/assets/img/icons/7.png
new file mode 100644
index 0000000..25f0f65
Binary files /dev/null and b/quarter-rtl/assets/img/icons/7.png differ
diff --git a/quarter-rtl/assets/img/icons/8.png b/quarter-rtl/assets/img/icons/8.png
new file mode 100644
index 0000000..33c5801
Binary files /dev/null and b/quarter-rtl/assets/img/icons/8.png differ
diff --git a/quarter-rtl/assets/img/icons/9.png b/quarter-rtl/assets/img/icons/9.png
new file mode 100644
index 0000000..fb9915d
Binary files /dev/null and b/quarter-rtl/assets/img/icons/9.png differ
diff --git a/quarter-rtl/assets/img/icons/car.png b/quarter-rtl/assets/img/icons/car.png
new file mode 100644
index 0000000..8428e3d
Binary files /dev/null and b/quarter-rtl/assets/img/icons/car.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/1.png b/quarter-rtl/assets/img/icons/icon-img/1.png
new file mode 100644
index 0000000..0c4e98b
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/1.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/10.png b/quarter-rtl/assets/img/icons/icon-img/10.png
new file mode 100644
index 0000000..9d5d07a
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/10.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/11.png b/quarter-rtl/assets/img/icons/icon-img/11.png
new file mode 100644
index 0000000..cd3319d
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/11.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/12.png b/quarter-rtl/assets/img/icons/icon-img/12.png
new file mode 100644
index 0000000..1de301a
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/12.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/13.png b/quarter-rtl/assets/img/icons/icon-img/13.png
new file mode 100644
index 0000000..1fc13ed
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/13.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/14.png b/quarter-rtl/assets/img/icons/icon-img/14.png
new file mode 100644
index 0000000..6d0d004
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/14.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/15.png b/quarter-rtl/assets/img/icons/icon-img/15.png
new file mode 100644
index 0000000..0804ecb
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/15.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/16.png b/quarter-rtl/assets/img/icons/icon-img/16.png
new file mode 100644
index 0000000..941bac2
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/16.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/17.png b/quarter-rtl/assets/img/icons/icon-img/17.png
new file mode 100644
index 0000000..bd7c406
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/17.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/18.png b/quarter-rtl/assets/img/icons/icon-img/18.png
new file mode 100644
index 0000000..5fa40e0
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/18.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/19.png b/quarter-rtl/assets/img/icons/icon-img/19.png
new file mode 100644
index 0000000..c9d002c
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/19.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/2.png b/quarter-rtl/assets/img/icons/icon-img/2.png
new file mode 100644
index 0000000..72ff9e9
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/2.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/21.png b/quarter-rtl/assets/img/icons/icon-img/21.png
new file mode 100644
index 0000000..5316786
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/21.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/22.png b/quarter-rtl/assets/img/icons/icon-img/22.png
new file mode 100644
index 0000000..68f9aa0
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/22.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/23.png b/quarter-rtl/assets/img/icons/icon-img/23.png
new file mode 100644
index 0000000..0df12ef
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/23.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/3.png b/quarter-rtl/assets/img/icons/icon-img/3.png
new file mode 100644
index 0000000..e443207
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/3.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/4.png b/quarter-rtl/assets/img/icons/icon-img/4.png
new file mode 100644
index 0000000..820c2bf
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/4.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/5.png b/quarter-rtl/assets/img/icons/icon-img/5.png
new file mode 100644
index 0000000..c23895b
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/5.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/6.png b/quarter-rtl/assets/img/icons/icon-img/6.png
new file mode 100644
index 0000000..eb1b008
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/6.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/7.png b/quarter-rtl/assets/img/icons/icon-img/7.png
new file mode 100644
index 0000000..acf721c
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/7.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/8.png b/quarter-rtl/assets/img/icons/icon-img/8.png
new file mode 100644
index 0000000..7a14bd4
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/8.png differ
diff --git a/quarter-rtl/assets/img/icons/icon-img/9.png b/quarter-rtl/assets/img/icons/icon-img/9.png
new file mode 100644
index 0000000..5f1ff8d
Binary files /dev/null and b/quarter-rtl/assets/img/icons/icon-img/9.png differ
diff --git a/quarter-rtl/assets/img/icons/map-marker-2.png b/quarter-rtl/assets/img/icons/map-marker-2.png
new file mode 100644
index 0000000..254f17a
Binary files /dev/null and b/quarter-rtl/assets/img/icons/map-marker-2.png differ
diff --git a/quarter-rtl/assets/img/icons/map-marker-3.png b/quarter-rtl/assets/img/icons/map-marker-3.png
new file mode 100644
index 0000000..791d94b
Binary files /dev/null and b/quarter-rtl/assets/img/icons/map-marker-3.png differ
diff --git a/quarter-rtl/assets/img/icons/map-marker.png b/quarter-rtl/assets/img/icons/map-marker.png
new file mode 100644
index 0000000..961cd62
Binary files /dev/null and b/quarter-rtl/assets/img/icons/map-marker.png differ
diff --git a/quarter-rtl/assets/img/icons/payment-2.png b/quarter-rtl/assets/img/icons/payment-2.png
new file mode 100644
index 0000000..724147e
Binary files /dev/null and b/quarter-rtl/assets/img/icons/payment-2.png differ
diff --git a/quarter-rtl/assets/img/icons/payment-3.png b/quarter-rtl/assets/img/icons/payment-3.png
new file mode 100644
index 0000000..647ea41
Binary files /dev/null and b/quarter-rtl/assets/img/icons/payment-3.png differ
diff --git a/quarter-rtl/assets/img/icons/payment-4.png b/quarter-rtl/assets/img/icons/payment-4.png
new file mode 100644
index 0000000..81a50d4
Binary files /dev/null and b/quarter-rtl/assets/img/icons/payment-4.png differ
diff --git a/quarter-rtl/assets/img/icons/payment.png b/quarter-rtl/assets/img/icons/payment.png
new file mode 100644
index 0000000..2acf721
Binary files /dev/null and b/quarter-rtl/assets/img/icons/payment.png differ
diff --git a/quarter-rtl/assets/img/icons/svg/1-cart.svg b/quarter-rtl/assets/img/icons/svg/1-cart.svg
new file mode 100644
index 0000000..4892fc9
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/1-cart.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
+  <g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
+    <g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
+      <path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
+      <path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
+      <path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
+      <rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
+      <rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/10-credit-card.svg b/quarter-rtl/assets/img/icons/svg/10-credit-card.svg
new file mode 100644
index 0000000..6b2bfa8
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/10-credit-card.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<rect x="344" y="319.492" width="48" height="16">
+			<rect x="280" y="319.492" width="48" height="16">
+			<rect x="216" y="319.492" width="48" height="16">
+			<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
+				l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
+				c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
+				V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
+				 M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
+				c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
+				c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
+				c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
+				c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
+				c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
+				C462.95,185.06,462.096,187.082,460.584,188.556z">
+			<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
+				c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
+				c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
+				c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
+				c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
+				c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
+				c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
+				s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/11-gift-card.svg b/quarter-rtl/assets/img/icons/svg/11-gift-card.svg
new file mode 100644
index 0000000..ea9ea35
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/11-gift-card.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m509.407 208.74c-3.389-8.006-9.693-14.212-17.751-17.476l-9-3.646v-47.551c0-17.947-14.6-32.547-32.547-32.547h-165.176l-94.733-38.377c-3.848-1.56-8.228.297-9.786 4.143-1.559 3.846.296 8.228 4.143 9.786l60.349 24.448h-157.089l15.567-38.429c3.627-8.953 13.862-13.287 22.814-9.66l30.506 12.358c3.85 1.561 8.229-.297 9.786-4.143 1.559-3.846-.297-8.227-4.143-9.786l-30.507-12.358c-16.63-6.738-35.647 1.312-42.386 17.945l-17.853 44.072h-9.711c-17.946 0-32.546 14.6-32.546 32.547v71.767l-26.945 66.517c-3.265 8.057-3.196 16.904.194 24.91 3.389 8.006 9.693 14.212 17.751 17.476l9.001 3.646v47.551c0 17.947 14.6 32.547 32.546 32.547h32.067c4.15 0 7.514-3.364 7.514-7.514s-3.364-7.514-7.514-7.514h-32.067c-9.659 0-17.518-7.858-17.518-17.518v-134.3h98.75c-17.348 13.705-40.493 37.413-50.252 71.574-1.081 3.785 1.043 7.868 4.76 9.161 4.024 1.4 8.523-.941 9.692-5.033 10.136-35.483 37.538-58.858 52.983-69.645v145.76h-36.29c-4.15 0-7.514 3.364-7.514 7.514s3.364 7.514 7.514 7.514h103.052l74.665 30.247c.925.375 1.879.552 2.819.552 2.97 0 5.783-1.773 6.967-4.695 1.559-3.846-.296-8.228-4.143-9.786l-40.281-16.318h157.088l-15.567 38.429c-3.627 8.953-13.866 13.287-22.814 9.66l-50.501-20.458c-3.849-1.559-8.228.297-9.786 4.143-1.559 3.846.296 8.228 4.143 9.786l50.502 20.458c3.99 1.617 8.116 2.382 12.179 2.382 12.869 0 25.085-7.685 30.207-20.327l17.853-44.072h9.711c17.947 0 32.547-14.6 32.547-32.547v-71.767l26.945-66.516c3.263-8.058 3.194-16.904-.195-24.91zm-483.42 98.067c-4.337-1.757-7.73-5.098-9.555-9.406-1.824-4.309-1.861-9.07-.104-13.407l13.016-32.131v56.305zm67.461-112.141c-1.288-3.029-2.213-7.87 4.574-14.911 3.125-3.242 7.084-5.313 11.655-4.623 9.086 1.369 21.081 11.871 33.779 29.57 4.411 6.149 8.252 12.256 11.216 17.255-28.798-2.815-55.73-14.363-61.224-27.291zm66.857 7.848c-11.929-17.917-29.829-39.44-48.38-42.242-9.137-1.38-17.685 1.751-24.723 9.052-5.406 5.607-13.579 17.12-7.586 31.22 3.726 8.768 12.142 16.201 23.088 22.059h-58.331v-82.537c0-9.66 7.859-17.518 17.518-17.518h98.415v79.966zm307.322 169.419c0 9.66-7.859 17.518-17.518 17.518h-274.775v-145.76c15.445 10.787 42.847 34.161 52.983 69.645 1.171 4.1 5.664 6.421 9.692 5.033 3.72-1.282 5.839-5.383 4.76-9.161-9.759-34.161-32.904-57.869-50.252-71.574h275.11zm-286.663-149.977c2.935-4.95 6.736-10.993 11.111-17.103 12.736-17.789 24.77-28.344 33.883-29.72 4.573-.693 8.534 1.381 11.66 4.623 6.787 7.042 5.861 11.883 4.573 14.911-5.494 12.927-32.429 24.475-61.227 27.289zm286.663.648h-234.692c10.945-5.859 19.362-13.292 23.088-22.059 5.993-14.1-2.18-25.613-7.586-31.22-7.039-7.303-15.595-10.431-24.724-9.052-18.55 2.802-36.451 24.325-48.38 42.242v-79.965h274.775c9.659 0 17.518 7.858 17.518 17.518v82.536zm28.045 5.403-13.016 32.131v-56.305l3.358 1.36c4.336 1.757 7.73 5.098 9.553 9.407 1.825 4.308 1.862 9.07.105 13.407z"><path d="m384.165 351.927v7.208c0 4.15 3.364 7.514 7.514 7.514 4.151 0 7.514-3.364 7.514-7.514v-7.002c5.664-1.201 9.545-3.776 12.031-6.116 4.904-4.615 7.832-11.58 7.832-18.633 0-5.776-1.799-11.004-5.203-15.121-4.563-5.518-11.728-8.852-21.297-9.908-8.92-.984-10.252-5.581-10.252-8.234 0-1.565.452-9.375 9.374-9.375 5.746 0 8.232 3.427 8.846 4.449 1.127 2.738 3.818 4.668 6.963 4.668 5.662 0 8.928-5.89 6.761-10.85-1.789-3.887-6.714-9.875-15.056-12.256v-7.35c0-4.15-3.364-7.514-7.514-7.514s-7.514 3.364-7.514 7.514v7.33c-5.116 1.47-9.383 4.497-12.378 8.875-4.186 6.117-4.511 12.653-4.511 14.51 0 9.487 6.19 21.248 23.633 23.172 13.119 1.448 13.119 7.727 13.119 10.091 0 2.306-.815 5.536-3.103 7.688-2.177 2.048-5.551 2.951-10.025 2.676-9.482-.578-11.632-6.485-11.846-7.156l-.003.001c-.814-3.279-3.769-5.713-7.3-5.713-5.167 0-8.855 5.308-7.05 10.155.767 2.406 5.073 13.623 19.465 16.891z"></g></g></svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/img/icons/svg/12-shopping-cart.svg b/quarter-rtl/assets/img/icons/svg/12-shopping-cart.svg
new file mode 100644
index 0000000..4de41e7
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/12-shopping-cart.svg
@@ -0,0 +1 @@
+<svg id="Icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m67 54.115h-38.23a1 1 0 0 1 0-2h38.23a3 3 0 0 0 0-6h-32.235a3.911 3.911 0 0 1 -3.87-3.278l-5.612-33.675h-5.312a1 1 0 0 1 0-2h6.159a1 1 0 0 1 .986.838l5.752 34.509a1.917 1.917 0 0 0 1.9 1.607h32.232a5 5 0 0 1 0 10z"><path d="m64.69 39.39h-33.52a1 1 0 0 1 0-2h33.52a.758.758 0 0 0 .746-.626l3.77-20.951a.757.757 0 0 0 -.169-.623.746.746 0 0 0 -.577-.27h-6.02a1 1 0 0 1 0-2h6.02a2.763 2.763 0 0 1 2.715 3.244l-3.775 20.953a2.755 2.755 0 0 1 -2.71 2.273z"><path d="m45.47 14.92h-2.91a1 1 0 0 1 0-2h2.91a1 1 0 0 1 0 2z"><path d="m35.56 14.92h-8.47a1 1 0 0 1 0-2h8.47a1 1 0 0 1 0 2z"><path d="m55.44 14.92h-2.97a1 1 0 0 1 0-2h2.97a1 1 0 0 1 0 2z"><path d="m59.771 66.838a4.994 4.994 0 1 1 4.994-4.994 5 5 0 0 1 -4.994 4.994zm0-7.987a2.994 2.994 0 1 0 2.994 2.993 3 3 0 0 0 -2.994-2.993z"><path d="m37.208 66.838a4.994 4.994 0 1 1 4.992-4.994 5 5 0 0 1 -4.992 4.994zm0-7.987a2.994 2.994 0 1 0 2.992 2.993 3 3 0 0 0 -2.992-2.993z"><path d="m56.288 31.215a1.083 1.083 0 0 1 -.127-.008 1 1 0 0 1 -.867-1.118l1.286-10.178a1 1 0 1 1 1.984.251l-1.286 10.178a1 1 0 0 1 -.99.875z"><path d="m48.652 31.215a1 1 0 0 1 -1-1v-10.178a1 1 0 1 1 2 0v10.178a1 1 0 0 1 -1 1z"><path d="m41.018 31.215a1 1 0 0 1 -.991-.875l-1.286-10.178a1 1 0 1 1 1.984-.251l1.286 10.178a1 1 0 0 1 -.866 1.118 1.1 1.1 0 0 1 -.127.008z"><path d="m22.435 37.875h-12.625a1 1 0 0 1 0-2h12.625a1 1 0 1 1 0 2z"><path d="m5.084 37.875h-2.084a1 1 0 0 1 0-2h2.084a1 1 0 1 1 0 2z"><path d="m25.017 31.639h-12.625a1 1 0 0 1 0-2h12.625a1 1 0 0 1 0 2z"><path d="m7.667 31.639h-2.085a1 1 0 1 1 0-2h2.085a1 1 0 0 1 0 2z"><path d="m25.017 44.11h-12.625a1 1 0 1 1 0-2h12.625a1 1 0 0 1 0 2z"><path d="m7.667 44.11h-2.085a1 1 0 0 1 0-2h2.085a1 1 0 1 1 0 2z"></svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/img/icons/svg/2-track.svg b/quarter-rtl/assets/img/icons/svg/2-track.svg
new file mode 100644
index 0000000..e7d0420
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2-track.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
+  <g id="tracking" transform="translate(-2 -9)">
+    <path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
+    <rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
+    <rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
+    <rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
+    <rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
+    <rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
+    <path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
+    <path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
+    <path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
+    <rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/1-cart.svg b/quarter-rtl/assets/img/icons/svg/2/1-cart.svg
new file mode 100644
index 0000000..865ed68
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/1-cart.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
+  <g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
+    <g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
+      <path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
+      <path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
+      <path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
+      <rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
+      <rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/2-track.svg b/quarter-rtl/assets/img/icons/svg/2/2-track.svg
new file mode 100644
index 0000000..c2a46a2
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/2-track.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
+  <g id="tracking" transform="translate(-2 -9)">
+    <path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
+    <rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
+    <rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
+    <rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
+    <rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
+    <rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
+    <path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
+    <path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
+    <path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
+    <rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/3-payment.svg b/quarter-rtl/assets/img/icons/svg/2/3-payment.svg
new file mode 100644
index 0000000..4397fb8
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/3-payment.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
+  <g id="payment-method" transform="translate(0.002 0)">
+    <path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
+    <path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
+    <path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
+    <path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
+    <path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
+    <path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
+    <path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
+    <path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/4-track.svg b/quarter-rtl/assets/img/icons/svg/2/4-track.svg
new file mode 100644
index 0000000..dea6a51
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/4-track.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
+  <g id="delivery-truck" transform="translate(0 -68.867)">
+    <g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
+      <g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
+        <path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
+      <g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
+        <path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
+      <g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
+        <path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
+      <g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
+        <path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/5-prize.svg b/quarter-rtl/assets/img/icons/svg/2/5-prize.svg
new file mode 100644
index 0000000..7afef73
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/5-prize.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
+  <g id="XMLID_1220_" transform="translate(-30.16)">
+    <g id="XMLID_339_" transform="translate(30.16 0)">
+      <path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
+      <path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
+      <path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
+      <path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/6-return.svg b/quarter-rtl/assets/img/icons/svg/2/6-return.svg
new file mode 100644
index 0000000..5d02923
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/6-return.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
+  <g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
+    <g id="previous" transform="translate(871.872 8637.168)">
+      <path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
+    </g>
+    <g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
+      <path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/2/7-support.svg b/quarter-rtl/assets/img/icons/svg/2/7-support.svg
new file mode 100644
index 0000000..5158a1e
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/2/7-support.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
+  <g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
+    <g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
+      <path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/3-payment.svg b/quarter-rtl/assets/img/icons/svg/3-payment.svg
new file mode 100644
index 0000000..7e68876
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/3-payment.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
+  <g id="payment-method" transform="translate(0.002 0)">
+    <path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
+    <path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
+    <path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
+    <path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
+    <path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
+    <path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
+    <path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
+    <path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/4-track.svg b/quarter-rtl/assets/img/icons/svg/4-track.svg
new file mode 100644
index 0000000..f4b2c11
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/4-track.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
+  <g id="delivery-truck" transform="translate(0 -68.867)">
+    <g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
+      <g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
+        <path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
+      </g>
+    </g>
+    <g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
+      <g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
+        <path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
+      </g>
+    </g>
+    <g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
+      <g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
+        <path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
+      </g>
+    </g>
+    <g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
+      <g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
+        <path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/5-madel.svg b/quarter-rtl/assets/img/icons/svg/5-madel.svg
new file mode 100644
index 0000000..985f2e6
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/5-madel.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
+  <g id="XMLID_1220_" transform="translate(-30.16)">
+    <g id="XMLID_339_" transform="translate(30.16 0)">
+      <path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
+      <path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
+      <path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
+      <path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/6-return.svg b/quarter-rtl/assets/img/icons/svg/6-return.svg
new file mode 100644
index 0000000..a3ff8f7
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/6-return.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
+  <g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
+    <g id="previous" transform="translate(871.872 8637.168)">
+      <path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
+    </g>
+    <g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
+      <path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/7-support.svg b/quarter-rtl/assets/img/icons/svg/7-support.svg
new file mode 100644
index 0000000..b90cd1a
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/7-support.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
+  <g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
+    <g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
+      <path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter-rtl/assets/img/icons/svg/8-trolley.svg b/quarter-rtl/assets/img/icons/svg/8-trolley.svg
new file mode 100644
index 0000000..3d5a8d8
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/8-trolley.svg
@@ -0,0 +1 @@
+<svg height="480pt" viewBox="-24 0 480 480.10822" width="480pt" xmlns="http://www.w3.org/2000/svg"><path d="m168.054688 432c0 8.835938-7.164063 16-16 16-8.835938 0-16-7.164062-16-16s7.164062-16 16-16c8.835937 0 16 7.164062 16 16zm0 0"><path d="m360.054688 432c0 8.835938-7.164063 16-16 16-8.835938 0-16-7.164062-16-16s7.164062-16 16-16c8.835937 0 16 7.164062 16 16zm0 0"><path d="m392.054688 192h-16v-160h-176v160h-48v160h-40v-352h-112.0000005v48h64.0000005v352h52.320312c-17.296875 19.21875-16.261719 48.679688 2.339844 66.640625 18.597656 17.957031 48.078125 17.957031 66.679687 0 18.597657-17.960937 19.632813-47.421875 2.339844-66.640625h120.640625c-17.296875 19.21875-16.261719 48.679688 2.339844 66.640625 18.597656 17.957031 48.078125 17.957031 66.679687 0 18.597657-17.960937 19.632813-47.421875 2.339844-66.640625h52.320313v-48h-40zm-88-144v80h-32v-80zm-88 0h40v96h64v-96h40v144h-144zm-48 160h208v32h-208zm0 48h208v96h-208zm-152-224v-16h48v16zm64-16h16v240h-16zm0 256h16v80h-16zm104 160c0 17.671875-14.328126 32-32 32-17.671876 0-32-14.328125-32-32s14.328124-32 32-32c17.671874 0 32 14.328125 32 32zm192 0c0 17.671875-14.328126 32-32 32-17.671876 0-32-14.328125-32-32s14.328124-32 32-32c17.671874 0 32 14.328125 32 32zm40-64v16h-336v-16zm0 0"><path d="m344.054688 320h-16v16h32v-40h-16zm0 0"><path d="m232.054688 160h16v16h-16zm0 0"></svg>
\ No newline at end of file
diff --git a/quarter-rtl/assets/img/icons/svg/9-money.svg b/quarter-rtl/assets/img/icons/svg/9-money.svg
new file mode 100644
index 0000000..8477ef2
--- /dev/null
+++ b/quarter-rtl/assets/img/icons/svg/9-money.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
+			<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
+			c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
+			c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
+			c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
+			c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
+			c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
+			c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
+			c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
+			c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
+			c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
+			l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
+			c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
+			c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
+			c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
+			 M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
+			S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
+			c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
+			c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
+			c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
+			c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
+			c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
+			c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
+			h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
+			c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
+			c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
+			c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
+			l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
+			c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
+			c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
+			c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
+			c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
+			c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
+			s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
+			 M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
+			c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
+			c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
+			c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
+			c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
+			c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
+			c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
+			c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
+			C288.098,261.297,273.863,247.062,256.366,247.062z">
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/quarter-rtl/assets/img/img-slide/1.jpg b/quarter-rtl/assets/img/img-slide/1.jpg
new file mode 100644
index 0000000..80a7b25
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/1.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/11.jpg b/quarter-rtl/assets/img/img-slide/11.jpg
new file mode 100644
index 0000000..373784e
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/11.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/12.jpg b/quarter-rtl/assets/img/img-slide/12.jpg
new file mode 100644
index 0000000..c8ff6d3
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/12.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/13.jpg b/quarter-rtl/assets/img/img-slide/13.jpg
new file mode 100644
index 0000000..0869c48
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/13.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/14.jpg b/quarter-rtl/assets/img/img-slide/14.jpg
new file mode 100644
index 0000000..f885e80
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/14.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/2.jpg b/quarter-rtl/assets/img/img-slide/2.jpg
new file mode 100644
index 0000000..f724680
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/2.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/21.jpg b/quarter-rtl/assets/img/img-slide/21.jpg
new file mode 100644
index 0000000..ad764d3
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/21.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/22.jpg b/quarter-rtl/assets/img/img-slide/22.jpg
new file mode 100644
index 0000000..cc23774
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/22.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/23.jpg b/quarter-rtl/assets/img/img-slide/23.jpg
new file mode 100644
index 0000000..3140721
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/23.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/24.jpg b/quarter-rtl/assets/img/img-slide/24.jpg
new file mode 100644
index 0000000..fb90557
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/24.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/3.jpg b/quarter-rtl/assets/img/img-slide/3.jpg
new file mode 100644
index 0000000..353a95f
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/3.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/31.jpg b/quarter-rtl/assets/img/img-slide/31.jpg
new file mode 100644
index 0000000..8d60a5c
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/31.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/32.jpg b/quarter-rtl/assets/img/img-slide/32.jpg
new file mode 100644
index 0000000..5097bcf
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/32.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/33.jpg b/quarter-rtl/assets/img/img-slide/33.jpg
new file mode 100644
index 0000000..c6f81cf
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/33.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/34.jpg b/quarter-rtl/assets/img/img-slide/34.jpg
new file mode 100644
index 0000000..77224dd
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/34.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/35.jpg b/quarter-rtl/assets/img/img-slide/35.jpg
new file mode 100644
index 0000000..b2c0564
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/35.jpg differ
diff --git a/quarter-rtl/assets/img/img-slide/4.jpg b/quarter-rtl/assets/img/img-slide/4.jpg
new file mode 100644
index 0000000..d779534
Binary files /dev/null and b/quarter-rtl/assets/img/img-slide/4.jpg differ
diff --git a/quarter-rtl/assets/img/logo-2.png b/quarter-rtl/assets/img/logo-2.png
new file mode 100644
index 0000000..b545097
Binary files /dev/null and b/quarter-rtl/assets/img/logo-2.png differ
diff --git a/quarter-rtl/assets/img/logo.png b/quarter-rtl/assets/img/logo.png
new file mode 100644
index 0000000..3ef17af
Binary files /dev/null and b/quarter-rtl/assets/img/logo.png differ
diff --git a/quarter-rtl/assets/img/neighbour/1.jpg b/quarter-rtl/assets/img/neighbour/1.jpg
new file mode 100644
index 0000000..7094311
Binary files /dev/null and b/quarter-rtl/assets/img/neighbour/1.jpg differ
diff --git a/quarter-rtl/assets/img/neighbour/2.jpg b/quarter-rtl/assets/img/neighbour/2.jpg
new file mode 100644
index 0000000..bc2c02a
Binary files /dev/null and b/quarter-rtl/assets/img/neighbour/2.jpg differ
diff --git a/quarter-rtl/assets/img/neighbour/3.jpg b/quarter-rtl/assets/img/neighbour/3.jpg
new file mode 100644
index 0000000..3427578
Binary files /dev/null and b/quarter-rtl/assets/img/neighbour/3.jpg differ
diff --git a/quarter-rtl/assets/img/others/1.jpg b/quarter-rtl/assets/img/others/1.jpg
new file mode 100644
index 0000000..38ef451
Binary files /dev/null and b/quarter-rtl/assets/img/others/1.jpg differ
diff --git a/quarter-rtl/assets/img/others/1.png b/quarter-rtl/assets/img/others/1.png
new file mode 100644
index 0000000..8263058
Binary files /dev/null and b/quarter-rtl/assets/img/others/1.png differ
diff --git a/quarter-rtl/assets/img/others/10.png b/quarter-rtl/assets/img/others/10.png
new file mode 100644
index 0000000..45cea71
Binary files /dev/null and b/quarter-rtl/assets/img/others/10.png differ
diff --git a/quarter-rtl/assets/img/others/11.png b/quarter-rtl/assets/img/others/11.png
new file mode 100644
index 0000000..05e3e4e
Binary files /dev/null and b/quarter-rtl/assets/img/others/11.png differ
diff --git a/quarter-rtl/assets/img/others/12.jpg b/quarter-rtl/assets/img/others/12.jpg
new file mode 100644
index 0000000..ec92b40
Binary files /dev/null and b/quarter-rtl/assets/img/others/12.jpg differ
diff --git a/quarter-rtl/assets/img/others/13.png b/quarter-rtl/assets/img/others/13.png
new file mode 100644
index 0000000..0bf4262
Binary files /dev/null and b/quarter-rtl/assets/img/others/13.png differ
diff --git a/quarter-rtl/assets/img/others/14.jpg b/quarter-rtl/assets/img/others/14.jpg
new file mode 100644
index 0000000..d60e4c8
Binary files /dev/null and b/quarter-rtl/assets/img/others/14.jpg differ
diff --git a/quarter-rtl/assets/img/others/15.jpg b/quarter-rtl/assets/img/others/15.jpg
new file mode 100644
index 0000000..e9bb23c
Binary files /dev/null and b/quarter-rtl/assets/img/others/15.jpg differ
diff --git a/quarter-rtl/assets/img/others/16.jpg b/quarter-rtl/assets/img/others/16.jpg
new file mode 100644
index 0000000..be940bb
Binary files /dev/null and b/quarter-rtl/assets/img/others/16.jpg differ
diff --git a/quarter-rtl/assets/img/others/2.jpg b/quarter-rtl/assets/img/others/2.jpg
new file mode 100644
index 0000000..eb6f2f0
Binary files /dev/null and b/quarter-rtl/assets/img/others/2.jpg differ
diff --git a/quarter-rtl/assets/img/others/2.png b/quarter-rtl/assets/img/others/2.png
new file mode 100644
index 0000000..4a4a84a
Binary files /dev/null and b/quarter-rtl/assets/img/others/2.png differ
diff --git a/quarter-rtl/assets/img/others/3.jpg b/quarter-rtl/assets/img/others/3.jpg
new file mode 100644
index 0000000..4cc3632
Binary files /dev/null and b/quarter-rtl/assets/img/others/3.jpg differ
diff --git a/quarter-rtl/assets/img/others/4.jpg b/quarter-rtl/assets/img/others/4.jpg
new file mode 100644
index 0000000..a794959
Binary files /dev/null and b/quarter-rtl/assets/img/others/4.jpg differ
diff --git a/quarter-rtl/assets/img/others/5.jpg b/quarter-rtl/assets/img/others/5.jpg
new file mode 100644
index 0000000..1d49509
Binary files /dev/null and b/quarter-rtl/assets/img/others/5.jpg differ
diff --git a/quarter-rtl/assets/img/others/5.png b/quarter-rtl/assets/img/others/5.png
new file mode 100644
index 0000000..4123f91
Binary files /dev/null and b/quarter-rtl/assets/img/others/5.png differ
diff --git a/quarter-rtl/assets/img/others/6.jpg b/quarter-rtl/assets/img/others/6.jpg
new file mode 100644
index 0000000..97d1630
Binary files /dev/null and b/quarter-rtl/assets/img/others/6.jpg differ
diff --git a/quarter-rtl/assets/img/others/7.png b/quarter-rtl/assets/img/others/7.png
new file mode 100644
index 0000000..a87b6a9
Binary files /dev/null and b/quarter-rtl/assets/img/others/7.png differ
diff --git a/quarter-rtl/assets/img/others/8.png b/quarter-rtl/assets/img/others/8.png
new file mode 100644
index 0000000..6e49d90
Binary files /dev/null and b/quarter-rtl/assets/img/others/8.png differ
diff --git a/quarter-rtl/assets/img/others/9.jpg b/quarter-rtl/assets/img/others/9.jpg
new file mode 100644
index 0000000..59159c2
Binary files /dev/null and b/quarter-rtl/assets/img/others/9.jpg differ
diff --git a/quarter-rtl/assets/img/others/9.png b/quarter-rtl/assets/img/others/9.png
new file mode 100644
index 0000000..551f9d9
Binary files /dev/null and b/quarter-rtl/assets/img/others/9.png differ
diff --git a/quarter-rtl/assets/img/others/error-1.png b/quarter-rtl/assets/img/others/error-1.png
new file mode 100644
index 0000000..8c0cf80
Binary files /dev/null and b/quarter-rtl/assets/img/others/error-1.png differ
diff --git a/quarter-rtl/assets/img/product-2/1.png b/quarter-rtl/assets/img/product-2/1.png
new file mode 100644
index 0000000..3406f86
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/1.png differ
diff --git a/quarter-rtl/assets/img/product-2/10.png b/quarter-rtl/assets/img/product-2/10.png
new file mode 100644
index 0000000..c4b173e
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/10.png differ
diff --git a/quarter-rtl/assets/img/product-2/11.png b/quarter-rtl/assets/img/product-2/11.png
new file mode 100644
index 0000000..8e66b1b
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/11.png differ
diff --git a/quarter-rtl/assets/img/product-2/12.png b/quarter-rtl/assets/img/product-2/12.png
new file mode 100644
index 0000000..492145e
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/12.png differ
diff --git a/quarter-rtl/assets/img/product-2/13.png b/quarter-rtl/assets/img/product-2/13.png
new file mode 100644
index 0000000..529e7c1
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/13.png differ
diff --git a/quarter-rtl/assets/img/product-2/14.png b/quarter-rtl/assets/img/product-2/14.png
new file mode 100644
index 0000000..1a9060f
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/14.png differ
diff --git a/quarter-rtl/assets/img/product-2/2.png b/quarter-rtl/assets/img/product-2/2.png
new file mode 100644
index 0000000..89ae06c
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/2.png differ
diff --git a/quarter-rtl/assets/img/product-2/3.png b/quarter-rtl/assets/img/product-2/3.png
new file mode 100644
index 0000000..bd93674
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/3.png differ
diff --git a/quarter-rtl/assets/img/product-2/4.png b/quarter-rtl/assets/img/product-2/4.png
new file mode 100644
index 0000000..7271c86
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/4.png differ
diff --git a/quarter-rtl/assets/img/product-2/5.png b/quarter-rtl/assets/img/product-2/5.png
new file mode 100644
index 0000000..66dda39
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/5.png differ
diff --git a/quarter-rtl/assets/img/product-2/6.png b/quarter-rtl/assets/img/product-2/6.png
new file mode 100644
index 0000000..a01076f
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/6.png differ
diff --git a/quarter-rtl/assets/img/product-2/7.png b/quarter-rtl/assets/img/product-2/7.png
new file mode 100644
index 0000000..8a4e665
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/7.png differ
diff --git a/quarter-rtl/assets/img/product-2/8.png b/quarter-rtl/assets/img/product-2/8.png
new file mode 100644
index 0000000..f920034
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/8.png differ
diff --git a/quarter-rtl/assets/img/product-2/9.png b/quarter-rtl/assets/img/product-2/9.png
new file mode 100644
index 0000000..9f3271b
Binary files /dev/null and b/quarter-rtl/assets/img/product-2/9.png differ
diff --git a/quarter-rtl/assets/img/product-3/1.jpg b/quarter-rtl/assets/img/product-3/1.jpg
new file mode 100644
index 0000000..cab0c08
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/1.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/10.jpg b/quarter-rtl/assets/img/product-3/10.jpg
new file mode 100644
index 0000000..f780154
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/10.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/2.jpg b/quarter-rtl/assets/img/product-3/2.jpg
new file mode 100644
index 0000000..54b959d
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/2.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/3.jpg b/quarter-rtl/assets/img/product-3/3.jpg
new file mode 100644
index 0000000..e32a573
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/3.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/4.jpg b/quarter-rtl/assets/img/product-3/4.jpg
new file mode 100644
index 0000000..cfc4ec0
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/4.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/5.jpg b/quarter-rtl/assets/img/product-3/5.jpg
new file mode 100644
index 0000000..6dc1070
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/5.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/6.jpg b/quarter-rtl/assets/img/product-3/6.jpg
new file mode 100644
index 0000000..115ed27
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/6.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/7.jpg b/quarter-rtl/assets/img/product-3/7.jpg
new file mode 100644
index 0000000..11ad80b
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/7.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/8.jpg b/quarter-rtl/assets/img/product-3/8.jpg
new file mode 100644
index 0000000..1e6c087
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/8.jpg differ
diff --git a/quarter-rtl/assets/img/product-3/9.jpg b/quarter-rtl/assets/img/product-3/9.jpg
new file mode 100644
index 0000000..a69d31f
Binary files /dev/null and b/quarter-rtl/assets/img/product-3/9.jpg differ
diff --git a/quarter-rtl/assets/img/product/1.png b/quarter-rtl/assets/img/product/1.png
new file mode 100644
index 0000000..f510d91
Binary files /dev/null and b/quarter-rtl/assets/img/product/1.png differ
diff --git a/quarter-rtl/assets/img/product/10.png b/quarter-rtl/assets/img/product/10.png
new file mode 100644
index 0000000..32ee540
Binary files /dev/null and b/quarter-rtl/assets/img/product/10.png differ
diff --git a/quarter-rtl/assets/img/product/11.png b/quarter-rtl/assets/img/product/11.png
new file mode 100644
index 0000000..d3b0480
Binary files /dev/null and b/quarter-rtl/assets/img/product/11.png differ
diff --git a/quarter-rtl/assets/img/product/12.png b/quarter-rtl/assets/img/product/12.png
new file mode 100644
index 0000000..151c350
Binary files /dev/null and b/quarter-rtl/assets/img/product/12.png differ
diff --git a/quarter-rtl/assets/img/product/13.png b/quarter-rtl/assets/img/product/13.png
new file mode 100644
index 0000000..f1c5091
Binary files /dev/null and b/quarter-rtl/assets/img/product/13.png differ
diff --git a/quarter-rtl/assets/img/product/14.png b/quarter-rtl/assets/img/product/14.png
new file mode 100644
index 0000000..c8b1180
Binary files /dev/null and b/quarter-rtl/assets/img/product/14.png differ
diff --git a/quarter-rtl/assets/img/product/15.png b/quarter-rtl/assets/img/product/15.png
new file mode 100644
index 0000000..f307dfe
Binary files /dev/null and b/quarter-rtl/assets/img/product/15.png differ
diff --git a/quarter-rtl/assets/img/product/16.png b/quarter-rtl/assets/img/product/16.png
new file mode 100644
index 0000000..dbad6c3
Binary files /dev/null and b/quarter-rtl/assets/img/product/16.png differ
diff --git a/quarter-rtl/assets/img/product/17.png b/quarter-rtl/assets/img/product/17.png
new file mode 100644
index 0000000..19fc8d4
Binary files /dev/null and b/quarter-rtl/assets/img/product/17.png differ
diff --git a/quarter-rtl/assets/img/product/18.png b/quarter-rtl/assets/img/product/18.png
new file mode 100644
index 0000000..5b09f8f
Binary files /dev/null and b/quarter-rtl/assets/img/product/18.png differ
diff --git a/quarter-rtl/assets/img/product/19.png b/quarter-rtl/assets/img/product/19.png
new file mode 100644
index 0000000..e26bc9c
Binary files /dev/null and b/quarter-rtl/assets/img/product/19.png differ
diff --git a/quarter-rtl/assets/img/product/2.png b/quarter-rtl/assets/img/product/2.png
new file mode 100644
index 0000000..c5ef7ed
Binary files /dev/null and b/quarter-rtl/assets/img/product/2.png differ
diff --git a/quarter-rtl/assets/img/product/3.png b/quarter-rtl/assets/img/product/3.png
new file mode 100644
index 0000000..1565a44
Binary files /dev/null and b/quarter-rtl/assets/img/product/3.png differ
diff --git a/quarter-rtl/assets/img/product/4.png b/quarter-rtl/assets/img/product/4.png
new file mode 100644
index 0000000..bc9f5d6
Binary files /dev/null and b/quarter-rtl/assets/img/product/4.png differ
diff --git a/quarter-rtl/assets/img/product/5.png b/quarter-rtl/assets/img/product/5.png
new file mode 100644
index 0000000..f510d91
Binary files /dev/null and b/quarter-rtl/assets/img/product/5.png differ
diff --git a/quarter-rtl/assets/img/product/6.png b/quarter-rtl/assets/img/product/6.png
new file mode 100644
index 0000000..c5ef7ed
Binary files /dev/null and b/quarter-rtl/assets/img/product/6.png differ
diff --git a/quarter-rtl/assets/img/product/7.png b/quarter-rtl/assets/img/product/7.png
new file mode 100644
index 0000000..1565a44
Binary files /dev/null and b/quarter-rtl/assets/img/product/7.png differ
diff --git a/quarter-rtl/assets/img/product/8.png b/quarter-rtl/assets/img/product/8.png
new file mode 100644
index 0000000..bc9f5d6
Binary files /dev/null and b/quarter-rtl/assets/img/product/8.png differ
diff --git a/quarter-rtl/assets/img/product/9.png b/quarter-rtl/assets/img/product/9.png
new file mode 100644
index 0000000..c2df7be
Binary files /dev/null and b/quarter-rtl/assets/img/product/9.png differ
diff --git a/quarter-rtl/assets/img/service/1.jpg b/quarter-rtl/assets/img/service/1.jpg
new file mode 100644
index 0000000..4f35a0b
Binary files /dev/null and b/quarter-rtl/assets/img/service/1.jpg differ
diff --git a/quarter-rtl/assets/img/service/11.jpg b/quarter-rtl/assets/img/service/11.jpg
new file mode 100644
index 0000000..1b98f97
Binary files /dev/null and b/quarter-rtl/assets/img/service/11.jpg differ
diff --git a/quarter-rtl/assets/img/service/2.jpg b/quarter-rtl/assets/img/service/2.jpg
new file mode 100644
index 0000000..48aa207
Binary files /dev/null and b/quarter-rtl/assets/img/service/2.jpg differ
diff --git a/quarter-rtl/assets/img/service/21.jpg b/quarter-rtl/assets/img/service/21.jpg
new file mode 100644
index 0000000..87d3387
Binary files /dev/null and b/quarter-rtl/assets/img/service/21.jpg differ
diff --git a/quarter-rtl/assets/img/service/22.jpg b/quarter-rtl/assets/img/service/22.jpg
new file mode 100644
index 0000000..ac50c4c
Binary files /dev/null and b/quarter-rtl/assets/img/service/22.jpg differ
diff --git a/quarter-rtl/assets/img/service/3.jpg b/quarter-rtl/assets/img/service/3.jpg
new file mode 100644
index 0000000..2fcb791
Binary files /dev/null and b/quarter-rtl/assets/img/service/3.jpg differ
diff --git a/quarter-rtl/assets/img/service/31.jpg b/quarter-rtl/assets/img/service/31.jpg
new file mode 100644
index 0000000..370bd54
Binary files /dev/null and b/quarter-rtl/assets/img/service/31.jpg differ
diff --git a/quarter-rtl/assets/img/service/32.jpg b/quarter-rtl/assets/img/service/32.jpg
new file mode 100644
index 0000000..60f7198
Binary files /dev/null and b/quarter-rtl/assets/img/service/32.jpg differ
diff --git a/quarter-rtl/assets/img/service/33.jpg b/quarter-rtl/assets/img/service/33.jpg
new file mode 100644
index 0000000..83edb05
Binary files /dev/null and b/quarter-rtl/assets/img/service/33.jpg differ
diff --git a/quarter-rtl/assets/img/service/34.jpg b/quarter-rtl/assets/img/service/34.jpg
new file mode 100644
index 0000000..195b6fd
Binary files /dev/null and b/quarter-rtl/assets/img/service/34.jpg differ
diff --git a/quarter-rtl/assets/img/service/history-1.jpg b/quarter-rtl/assets/img/service/history-1.jpg
new file mode 100644
index 0000000..3ed6137
Binary files /dev/null and b/quarter-rtl/assets/img/service/history-1.jpg differ
diff --git a/quarter-rtl/assets/img/slider/--21.png b/quarter-rtl/assets/img/slider/--21.png
new file mode 100644
index 0000000..8c7b22a
Binary files /dev/null and b/quarter-rtl/assets/img/slider/--21.png differ
diff --git a/quarter-rtl/assets/img/slider/1.jpg b/quarter-rtl/assets/img/slider/1.jpg
new file mode 100644
index 0000000..7f12b46
Binary files /dev/null and b/quarter-rtl/assets/img/slider/1.jpg differ
diff --git a/quarter-rtl/assets/img/slider/11.jpg b/quarter-rtl/assets/img/slider/11.jpg
new file mode 100644
index 0000000..8fdf261
Binary files /dev/null and b/quarter-rtl/assets/img/slider/11.jpg differ
diff --git a/quarter-rtl/assets/img/slider/111.jpeg b/quarter-rtl/assets/img/slider/111.jpeg
new file mode 100644
index 0000000..2a8895e
Binary files /dev/null and b/quarter-rtl/assets/img/slider/111.jpeg differ
diff --git a/quarter-rtl/assets/img/slider/12.jpg b/quarter-rtl/assets/img/slider/12.jpg
new file mode 100644
index 0000000..2d7af6b
Binary files /dev/null and b/quarter-rtl/assets/img/slider/12.jpg differ
diff --git a/quarter-rtl/assets/img/slider/13.jpg b/quarter-rtl/assets/img/slider/13.jpg
new file mode 100644
index 0000000..5bc6035
Binary files /dev/null and b/quarter-rtl/assets/img/slider/13.jpg differ
diff --git a/quarter-rtl/assets/img/slider/14.jpg b/quarter-rtl/assets/img/slider/14.jpg
new file mode 100644
index 0000000..98a130c
Binary files /dev/null and b/quarter-rtl/assets/img/slider/14.jpg differ
diff --git a/quarter-rtl/assets/img/slider/2.jpg b/quarter-rtl/assets/img/slider/2.jpg
new file mode 100644
index 0000000..a973c16
Binary files /dev/null and b/quarter-rtl/assets/img/slider/2.jpg differ
diff --git a/quarter-rtl/assets/img/slider/21.png b/quarter-rtl/assets/img/slider/21.png
new file mode 100644
index 0000000..aca0e98
Binary files /dev/null and b/quarter-rtl/assets/img/slider/21.png differ
diff --git a/quarter-rtl/assets/img/slider/22.png b/quarter-rtl/assets/img/slider/22.png
new file mode 100644
index 0000000..a81ffbf
Binary files /dev/null and b/quarter-rtl/assets/img/slider/22.png differ
diff --git a/quarter-rtl/assets/img/slider/3.jpg b/quarter-rtl/assets/img/slider/3.jpg
new file mode 100644
index 0000000..9d4b135
Binary files /dev/null and b/quarter-rtl/assets/img/slider/3.jpg differ
diff --git a/quarter-rtl/assets/img/slider/31-bg.png b/quarter-rtl/assets/img/slider/31-bg.png
new file mode 100644
index 0000000..86d9c2e
Binary files /dev/null and b/quarter-rtl/assets/img/slider/31-bg.png differ
diff --git a/quarter-rtl/assets/img/slider/31.png b/quarter-rtl/assets/img/slider/31.png
new file mode 100644
index 0000000..3f9265b
Binary files /dev/null and b/quarter-rtl/assets/img/slider/31.png differ
diff --git a/quarter-rtl/assets/img/slider/41-1.png b/quarter-rtl/assets/img/slider/41-1.png
new file mode 100644
index 0000000..2a2040f
Binary files /dev/null and b/quarter-rtl/assets/img/slider/41-1.png differ
diff --git a/quarter-rtl/assets/img/slider/41.jpg b/quarter-rtl/assets/img/slider/41.jpg
new file mode 100644
index 0000000..1cc8aa7
Binary files /dev/null and b/quarter-rtl/assets/img/slider/41.jpg differ
diff --git a/quarter-rtl/assets/img/slider/51.jpg b/quarter-rtl/assets/img/slider/51.jpg
new file mode 100644
index 0000000..fd35709
Binary files /dev/null and b/quarter-rtl/assets/img/slider/51.jpg differ
diff --git a/quarter-rtl/assets/img/slider/52.jpg b/quarter-rtl/assets/img/slider/52.jpg
new file mode 100644
index 0000000..50c7e4e
Binary files /dev/null and b/quarter-rtl/assets/img/slider/52.jpg differ
diff --git a/quarter-rtl/assets/img/slider/53.jpg b/quarter-rtl/assets/img/slider/53.jpg
new file mode 100644
index 0000000..5259c93
Binary files /dev/null and b/quarter-rtl/assets/img/slider/53.jpg differ
diff --git a/quarter-rtl/assets/img/slider/61.jpg b/quarter-rtl/assets/img/slider/61.jpg
new file mode 100644
index 0000000..55e973c
Binary files /dev/null and b/quarter-rtl/assets/img/slider/61.jpg differ
diff --git a/quarter-rtl/assets/img/slider/62.jpg b/quarter-rtl/assets/img/slider/62.jpg
new file mode 100644
index 0000000..fd6cf28
Binary files /dev/null and b/quarter-rtl/assets/img/slider/62.jpg differ
diff --git a/quarter-rtl/assets/img/slider/63.jpg b/quarter-rtl/assets/img/slider/63.jpg
new file mode 100644
index 0000000..118a7fd
Binary files /dev/null and b/quarter-rtl/assets/img/slider/63.jpg differ
diff --git a/quarter-rtl/assets/img/slider/64.jpg b/quarter-rtl/assets/img/slider/64.jpg
new file mode 100644
index 0000000..202f9b9
Binary files /dev/null and b/quarter-rtl/assets/img/slider/64.jpg differ
diff --git a/quarter-rtl/assets/img/team/1.jpg b/quarter-rtl/assets/img/team/1.jpg
new file mode 100644
index 0000000..f294cf9
Binary files /dev/null and b/quarter-rtl/assets/img/team/1.jpg differ
diff --git a/quarter-rtl/assets/img/team/2.jpg b/quarter-rtl/assets/img/team/2.jpg
new file mode 100644
index 0000000..243aacd
Binary files /dev/null and b/quarter-rtl/assets/img/team/2.jpg differ
diff --git a/quarter-rtl/assets/img/team/21.jpg b/quarter-rtl/assets/img/team/21.jpg
new file mode 100644
index 0000000..16c3355
Binary files /dev/null and b/quarter-rtl/assets/img/team/21.jpg differ
diff --git a/quarter-rtl/assets/img/team/3.jpg b/quarter-rtl/assets/img/team/3.jpg
new file mode 100644
index 0000000..f693399
Binary files /dev/null and b/quarter-rtl/assets/img/team/3.jpg differ
diff --git a/quarter-rtl/assets/img/team/4.jpg b/quarter-rtl/assets/img/team/4.jpg
new file mode 100644
index 0000000..528a2c5
Binary files /dev/null and b/quarter-rtl/assets/img/team/4.jpg differ
diff --git a/quarter-rtl/assets/img/team/5.jpg b/quarter-rtl/assets/img/team/5.jpg
new file mode 100644
index 0000000..1420d72
Binary files /dev/null and b/quarter-rtl/assets/img/team/5.jpg differ
diff --git a/quarter-rtl/assets/img/team/6.jpg b/quarter-rtl/assets/img/team/6.jpg
new file mode 100644
index 0000000..0d35c46
Binary files /dev/null and b/quarter-rtl/assets/img/team/6.jpg differ
diff --git a/quarter-rtl/assets/img/team/7.jpg b/quarter-rtl/assets/img/team/7.jpg
new file mode 100644
index 0000000..702c8f2
Binary files /dev/null and b/quarter-rtl/assets/img/team/7.jpg differ
diff --git a/quarter-rtl/assets/img/team/8.jpg b/quarter-rtl/assets/img/team/8.jpg
new file mode 100644
index 0000000..79010d8
Binary files /dev/null and b/quarter-rtl/assets/img/team/8.jpg differ
diff --git a/quarter-rtl/assets/img/team/9.jpg b/quarter-rtl/assets/img/team/9.jpg
new file mode 100644
index 0000000..d718ddd
Binary files /dev/null and b/quarter-rtl/assets/img/team/9.jpg differ
diff --git a/quarter-rtl/assets/img/team/t-4.png b/quarter-rtl/assets/img/team/t-4.png
new file mode 100644
index 0000000..3ff1694
Binary files /dev/null and b/quarter-rtl/assets/img/team/t-4.png differ
diff --git a/quarter-rtl/assets/img/testimonial/1.jpg b/quarter-rtl/assets/img/testimonial/1.jpg
new file mode 100644
index 0000000..0dfce75
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/1.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/2.jpg b/quarter-rtl/assets/img/testimonial/2.jpg
new file mode 100644
index 0000000..cb52120
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/2.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/3.jpg b/quarter-rtl/assets/img/testimonial/3.jpg
new file mode 100644
index 0000000..3592c00
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/3.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/4.jpg b/quarter-rtl/assets/img/testimonial/4.jpg
new file mode 100644
index 0000000..5a3bd59
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/4.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/5.jpg b/quarter-rtl/assets/img/testimonial/5.jpg
new file mode 100644
index 0000000..2b948ad
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/5.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/6.jpg b/quarter-rtl/assets/img/testimonial/6.jpg
new file mode 100644
index 0000000..5327716
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/6.jpg differ
diff --git a/quarter-rtl/assets/img/testimonial/7.jpg b/quarter-rtl/assets/img/testimonial/7.jpg
new file mode 100644
index 0000000..613df7a
Binary files /dev/null and b/quarter-rtl/assets/img/testimonial/7.jpg differ
diff --git a/quarter-rtl/assets/js/accordion.js b/quarter-rtl/assets/js/accordion.js
new file mode 100644
index 0000000..d1b6721
--- /dev/null
+++ b/quarter-rtl/assets/js/accordion.js
@@ -0,0 +1,97 @@
+// style controllers
+
+const controllerStyle = (accordionController, isActive) => {
+  const rotateAbleLine = accordionController.querySelectorAll("span")[1];
+
+  if (rotateAbleLine) {
+    rotateAbleLine.style.transform = !isActive
+      ? "rotate(0deg)"
+      : "rotate(90deg)";
+  }
+};
+
+// accordion hide and show
+const toggleAccordion = (accordion, isActive, currentIndex, index) => {
+  const parentContent = accordion.closest(".accordion-content");
+  const content = accordion.querySelector(".accordion-content");
+  const contentWrapper = accordion.querySelector(".content-wrapper");
+  const contentHeight = contentWrapper.offsetHeight;
+
+  let contenStyleHeight = content.style.height;
+  if (contenStyleHeight === "auto") {
+    content.style.height = `${contentHeight}px`;
+  }
+
+  setTimeout(() => {
+    content.style.height = !isActive ? `${contentHeight}px` : 0;
+  }, 1);
+  if (!isActive) {
+    setTimeout(() => {
+      if (!parentContent) {
+        content.style.height = `auto`;
+      }
+    }, 500);
+  }
+};
+
+// get accordion controller and listen click event
+const accordionController = (accordionContainer) => {
+  const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
+
+  groupOfAccordion.forEach((accordion, idx) => {
+    const accordionController = accordion.querySelector(
+      ".accordion-controller"
+    );
+    const isInitialyActive = accordion.classList.contains("active");
+
+    if (isInitialyActive) {
+      const contents = accordion.querySelector(".accordion-content");
+      const contentHeight = contents.children[0].offsetHeight;
+      if (contentHeight) {
+        contents.style.height = `${contentHeight}px`;
+      }
+    }
+
+    if (accordionController) {
+      accordionController.addEventListener("click", function () {
+        const currentAccordion = this.closest(".accordion");
+
+        const isActive = currentAccordion.classList.contains("active");
+        let waitForDblClick = setTimeout(() => {
+          groupOfAccordion.forEach((accordion, idx1) => {
+            const isAccordionController = accordion.querySelector(
+              ".accordion-controller"
+            );
+
+            if (isAccordionController) {
+              accordion.classList.remove("active");
+              const accordionController = accordion.querySelector(
+                ".accordion-controller"
+              );
+              controllerStyle(accordionController, true);
+              toggleAccordion(accordion, true, idx, idx1);
+            }
+          });
+          if (!isActive) {
+            currentAccordion.classList.add("active");
+            controllerStyle(accordionController, false);
+            toggleAccordion(currentAccordion, false);
+          }
+        }, 10);
+        accordionController.addEventListener("dblclick", function () {
+          clearTimeout(waitForDblClick);
+        });
+      });
+    }
+  });
+};
+const accordions = () => {
+  const accordionContainers = document.querySelectorAll(".accordion-container");
+
+  if (!accordionContainers.length) {
+    return;
+  }
+  accordionContainers.forEach((accordionContainer) => {
+    accordionController(accordionContainer);
+  });
+};
diff --git a/quarter-rtl/assets/js/count.js b/quarter-rtl/assets/js/count.js
new file mode 100644
index 0000000..bab3ea1
--- /dev/null
+++ b/quarter-rtl/assets/js/count.js
@@ -0,0 +1,33 @@
+const count = () => {
+  const countContainers = document.querySelectorAll(".count-container");
+
+  if (!count) {
+    return;
+  }
+
+  countContainers.forEach((countContainer) => {
+    const countIput = countContainer.querySelector("input");
+    const minCount = countContainer.querySelector(".mincount");
+    const maxCount = countContainer.querySelector(".maxcount");
+
+    minCount.addEventListener("click", () => {
+      let currentValue = parseInt(countIput.value);
+  
+      if (currentValue === 0 || currentValue < 0) {
+        if (currentValue === 0) {
+          currentValue = 1;
+        } else {
+          currentValue = 0;
+        }
+      } else {
+        currentValue--;
+      }
+      countIput.value = currentValue;
+    });
+    maxCount.addEventListener("click", () => {
+      let currentValue = parseInt(countIput.value);
+      currentValue++;
+      countIput.value = currentValue;
+    });
+  });
+};
diff --git a/quarter-rtl/assets/js/countdown.js b/quarter-rtl/assets/js/countdown.js
new file mode 100644
index 0000000..7c3274f
--- /dev/null
+++ b/quarter-rtl/assets/js/countdown.js
@@ -0,0 +1,74 @@
+const countDown = () => {
+  // Set the target date for the countdown (change it to your desired end date)
+  const coundownContainers = document.querySelectorAll("[data-countdown]");
+  if (coundownContainers?.length) {
+    let countdownInterval;
+    coundownContainers.forEach((coundownContainer) => {
+      const countDownFields = [...coundownContainer.children];
+
+      const targetDateArray = coundownContainer
+        .getAttribute("data-countdown")
+        .split("/");
+
+      const targetDate = new Date(
+        `${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
+      ).getTime();
+
+      // Update the countdown every second
+      countdownInterval = setInterval(
+        () => updateCountdown(targetDate, countDownFields),
+        1000
+      );
+    });
+
+    function updateCountdown(targetDate, countDownFields) {
+      // Get the current date and time
+      const currentDate = new Date().getTime();
+
+      // Calculate the remaining time
+      const timeDifference = targetDate - currentDate;
+
+      // Calculate days, hours, minutes, and seconds
+      const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+      const hours = Math.floor(
+        (timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+      );
+      const minutes = Math.floor(
+        (timeDifference % (1000 * 60 * 60)) / (1000 * 60)
+      );
+      const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
+
+      // Display the countdown
+      countDownFields.forEach((countDownField, ind) => {
+        countDownField.querySelector(".count").innerHTML =
+          ind === 0
+            ? days > 9
+              ? days
+              : `0${days}`
+            : ind === 1
+            ? hours > 9
+              ? hours
+              : `0${hours}`
+            : ind === 2
+            ? minutes > 9
+              ? minutes
+              : `0${minutes}`
+            : seconds > 9
+            ? seconds
+            : `0${seconds}`;
+      });
+
+      // If the countdown is finished, clear the interval
+      if (timeDifference < 0) {
+        clearInterval(countdownInterval);
+        // document.getElementById("countdown").innerHTML = "Countdown expired!";
+
+        // Display the countdown
+        countDownFields.forEach((countDownField, ind) => {
+          countDownField.querySelector(".count").innerHTML =
+            ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
+        });
+      }
+    }
+  }
+};
diff --git a/quarter-rtl/assets/js/counterup.js b/quarter-rtl/assets/js/counterup.js
new file mode 100644
index 0000000..7900fd1
--- /dev/null
+++ b/quarter-rtl/assets/js/counterup.js
@@ -0,0 +1,82 @@
+class countUp {
+  constructor(el) {
+    this.el = el;
+    this.setVars();
+    this.init();
+  }
+
+  setVars() {
+    this.number = this.el.querySelectorAll("[data-countup-number]");
+    this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
+    this.observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        const end = parseFloat(
+          entry.target.dataset.countupNumber.replace(/,/g, "")
+        );
+        const decimals = this.countDecimals(end);
+        if (entry.isIntersecting) {
+          this.iterateValue(entry.target, end, decimals);
+        }
+      });
+    }, this.observerOptions);
+  }
+
+  init() {
+    if (this.number.length > 0) {
+      this.number.forEach((el) => {
+        this.observer.observe(el);
+      });
+    }
+  }
+
+  iterateValue(el, end, decimals) {
+    const start = 0;
+    const duration = 2500;
+    let startTimestamp = null;
+
+    const step = (timestamp) => {
+      if (!startTimestamp) startTimestamp = timestamp;
+      const elapsedPercent = (timestamp - startTimestamp) / duration;
+      const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
+      let interimNumber = Math.abs(easedProgress * (end - start) + start);
+      el.innerHTML = this.formatNumber(interimNumber, decimals);
+      if (easedProgress < 1) {
+        window.requestAnimationFrame(step);
+      }
+    };
+
+    // requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
+    window.requestAnimationFrame(step);
+  }
+
+  easeOutQuad(x) {
+    return 1 - Math.pow(1 - x, 3);
+  }
+
+  easeOutQuint(x) {
+    return 1 - Math.pow(1 - x, 5);
+  }
+
+  countDecimals(val) {
+    if (Math.floor(val) === val) return 0;
+    return val.toString().split(".")[1].length || 0;
+  }
+
+  formatNumber(val, decimals) {
+    return val.toLocaleString("en-US", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+    });
+  }
+}
+
+// Simplifed version of Viget dynamic modules to attach instances for this demo
+// https://www.viget.com/articles/how-does-viget-javascript/
+// You CAN use this pattern, but it's single purpose right now
+const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
+
+dataModules.forEach((element) => {
+  element.dataset.module.split(" ").forEach(function () {
+    new countUp(element);
+  });
+});
diff --git a/quarter-rtl/assets/js/drawer.js b/quarter-rtl/assets/js/drawer.js
new file mode 100644
index 0000000..ee83637
--- /dev/null
+++ b/quarter-rtl/assets/js/drawer.js
@@ -0,0 +1,41 @@
+// open drawer
+const handleOpen = (drawer, drawerShow) => {
+  const drawerContainer = drawer.parentNode;
+  drawerShow.addEventListener("click", () => {
+    const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
+
+    if (mobileControllerIcon) {
+      mobileControllerIcon.classList.toggle("close");
+    }
+    drawerContainer.classList.add("active");
+  });
+};
+// close drawer
+const handleClose = (drawer, drawerShow, closedrawer) => {
+  const drawerContainer = drawer.parentNode;
+  closedrawer.addEventListener("click", () => {
+    drawerContainer.classList.remove("active");
+    const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
+    if (mobileControllerIcon) {
+      mobileControllerIcon.classList.toggle("close");
+    }
+  });
+};
+// controll mobile menu
+const drawer = () => {
+  const drawerShowButtons = document.querySelectorAll(".show-drawer");
+  const drawers = document.querySelectorAll(".drawer");
+  if (drawerShowButtons?.length) {
+    drawerShowButtons.forEach((drawerShow, idx) => {
+      const drawer = drawers[idx];
+      if (drawer) {
+        const darawerContainer = drawer.parentNode;
+        handleOpen(drawer, drawerShow);
+        const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
+        closedrawers?.forEach((closedrawer) => {
+          handleClose(drawer, drawerShow, closedrawer);
+        });
+      }
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/filter.js b/quarter-rtl/assets/js/filter.js
new file mode 100644
index 0000000..945478a
--- /dev/null
+++ b/quarter-rtl/assets/js/filter.js
@@ -0,0 +1,59 @@
+// tab controller
+const filter = () => {
+  //isotop
+  var grid = document.querySelector(".filter-contents");
+  if (grid) {
+    var iso = new Isotope(grid, {
+      // options...
+      itemSelector: ".grid-item",
+      percentPosition: true,
+      masonry: {
+        columnWidth: ".grid-item",
+      },
+    });
+    // filter functions
+    var filterFns = {
+      // show if number is greater than 50
+      numberGreaterThan50: function (itemElem) {
+        var number = itemElem.querySelector(".number").textContent;
+        return parseInt(number, 10) > 50;
+      },
+      // show if name ends with -ium
+      ium: function (itemElem) {
+        var name = itemElem.querySelector(".name").textContent;
+        return name.match(/ium$/);
+      },
+    };
+
+    // bind filter button click
+    var filtersElem = document.querySelector(".filters-button-group");
+    filtersElem.addEventListener("click", function (event) {
+      // only work with buttons
+      if (!matchesSelector(event.target, "button")) {
+        return;
+      }
+      var filterValue = event.target.getAttribute("data-filter");
+      // use matching filter function
+      filterValue = filterFns[filterValue] || filterValue;
+      iso.arrange({ filter: filterValue });
+    });
+
+    // change is-checked class on buttons
+    var buttonGroups = document.querySelectorAll(".button-group");
+    for (var i = 0, len = buttonGroups.length; i < len; i++) {
+      var buttonGroup = buttonGroups[i];
+      radioButtonGroup(buttonGroup);
+    }
+
+    function radioButtonGroup(buttonGroup) {
+      buttonGroup.addEventListener("click", function (event) {
+        // only work with buttons
+        if (!matchesSelector(event.target, "button")) {
+          return;
+        }
+        buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
+        event.target.classList.add("is-checked");
+      });
+    }
+  }
+};
diff --git a/quarter-rtl/assets/js/glightbox.min.js b/quarter-rtl/assets/js/glightbox.min.js
new file mode 100644
index 0000000..57dfb24
--- /dev/null
+++ b/quarter-rtl/assets/js/glightbox.min.js
@@ -0,0 +1,2925 @@
+!(function (e, t) {
+  "object" == typeof exports && "undefined" != typeof module
+    ? (module.exports = t())
+    : "function" == typeof define && define.amd
+    ? define(t)
+    : ((e = e || self).GLightbox = t());
+})(this, function () {
+  "use strict";
+
+  function e(e) {
+    var t = (function (e, t) {
+      if ("object" != typeof e || !e) return e;
+      var i = e[Symbol.toPrimitive];
+      if (void 0 !== i) {
+        var n = i.call(e, t || "default");
+        if ("object" != typeof n) return n;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return ("string" === t ? String : Number)(e);
+    })(e, "string");
+    return "symbol" == typeof t ? t : t + "";
+  }
+  function t(e) {
+    return (t =
+      "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
+        ? function (e) {
+            return typeof e;
+          }
+        : function (e) {
+            return e &&
+              "function" == typeof Symbol &&
+              e.constructor === Symbol &&
+              e !== Symbol.prototype
+              ? "symbol"
+              : typeof e;
+          })(e);
+  }
+  function i(e, t) {
+    if (!(e instanceof t))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function n(t, i) {
+    for (var n = 0; n < i.length; n++) {
+      var s = i[n];
+      (s.enumerable = s.enumerable || !1),
+        (s.configurable = !0),
+        "value" in s && (s.writable = !0),
+        Object.defineProperty(t, e(s.key), s);
+    }
+  }
+  function s(e, t, i) {
+    return (
+      t && n(e.prototype, t),
+      i && n(e, i),
+      Object.defineProperty(e, "prototype", { writable: !1 }),
+      e
+    );
+  }
+  function cgsc(container, status) {
+    const countEles = document.querySelectorAll(".gslide-count");
+    const prevSlides = document.querySelectorAll(".gprev");
+    const nextSlides = document.querySelectorAll(".gnext");
+
+    setTimeout(() => {
+      const totalIdx = container.elements.length;
+      const currentIdx = container.index;
+      const countCildren = countEles[currentIdx ? currentIdx : 0].children;
+
+      countEles.forEach((countEle) => {
+        countCildren[0].innerText = currentIdx + 1;
+        countCildren[1].innerText = totalIdx;
+        if (totalIdx < 2) {
+          countEle.style.opacity = 0;
+          prevSlides[currentIdx].style.opacity = 0;
+          nextSlides[currentIdx].style.opacity = 0;
+        } else {
+          // countEle.style.opacity = 100;
+          // prevSlides[currentIdx].style.opacity = 100;
+          // nextSlides[currentIdx].style.opacity = 100;
+        }
+      });
+    }, 10);
+  }
+  var l = Date.now();
+  function o() {
+    var e = {},
+      t = !0,
+      i = 0,
+      n = arguments.length;
+    "[object Boolean]" === Object.prototype.toString.call(arguments[0]) &&
+      ((t = arguments[0]), i++);
+    for (
+      var s = function (i) {
+        for (var n in i)
+          Object.prototype.hasOwnProperty.call(i, n) &&
+            (t && "[object Object]" === Object.prototype.toString.call(i[n])
+              ? (e[n] = o(!0, e[n], i[n]))
+              : (e[n] = i[n]));
+      };
+      i < n;
+      i++
+    ) {
+      var l = arguments[i];
+      s(l);
+    }
+    return e;
+  }
+  function r(e, t) {
+    if (
+      ((E(e) || e === window || e === document) && (e = [e]),
+      L(e) || I(e) || (e = [e]),
+      0 != M(e))
+    )
+      if (L(e) && !I(e))
+        for (
+          var i = e.length, n = 0;
+          n < i && !1 !== t.call(e[n], e[n], n, e);
+          n++
+        );
+      else if (I(e))
+        for (var s in e) if (P(e, s) && !1 === t.call(e[s], e[s], s, e)) break;
+  }
+  function a(e) {
+    var t =
+        arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
+      i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
+      n = (e[l] = e[l] || []),
+      s = { all: n, evt: null, found: null };
+    return (
+      t &&
+        i &&
+        M(n) > 0 &&
+        r(n, function (e, n) {
+          if (e.eventName == t && e.fn.toString() == i.toString())
+            return (s.found = !0), (s.evt = n), !1;
+        }),
+      s
+    );
+  }
+  function h(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
+      i = t.onElement,
+      n = t.withCallback,
+      s = t.avoidDuplicate,
+      l = void 0 === s || s,
+      o = t.once,
+      h = void 0 !== o && o,
+      d = t.useCapture,
+      c = void 0 !== d && d,
+      u = arguments.length > 2 ? arguments[2] : void 0,
+      g = i || [];
+    function v(e) {
+      C(n) && n.call(u, e, this), h && v.destroy();
+    }
+    return (
+      k(g) && (g = document.querySelectorAll(g)),
+      (v.destroy = function () {
+        r(g, function (t) {
+          var i = a(t, e, v);
+          i.found && i.all.splice(i.evt, 1),
+            t.removeEventListener && t.removeEventListener(e, v, c);
+        });
+      }),
+      r(g, function (t) {
+        var i = a(t, e, v);
+        ((t.addEventListener && l && !i.found) || !l) &&
+          (t.addEventListener(e, v, c), i.all.push({ eventName: e, fn: v }));
+      }),
+      v
+    );
+  }
+  function d(e, t) {
+    r(t.split(" "), function (t) {
+      return e.classList.add(t);
+    });
+  }
+  function c(e, t) {
+    r(t.split(" "), function (t) {
+      return e.classList.remove(t);
+    });
+  }
+  function u(e, t) {
+    return e.classList.contains(t);
+  }
+  function g(e, t) {
+    for (; e !== document.body; ) {
+      if (!(e = e.parentElement)) return !1;
+      if (
+        "function" == typeof e.matches ? e.matches(t) : e.msMatchesSelector(t)
+      )
+        return e;
+    }
+  }
+  function v(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
+      i = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
+    if (!e || "" === t) return !1;
+    if ("none" === t) return C(i) && i(), !1;
+    var n = b(),
+      s = t.split(" ");
+    r(s, function (t) {
+      d(e, "g" + t);
+    }),
+      h(n, {
+        onElement: e,
+        avoidDuplicate: !1,
+        once: !0,
+        withCallback: function (e, t) {
+          r(s, function (e) {
+            c(t, "g" + e);
+          }),
+            C(i) && i();
+        },
+      });
+  }
+  function f(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
+    if ("" === t)
+      return (
+        (e.style.webkitTransform = ""),
+        (e.style.MozTransform = ""),
+        (e.style.msTransform = ""),
+        (e.style.OTransform = ""),
+        (e.style.transform = ""),
+        !1
+      );
+    (e.style.webkitTransform = t),
+      (e.style.MozTransform = t),
+      (e.style.msTransform = t),
+      (e.style.OTransform = t),
+      (e.style.transform = t);
+  }
+  function p(e) {
+    e.style.display = "block";
+  }
+  function m(e) {
+    e.style.display = "none";
+  }
+  function y(e) {
+    var t = document.createDocumentFragment(),
+      i = document.createElement("div");
+    for (i.innerHTML = e; i.firstChild; ) t.appendChild(i.firstChild);
+    return t;
+  }
+  function x() {
+    return {
+      width:
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth,
+      height:
+        window.innerHeight ||
+        document.documentElement.clientHeight ||
+        document.body.clientHeight,
+    };
+  }
+  function b() {
+    var e,
+      t = document.createElement("fakeelement"),
+      i = {
+        animation: "animationend",
+        OAnimation: "oAnimationEnd",
+        MozAnimation: "animationend",
+        WebkitAnimation: "webkitAnimationEnd",
+      };
+    for (e in i) if (void 0 !== t.style[e]) return i[e];
+  }
+  function S(e, t, i, n) {
+    if (e()) t();
+    else {
+      var s;
+      i || (i = 100);
+      var l = setInterval(function () {
+        e() && (clearInterval(l), s && clearTimeout(s), t());
+      }, i);
+      n &&
+        (s = setTimeout(function () {
+          clearInterval(l);
+        }, n));
+    }
+  }
+  function w(e, t, i) {
+    if (O(e)) console.error("Inject assets error");
+    else if ((C(t) && ((i = t), (t = !1)), k(t) && t in window)) C(i) && i();
+    else {
+      var n;
+      if (-1 !== e.indexOf(".css")) {
+        if (
+          (n = document.querySelectorAll('link[href="' + e + '"]')) &&
+          n.length > 0
+        )
+          return void (C(i) && i());
+        var s = document.getElementsByTagName("head")[0],
+          l = s.querySelectorAll('link[rel="stylesheet"]'),
+          o = document.createElement("link");
+        return (
+          (o.rel = "stylesheet"),
+          (o.type = "text/css"),
+          (o.href = e),
+          (o.media = "all"),
+          l ? s.insertBefore(o, l[0]) : s.appendChild(o),
+          void (C(i) && i())
+        );
+      }
+      if (
+        (n = document.querySelectorAll('script[src="' + e + '"]')) &&
+        n.length > 0
+      ) {
+        if (C(i)) {
+          if (k(t))
+            return (
+              S(
+                function () {
+                  return void 0 !== window[t];
+                },
+                function () {
+                  i();
+                }
+              ),
+              !1
+            );
+          i();
+        }
+      } else {
+        var r = document.createElement("script");
+        (r.type = "text/javascript"),
+          (r.src = e),
+          (r.onload = function () {
+            if (C(i)) {
+              if (k(t))
+                return (
+                  S(
+                    function () {
+                      return void 0 !== window[t];
+                    },
+                    function () {
+                      i();
+                    }
+                  ),
+                  !1
+                );
+              i();
+            }
+          }),
+          document.body.appendChild(r);
+      }
+    }
+  }
+  function T() {
+    return (
+      "navigator" in window &&
+      window.navigator.userAgent.match(
+        /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i
+      )
+    );
+  }
+  function C(e) {
+    return "function" == typeof e;
+  }
+  function k(e) {
+    return "string" == typeof e;
+  }
+  function E(e) {
+    return !(!e || !e.nodeType || 1 != e.nodeType);
+  }
+  function A(e) {
+    return Array.isArray(e);
+  }
+  function L(e) {
+    return e && e.length && isFinite(e.length);
+  }
+  function I(e) {
+    return "object" === t(e) && null != e && !C(e) && !A(e);
+  }
+  function O(e) {
+    return null == e;
+  }
+  function P(e, t) {
+    return null !== e && hasOwnProperty.call(e, t);
+  }
+  function M(e) {
+    if (I(e)) {
+      if (e.keys) return e.keys().length;
+      var t = 0;
+      for (var i in e) P(e, i) && t++;
+      return t;
+    }
+    return e.length;
+  }
+  function z(e) {
+    return !isNaN(parseFloat(e)) && isFinite(e);
+  }
+  function X() {
+    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : -1,
+      t = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)");
+    if (!t.length) return !1;
+    if (1 == t.length) return t[0];
+    "string" == typeof e && (e = parseInt(e));
+    var i = [];
+    r(t, function (e) {
+      i.push(e.getAttribute("data-taborder"));
+    });
+    var n = Math.max.apply(
+        Math,
+        i.map(function (e) {
+          return parseInt(e);
+        })
+      ),
+      s = e < 0 ? 1 : e + 1;
+    s > n && (s = "1");
+    var l = i.filter(function (e) {
+        return e >= parseInt(s);
+      }),
+      o = l.sort()[0];
+    return document.querySelector('.gbtn[data-taborder="'.concat(o, '"]'));
+  }
+  function Y(e) {
+    if (e.events.hasOwnProperty("keyboard")) return !1;
+    e.events.keyboard = h("keydown", {
+      onElement: window,
+      withCallback: function (t, i) {
+        var n = (t = t || window.event).keyCode;
+        if (9 == n) {
+          var s = document.querySelector(".gbtn.focused");
+          if (!s) {
+            var l =
+              !(!document.activeElement || !document.activeElement.nodeName) &&
+              document.activeElement.nodeName.toLocaleLowerCase();
+            if ("input" == l || "textarea" == l || "button" == l) return;
+          }
+          t.preventDefault();
+          var o = document.querySelectorAll(".gbtn[data-taborder]");
+          if (!o || o.length <= 0) return;
+          if (!s) {
+            var r = X();
+            return void (r && (r.focus(), d(r, "focused")));
+          }
+          var a = X(s.getAttribute("data-taborder"));
+          c(s, "focused"), a && (a.focus(), d(a, "focused"));
+        }
+        39 == n && e.nextSlide(),
+          37 == n && e.prevSlide(),
+          27 == n && e.close();
+      },
+    });
+  }
+  var q = s(
+      function e(t, n) {
+        var s = this,
+          l =
+            arguments.length > 2 && void 0 !== arguments[2]
+              ? arguments[2]
+              : null;
+        if (
+          (i(this, e),
+          (this.img = t),
+          (this.slide = n),
+          (this.onclose = l),
+          this.img.setZoomEvents)
+        )
+          return !1;
+        (this.active = !1),
+          (this.zoomedIn = !1),
+          (this.dragging = !1),
+          (this.currentX = null),
+          (this.currentY = null),
+          (this.initialX = null),
+          (this.initialY = null),
+          (this.xOffset = 0),
+          (this.yOffset = 0),
+          this.img.addEventListener(
+            "mousedown",
+            function (e) {
+              return s.dragStart(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "mouseup",
+            function (e) {
+              return s.dragEnd(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "mousemove",
+            function (e) {
+              return s.drag(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "click",
+            function (e) {
+              return s.slide.classList.contains("dragging-nav")
+                ? (s.zoomOut(), !1)
+                : s.zoomedIn
+                ? void (s.zoomedIn && !s.dragging && s.zoomOut())
+                : s.zoomIn();
+            },
+            !1
+          ),
+          (this.img.setZoomEvents = !0);
+      },
+      [
+        {
+          key: "zoomIn",
+          value: function () {
+            var e = this.widowWidth();
+            if (!(this.zoomedIn || e <= 768)) {
+              var t = this.img;
+              if (
+                (t.setAttribute("data-style", t.getAttribute("style")),
+                (t.style.maxWidth = t.naturalWidth + "px"),
+                (t.style.maxHeight = t.naturalHeight + "px"),
+                t.naturalWidth > e)
+              ) {
+                var i = e / 2 - t.naturalWidth / 2;
+                this.setTranslate(this.img.parentNode, i, 0);
+              }
+              this.slide.classList.add("zoomed"), (this.zoomedIn = !0);
+            }
+          },
+        },
+        {
+          key: "zoomOut",
+          value: function () {
+            this.img.parentNode.setAttribute("style", ""),
+              this.img.setAttribute(
+                "style",
+                this.img.getAttribute("data-style")
+              ),
+              this.slide.classList.remove("zoomed"),
+              (this.zoomedIn = !1),
+              (this.currentX = null),
+              (this.currentY = null),
+              (this.initialX = null),
+              (this.initialY = null),
+              (this.xOffset = 0),
+              (this.yOffset = 0),
+              this.onclose &&
+                "function" == typeof this.onclose &&
+                this.onclose();
+          },
+        },
+        {
+          key: "dragStart",
+          value: function (e) {
+            e.preventDefault(),
+              this.zoomedIn
+                ? ("touchstart" === e.type
+                    ? ((this.initialX = e.touches[0].clientX - this.xOffset),
+                      (this.initialY = e.touches[0].clientY - this.yOffset))
+                    : ((this.initialX = e.clientX - this.xOffset),
+                      (this.initialY = e.clientY - this.yOffset)),
+                  e.target === this.img &&
+                    ((this.active = !0), this.img.classList.add("dragging")))
+                : (this.active = !1);
+          },
+        },
+        {
+          key: "dragEnd",
+          value: function (e) {
+            var t = this;
+            e.preventDefault(),
+              (this.initialX = this.currentX),
+              (this.initialY = this.currentY),
+              (this.active = !1),
+              setTimeout(function () {
+                (t.dragging = !1),
+                  (t.img.isDragging = !1),
+                  t.img.classList.remove("dragging");
+              }, 100);
+          },
+        },
+        {
+          key: "drag",
+          value: function (e) {
+            this.active &&
+              (e.preventDefault(),
+              "touchmove" === e.type
+                ? ((this.currentX = e.touches[0].clientX - this.initialX),
+                  (this.currentY = e.touches[0].clientY - this.initialY))
+                : ((this.currentX = e.clientX - this.initialX),
+                  (this.currentY = e.clientY - this.initialY)),
+              (this.xOffset = this.currentX),
+              (this.yOffset = this.currentY),
+              (this.img.isDragging = !0),
+              (this.dragging = !0),
+              this.setTranslate(this.img, this.currentX, this.currentY));
+          },
+        },
+        {
+          key: "onMove",
+          value: function (e) {
+            if (this.zoomedIn) {
+              var t = e.clientX - this.img.naturalWidth / 2,
+                i = e.clientY - this.img.naturalHeight / 2;
+              this.setTranslate(this.img, t, i);
+            }
+          },
+        },
+        {
+          key: "setTranslate",
+          value: function (e, t, i) {
+            e.style.transform = "translate3d(" + t + "px, " + i + "px, 0)";
+          },
+        },
+        {
+          key: "widowWidth",
+          value: function () {
+            return (
+              window.innerWidth ||
+              document.documentElement.clientWidth ||
+              document.body.clientWidth
+            );
+          },
+        },
+      ]
+    ),
+    N = s(
+      function e() {
+        var t = this,
+          n =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e);
+        var s = n.dragEl,
+          l = n.toleranceX,
+          o = void 0 === l ? 40 : l,
+          r = n.toleranceY,
+          a = void 0 === r ? 65 : r,
+          h = n.slide,
+          d = void 0 === h ? null : h,
+          c = n.instance,
+          u = void 0 === c ? null : c;
+        (this.el = s),
+          (this.active = !1),
+          (this.dragging = !1),
+          (this.currentX = null),
+          (this.currentY = null),
+          (this.initialX = null),
+          (this.initialY = null),
+          (this.xOffset = 0),
+          (this.yOffset = 0),
+          (this.direction = null),
+          (this.lastDirection = null),
+          (this.toleranceX = o),
+          (this.toleranceY = a),
+          (this.toleranceReached = !1),
+          (this.dragContainer = this.el),
+          (this.slide = d),
+          (this.instance = u),
+          this.el.addEventListener(
+            "mousedown",
+            function (e) {
+              return t.dragStart(e);
+            },
+            !1
+          ),
+          this.el.addEventListener(
+            "mouseup",
+            function (e) {
+              return t.dragEnd(e);
+            },
+            !1
+          ),
+          this.el.addEventListener(
+            "mousemove",
+            function (e) {
+              return t.drag(e);
+            },
+            !1
+          );
+      },
+      [
+        {
+          key: "dragStart",
+          value: function (e) {
+            if (this.slide.classList.contains("zoomed")) this.active = !1;
+            else {
+              "touchstart" === e.type
+                ? ((this.initialX = e.touches[0].clientX - this.xOffset),
+                  (this.initialY = e.touches[0].clientY - this.yOffset))
+                : ((this.initialX = e.clientX - this.xOffset),
+                  (this.initialY = e.clientY - this.yOffset));
+              var t = e.target.nodeName.toLowerCase();
+              e.target.classList.contains("nodrag") ||
+              g(e.target, ".nodrag") ||
+              -1 !== ["input", "select", "textarea", "button", "a"].indexOf(t)
+                ? (this.active = !1)
+                : (e.preventDefault(),
+                  (e.target === this.el ||
+                    ("img" !== t && g(e.target, ".gslide-inline"))) &&
+                    ((this.active = !0),
+                    this.el.classList.add("dragging"),
+                    (this.dragContainer = g(e.target, ".ginner-container"))));
+            }
+          },
+        },
+        {
+          key: "dragEnd",
+          value: function (e) {
+            var t = this;
+            e && e.preventDefault(),
+              (this.initialX = 0),
+              (this.initialY = 0),
+              (this.currentX = null),
+              (this.currentY = null),
+              (this.initialX = null),
+              (this.initialY = null),
+              (this.xOffset = 0),
+              (this.yOffset = 0),
+              (this.active = !1),
+              this.doSlideChange &&
+                ((this.instance.preventOutsideClick = !0),
+                "right" == this.doSlideChange && this.instance.prevSlide(),
+                "left" == this.doSlideChange && this.instance.nextSlide()),
+              this.doSlideClose && this.instance.close(),
+              this.toleranceReached ||
+                this.setTranslate(this.dragContainer, 0, 0, !0),
+              setTimeout(function () {
+                (t.instance.preventOutsideClick = !1),
+                  (t.toleranceReached = !1),
+                  (t.lastDirection = null),
+                  (t.dragging = !1),
+                  (t.el.isDragging = !1),
+                  t.el.classList.remove("dragging"),
+                  t.slide.classList.remove("dragging-nav"),
+                  (t.dragContainer.style.transform = ""),
+                  (t.dragContainer.style.transition = "");
+              }, 100);
+          },
+        },
+        {
+          key: "drag",
+          value: function (e) {
+            if (this.active) {
+              e.preventDefault(),
+                this.slide.classList.add("dragging-nav"),
+                "touchmove" === e.type
+                  ? ((this.currentX = e.touches[0].clientX - this.initialX),
+                    (this.currentY = e.touches[0].clientY - this.initialY))
+                  : ((this.currentX = e.clientX - this.initialX),
+                    (this.currentY = e.clientY - this.initialY)),
+                (this.xOffset = this.currentX),
+                (this.yOffset = this.currentY),
+                (this.el.isDragging = !0),
+                (this.dragging = !0),
+                (this.doSlideChange = !1),
+                (this.doSlideClose = !1);
+              var t = Math.abs(this.currentX),
+                i = Math.abs(this.currentY);
+              if (
+                t > 0 &&
+                t >= Math.abs(this.currentY) &&
+                (!this.lastDirection || "x" == this.lastDirection)
+              ) {
+                (this.yOffset = 0),
+                  (this.lastDirection = "x"),
+                  this.setTranslate(this.dragContainer, this.currentX, 0);
+                var n = this.shouldChange();
+                if (
+                  (!this.instance.settings.dragAutoSnap &&
+                    n &&
+                    (this.doSlideChange = n),
+                  this.instance.settings.dragAutoSnap && n)
+                )
+                  return (
+                    (this.instance.preventOutsideClick = !0),
+                    (this.toleranceReached = !0),
+                    (this.active = !1),
+                    (this.instance.preventOutsideClick = !0),
+                    this.dragEnd(null),
+                    "right" == n && this.instance.prevSlide(),
+                    void ("left" == n && this.instance.nextSlide())
+                  );
+              }
+              if (
+                this.toleranceY > 0 &&
+                i > 0 &&
+                i >= t &&
+                (!this.lastDirection || "y" == this.lastDirection)
+              ) {
+                (this.xOffset = 0),
+                  (this.lastDirection = "y"),
+                  this.setTranslate(this.dragContainer, 0, this.currentY);
+                var s = this.shouldClose();
+                return (
+                  !this.instance.settings.dragAutoSnap &&
+                    s &&
+                    (this.doSlideClose = !0),
+                  void (
+                    this.instance.settings.dragAutoSnap &&
+                    s &&
+                    this.instance.close()
+                  )
+                );
+              }
+            }
+          },
+        },
+        {
+          key: "shouldChange",
+          value: function () {
+            var e = !1;
+            if (Math.abs(this.currentX) >= this.toleranceX) {
+              var t = this.currentX > 0 ? "right" : "left";
+              (("left" == t &&
+                this.slide !== this.slide.parentNode.lastChild) ||
+                ("right" == t &&
+                  this.slide !== this.slide.parentNode.firstChild)) &&
+                (e = t);
+            }
+            return e;
+          },
+        },
+        {
+          key: "shouldClose",
+          value: function () {
+            var e = !1;
+            return Math.abs(this.currentY) >= this.toleranceY && (e = !0), e;
+          },
+        },
+        {
+          key: "setTranslate",
+          value: function (e, t, i) {
+            var n =
+              arguments.length > 3 && void 0 !== arguments[3] && arguments[3];
+            (e.style.transition = n ? "all .2s ease" : ""),
+              (e.style.transform = "translate3d("
+                .concat(t, "px, ")
+                .concat(i, "px, 0)"));
+          },
+        },
+      ]
+    );
+  function D(e, t, i, n) {
+    var s = e.querySelector(".gslide-media"),
+      l = new Image(),
+      o = "gSlideTitle_" + i,
+      r = "gSlideDesc_" + i;
+    l.addEventListener(
+      "load",
+      function () {
+        C(n) && n();
+      },
+      !1
+    ),
+      (l.src = t.href),
+      "" != t.sizes &&
+        "" != t.srcset &&
+        ((l.sizes = t.sizes), (l.srcset = t.srcset)),
+      (l.alt = ""),
+      O(t.alt) || "" === t.alt || (l.alt = t.alt),
+      "" !== t.title && l.setAttribute("aria-labelledby", o),
+      "" !== t.description && l.setAttribute("aria-describedby", r),
+      t.hasOwnProperty("_hasCustomWidth") &&
+        t._hasCustomWidth &&
+        (l.style.width = t.width),
+      t.hasOwnProperty("_hasCustomHeight") &&
+        t._hasCustomHeight &&
+        (l.style.height = t.height),
+      s.insertBefore(l, s.firstChild);
+  }
+  function _(e, t, i, n) {
+    var s = this,
+      l = e.querySelector(".ginner-container"),
+      o = "gvideo" + i,
+      r = e.querySelector(".gslide-media"),
+      a = this.getAllPlayers();
+    d(l, "gvideo-container"),
+      r.insertBefore(y('<div class="gvideo-wrapper"></div>'), r.firstChild);
+    var h = e.querySelector(".gvideo-wrapper");
+    w(this.settings.plyr.css, "Plyr");
+    var c = t.href,
+      u = null == t ? void 0 : t.videoProvider,
+      g = !1;
+    (r.style.maxWidth = t.width),
+      w(this.settings.plyr.js, "Plyr", function () {
+        if (
+          (!u && c.match(/vimeo\.com\/([0-9]*)/) && (u = "vimeo"),
+          !u &&
+            (c.match(
+              /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+            ) ||
+              c.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+              c.match(
+                /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+              ) ||
+              c.match(
+                /(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/
+              )) &&
+            (u = "youtube"),
+          "local" === u || !u)
+        ) {
+          u = "local";
+          var l = '<video id="' + o + '" ';
+          (l += 'style="background:#000; max-width: '.concat(t.width, ';" ')),
+            (l += 'preload="metadata" '),
+            (l += 'x-webkit-airplay="allow" '),
+            (l += "playsinline "),
+            (l += "controls "),
+            (l += 'class="gvideo-local">'),
+            (l += '<source src="'.concat(c, '">')),
+            (g = y((l += "</video>")));
+        }
+
+        var r =
+          g ||
+          y(
+            '<div id="'
+              .concat(o, '" data-plyr-provider="')
+              .concat(u, '" data-plyr-embed-id="')
+              .concat(c, '"></div>')
+          );
+        d(h, "".concat(u, "-video gvideo")),
+          h.appendChild(r),
+          h.setAttribute("data-id", o),
+          h.setAttribute("data-index", i);
+        var v = P(s.settings.plyr, "config") ? s.settings.plyr.config : {},
+          f = new Plyr("#" + o, v);
+        f.on("ready", function (e) {
+          (a[o] = e.detail.plyr), C(n) && n();
+        }),
+          S(
+            function () {
+              return (
+                e.querySelector("iframe") &&
+                "true" == e.querySelector("iframe").dataset.ready
+              );
+            },
+            function () {
+              s.resize(e);
+            }
+          ),
+          f.on("enterfullscreen", W),
+          f.on("exitfullscreen", W);
+      });
+  }
+  function W(e) {
+    var t = g(e.target, ".gslide-media");
+    "enterfullscreen" === e.type && d(t, "fullscreen"),
+      "exitfullscreen" === e.type && c(t, "fullscreen");
+  }
+  function B(e, t, i, n) {
+    var s,
+      l = this,
+      o = e.querySelector(".gslide-media"),
+      r = !(!P(t, "href") || !t.href) && t.href.split("#").pop().trim(),
+      a = !(!P(t, "content") || !t.content) && t.content;
+    if (
+      a &&
+      (k(a) && (s = y('<div class="ginlined-content">'.concat(a, "</div>"))),
+      E(a))
+    ) {
+      "none" == a.style.display && (a.style.display = "block");
+      var c = document.createElement("div");
+      (c.className = "ginlined-content"), c.appendChild(a), (s = c);
+    }
+    if (r) {
+      var u = document.getElementById(r);
+      if (!u) return !1;
+      var g = u.cloneNode(!0);
+      (g.style.height = t.height),
+        (g.style.maxWidth = t.width),
+        d(g, "ginlined-content"),
+        (s = g);
+    }
+    if (!s)
+      return console.error("Unable to append inline slide content", t), !1;
+    (o.style.height = t.height),
+      (o.style.width = t.width),
+      o.appendChild(s),
+      (this.events["inlineclose" + r] = h("click", {
+        onElement: o.querySelectorAll(".gtrigger-close"),
+        withCallback: function (e) {
+          e.preventDefault(), l.close();
+        },
+      })),
+      C(n) && n();
+  }
+  function H(e, t, i, n) {
+    var s = e.querySelector(".gslide-media"),
+      l = (function (e) {
+        var t = e.url,
+          i = e.allow,
+          n = e.callback,
+          s = e.appendTo,
+          l = document.createElement("iframe");
+        return (
+          (l.className = "vimeo-video gvideo"),
+          (l.src = t),
+          (l.style.width = "100%"),
+          (l.style.height = "100%"),
+          i && l.setAttribute("allow", i),
+          (l.onload = function () {
+            (l.onload = null), d(l, "node-ready"), C(n) && n();
+          }),
+          s && s.appendChild(l),
+          l
+        );
+      })({ url: t.href, callback: n });
+    (s.parentNode.style.maxWidth = t.width),
+      (s.parentNode.style.height = t.height),
+      s.appendChild(l);
+  }
+  var j = s(
+      function e() {
+        var t =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e),
+          (this.defaults = {
+            href: "",
+            sizes: "",
+            srcset: "",
+            title: "",
+            type: "",
+            videoProvider: "",
+            description: "",
+            alt: "",
+            descPosition: "bottom",
+            effect: "",
+            width: "",
+            height: "",
+            content: !1,
+            zoomable: !0,
+            draggable: !0,
+          }),
+          I(t) && (this.defaults = o(this.defaults, t));
+      },
+      [
+        {
+          key: "sourceType",
+          value: function (e) {
+            var t = e;
+            return null !==
+              (e = e.toLowerCase()).match(
+                /\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/
+              )
+              ? "image"
+              : e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+                e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(/vimeo\.com\/([0-9]*)/) ||
+                null !== e.match(/\.(mp4|ogg|webm|mov)/)
+              ? "video"
+              : null !== e.match(/\.(mp3|wav|wma|aac|ogg)/)
+              ? "audio"
+              : e.indexOf("#") > -1 && "" !== t.split("#").pop().trim()
+              ? "inline"
+              : e.indexOf("goajax=true") > -1
+              ? "ajax"
+              : "external";
+          },
+        },
+        {
+          key: "parseConfig",
+          value: function (e, t) {
+            var i = this,
+              n = o({ descPosition: t.descPosition }, this.defaults);
+            if (I(e) && !E(e)) {
+              P(e, "type") ||
+                (P(e, "content") && e.content
+                  ? (e.type = "inline")
+                  : P(e, "href") && (e.type = this.sourceType(e.href)));
+
+              var s = o(n, e);
+              return this.setSize(s, t), s;
+            }
+            var l = "",
+              a = e.getAttribute("data-glightbox"),
+              h = e.nodeName.toLowerCase();
+            if (
+              ("a" === h && (l = e.href),
+              "img" === h && ((l = e.src), (n.alt = e.alt)),
+              (n.href = l),
+              r(n, function (s, l) {
+                P(t, l) && "width" !== l && (n[l] = t[l]);
+                var o = e.dataset[l];
+                O(o) || (n[l] = i.sanitizeValue(o));
+              }),
+              n.content && (n.type = "inline"),
+              !n.type && l && (n.type = this.sourceType(l)),
+              O(a))
+            ) {
+              if (!n.title && "a" == h) {
+                var d = e.title;
+                O(d) || "" === d || (n.title = d);
+              }
+              if (!n.title && "img" == h) {
+                var c = e.alt;
+                O(c) || "" === c || (n.title = c);
+              }
+            } else {
+              var u = [];
+              r(n, function (e, t) {
+                u.push(";\\s?" + t);
+              }),
+                (u = u.join("\\s?:|")),
+                "" !== a.trim() &&
+                  r(n, function (e, t) {
+                    var s = a,
+                      l = new RegExp("s?" + t + "s?:s?(.*?)(" + u + "s?:|$)"),
+                      o = s.match(l);
+                    if (o && o.length && o[1]) {
+                      var r = o[1].trim().replace(/;\s*$/, "");
+                      n[t] = i.sanitizeValue(r);
+                    }
+                  });
+            }
+            if (n.description && "." === n.description.substring(0, 1)) {
+              var g;
+              try {
+                g = document.querySelector(n.description).innerHTML;
+              } catch (e) {
+                if (!(e instanceof DOMException)) throw e;
+              }
+              g && (n.description = g);
+            }
+            if (!n.description) {
+              var v = e.querySelector(".glightbox-desc");
+              v && (n.description = v.innerHTML);
+            }
+            return this.setSize(n, t, e), (this.slideConfig = n), n;
+          },
+        },
+        {
+          key: "setSize",
+          value: function (e, t) {
+            var i =
+                arguments.length > 2 && void 0 !== arguments[2]
+                  ? arguments[2]
+                  : null,
+              n =
+                "video" == e.type
+                  ? this.checkSize(t.videosWidth)
+                  : this.checkSize(t.width),
+              s = this.checkSize(t.height);
+            return (
+              (e.width =
+                P(e, "width") && "" !== e.width ? this.checkSize(e.width) : n),
+              (e.height =
+                P(e, "height") && "" !== e.height
+                  ? this.checkSize(e.height)
+                  : s),
+              i &&
+                "image" == e.type &&
+                ((e._hasCustomWidth = !!i.dataset.width),
+                (e._hasCustomHeight = !!i.dataset.height)),
+              e
+            );
+          },
+        },
+        {
+          key: "checkSize",
+          value: function (e) {
+            return z(e) ? "".concat(e, "px") : e;
+          },
+        },
+        {
+          key: "sanitizeValue",
+          value: function (e) {
+            return "true" !== e && "false" !== e ? e : "true" === e;
+          },
+        },
+      ]
+    ),
+    V = s(
+      function e(t, n, s) {
+        i(this, e), (this.element = t), (this.instance = n), (this.index = s);
+      },
+      [
+        {
+          key: "setContent",
+          value: function () {
+            var e = this,
+              t =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : null,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
+            if (u(t, "loaded")) return !1;
+            var n = this.instance.settings,
+              s = this.slideConfig,
+              l = T();
+            C(n.beforeSlideLoad) &&
+              n.beforeSlideLoad({ index: this.index, slide: t, player: !1 });
+            var o = s.type,
+              r = s.descPosition,
+              a = t.querySelector(".gslide-media"),
+              h = t.querySelector(".gslide-title"),
+              c = t.querySelector(".gslide-desc"),
+              g = t.querySelector(".gdesc-inner"),
+              v = i,
+              f = "gSlideTitle_" + this.index,
+              p = "gSlideDesc_" + this.index;
+            if (
+              (C(n.afterSlideLoad) &&
+                (v = function () {
+                  C(i) && i(),
+                    n.afterSlideLoad({
+                      index: e.index,
+                      slide: t,
+                      player: e.instance.getSlidePlayerInstance(e.index),
+                    });
+                }),
+              "" == s.title && "" == s.description
+                ? g && g.parentNode.parentNode.removeChild(g.parentNode)
+                : (h && "" !== s.title
+                    ? ((h.id = f), (h.innerHTML = s.title))
+                    : h.parentNode.removeChild(h),
+                  c && "" !== s.description
+                    ? ((c.id = p),
+                      l && n.moreLength > 0
+                        ? ((s.smallDescription = this.slideShortDesc(
+                            s.description,
+                            n.moreLength,
+                            n.moreText
+                          )),
+                          (c.innerHTML = s.smallDescription),
+                          this.descriptionEvents(c, s))
+                        : (c.innerHTML = s.description))
+                    : c.parentNode.removeChild(c),
+                  d(a.parentNode, "desc-".concat(r)),
+                  d(g.parentNode, "description-".concat(r))),
+              d(a, "gslide-".concat(o)),
+              d(t, "loaded"),
+              "video" !== o)
+            ) {
+              if ("external" !== o)
+                return "inline" === o
+                  ? (B.apply(this.instance, [t, s, this.index, v]),
+                    void (
+                      s.draggable &&
+                      new N({
+                        dragEl: t.querySelector(".gslide-inline"),
+                        toleranceX: n.dragToleranceX,
+                        toleranceY: n.dragToleranceY,
+                        slide: t,
+                        instance: this.instance,
+                      })
+                    ))
+                  : void ("image" !== o
+                      ? C(v) && v()
+                      : D(t, s, this.index, function () {
+                          var i = t.querySelector("img");
+                          s.draggable &&
+                            new N({
+                              dragEl: i,
+                              toleranceX: n.dragToleranceX,
+                              toleranceY: n.dragToleranceY,
+                              slide: t,
+                              instance: e.instance,
+                            }),
+                            s.zoomable &&
+                              i.naturalWidth > i.offsetWidth &&
+                              (d(i, "zoomable"),
+                              new q(i, t, function () {
+                                e.instance.resize();
+                              })),
+                            C(v) && v();
+                        }));
+              H.apply(this, [t, s, this.index, v]);
+            } else _.apply(this.instance, [t, s, this.index, v]);
+          },
+        },
+        {
+          key: "slideShortDesc",
+          value: function (e) {
+            var t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : 50,
+              i =
+                arguments.length > 2 && void 0 !== arguments[2] && arguments[2],
+              n = document.createElement("div");
+            n.innerHTML = e;
+            var s = n.innerText,
+              l = i;
+            if ((e = s.trim()).length <= t) return e;
+            var o = e.substr(0, t - 1);
+            return l
+              ? ((n = null),
+                o + '... <a href="#" class="desc-more">' + i + "</a>")
+              : o;
+          },
+        },
+        {
+          key: "descriptionEvents",
+          value: function (e, t) {
+            var i = this,
+              n = e.querySelector(".desc-more");
+            if (!n) return !1;
+            h("click", {
+              onElement: n,
+              withCallback: function (e, n) {
+                e.preventDefault();
+                var s = document.body,
+                  l = g(n, ".gslide-desc");
+                if (!l) return !1;
+                (l.innerHTML = t.description), d(s, "gdesc-open");
+                var o = h("click", {
+                  onElement: [s, g(l, ".gslide-description")],
+                  withCallback: function (e, n) {
+                    "a" !== e.target.nodeName.toLowerCase() &&
+                      (c(s, "gdesc-open"),
+                      d(s, "gdesc-closed"),
+                      (l.innerHTML = t.smallDescription),
+                      i.descriptionEvents(l, t),
+                      setTimeout(function () {
+                        c(s, "gdesc-closed");
+                      }, 400),
+                      o.destroy());
+                  },
+                });
+              },
+            });
+          },
+        },
+        {
+          key: "create",
+          value: function () {
+            return y(this.instance.settings.slideHTML);
+          },
+        },
+        {
+          key: "getConfig",
+          value: function () {
+            E(this.element) ||
+              this.element.hasOwnProperty("draggable") ||
+              (this.element.draggable = this.instance.settings.draggable);
+            var e = new j(this.instance.settings.slideExtraAttributes);
+            return (
+              (this.slideConfig = e.parseConfig(
+                this.element,
+                this.instance.settings
+              )),
+              this.slideConfig
+            );
+          },
+        },
+      ]
+    );
+  function F(e) {
+    return Math.sqrt(e.x * e.x + e.y * e.y);
+  }
+  function R(e, t) {
+    var i = (function (e, t) {
+      var i = F(e) * F(t);
+      if (0 === i) return 0;
+      var n =
+        (function (e, t) {
+          return e.x * t.x + e.y * t.y;
+        })(e, t) / i;
+      return n > 1 && (n = 1), Math.acos(n);
+    })(e, t);
+    return (
+      (function (e, t) {
+        return e.x * t.y - t.x * e.y;
+      })(e, t) > 0 && (i *= -1),
+      (180 * i) / Math.PI
+    );
+  }
+  var G = s(
+    function e(t) {
+      i(this, e), (this.handlers = []), (this.el = t);
+    },
+    [
+      {
+        key: "add",
+        value: function (e) {
+          this.handlers.push(e);
+        },
+      },
+      {
+        key: "del",
+        value: function (e) {
+          e || (this.handlers = []);
+          for (var t = this.handlers.length; t >= 0; t--)
+            this.handlers[t] === e && this.handlers.splice(t, 1);
+        },
+      },
+      {
+        key: "dispatch",
+        value: function () {
+          for (var e = 0, t = this.handlers.length; e < t; e++) {
+            var i = this.handlers[e];
+            "function" == typeof i && i.apply(this.el, arguments);
+          }
+        },
+      },
+    ]
+  );
+  function Z(e, t) {
+    var i = new G(e);
+    return i.add(t), i;
+  }
+  var U = s(
+    function e(t, n) {
+      i(this, e),
+        (this.element = "string" == typeof t ? document.querySelector(t) : t),
+        (this.start = this.start.bind(this)),
+        (this.move = this.move.bind(this)),
+        (this.end = this.end.bind(this)),
+        (this.cancel = this.cancel.bind(this)),
+        this.element.addEventListener("touchstart", this.start, !1),
+        this.element.addEventListener("touchmove", this.move, !1),
+        this.element.addEventListener("touchend", this.end, !1),
+        this.element.addEventListener("touchcancel", this.cancel, !1),
+        (this.preV = { x: null, y: null }),
+        (this.pinchStartLen = null),
+        (this.zoom = 1),
+        (this.isDoubleTap = !1);
+      var s = function () {};
+      (this.rotate = Z(this.element, n.rotate || s)),
+        (this.touchStart = Z(this.element, n.touchStart || s)),
+        (this.multipointStart = Z(this.element, n.multipointStart || s)),
+        (this.multipointEnd = Z(this.element, n.multipointEnd || s)),
+        (this.pinch = Z(this.element, n.pinch || s)),
+        (this.swipe = Z(this.element, n.swipe || s)),
+        (this.tap = Z(this.element, n.tap || s)),
+        (this.doubleTap = Z(this.element, n.doubleTap || s)),
+        (this.longTap = Z(this.element, n.longTap || s)),
+        (this.singleTap = Z(this.element, n.singleTap || s)),
+        (this.pressMove = Z(this.element, n.pressMove || s)),
+        (this.twoFingerPressMove = Z(this.element, n.twoFingerPressMove || s)),
+        (this.touchMove = Z(this.element, n.touchMove || s)),
+        (this.touchEnd = Z(this.element, n.touchEnd || s)),
+        (this.touchCancel = Z(this.element, n.touchCancel || s)),
+        (this.translateContainer = this.element),
+        (this._cancelAllHandler = this.cancelAll.bind(this)),
+        window.addEventListener("scroll", this._cancelAllHandler),
+        (this.delta = null),
+        (this.last = null),
+        (this.now = null),
+        (this.tapTimeout = null),
+        (this.singleTapTimeout = null),
+        (this.longTapTimeout = null),
+        (this.swipeTimeout = null),
+        (this.x1 = this.x2 = this.y1 = this.y2 = null),
+        (this.preTapPosition = { x: null, y: null });
+    },
+    [
+      {
+        key: "start",
+        value: function (e) {
+          if (e.touches)
+            if (
+              e.target &&
+              e.target.nodeName &&
+              ["a", "button", "input"].indexOf(
+                e.target.nodeName.toLowerCase()
+              ) >= 0
+            )
+              console.log(
+                "ignore drag for this touched element",
+                e.target.nodeName.toLowerCase()
+              );
+            else {
+              (this.now = Date.now()),
+                (this.x1 = e.touches[0].pageX),
+                (this.y1 = e.touches[0].pageY),
+                (this.delta = this.now - (this.last || this.now)),
+                this.touchStart.dispatch(e, this.element),
+                null !== this.preTapPosition.x &&
+                  ((this.isDoubleTap =
+                    this.delta > 0 &&
+                    this.delta <= 250 &&
+                    Math.abs(this.preTapPosition.x - this.x1) < 30 &&
+                    Math.abs(this.preTapPosition.y - this.y1) < 30),
+                  this.isDoubleTap && clearTimeout(this.singleTapTimeout)),
+                (this.preTapPosition.x = this.x1),
+                (this.preTapPosition.y = this.y1),
+                (this.last = this.now);
+              var t = this.preV;
+              if (e.touches.length > 1) {
+                this._cancelLongTap(), this._cancelSingleTap();
+                var i = {
+                  x: e.touches[1].pageX - this.x1,
+                  y: e.touches[1].pageY - this.y1,
+                };
+                (t.x = i.x),
+                  (t.y = i.y),
+                  (this.pinchStartLen = F(t)),
+                  this.multipointStart.dispatch(e, this.element);
+              }
+              (this._preventTap = !1),
+                (this.longTapTimeout = setTimeout(
+                  function () {
+                    this.longTap.dispatch(e, this.element),
+                      (this._preventTap = !0);
+                  }.bind(this),
+                  750
+                ));
+            }
+        },
+      },
+      {
+        key: "move",
+        value: function (e) {
+          if (e.touches) {
+            var t = this.preV,
+              i = e.touches.length,
+              n = e.touches[0].pageX,
+              s = e.touches[0].pageY;
+            if (((this.isDoubleTap = !1), i > 1)) {
+              var l = e.touches[1].pageX,
+                o = e.touches[1].pageY,
+                r = { x: e.touches[1].pageX - n, y: e.touches[1].pageY - s };
+              null !== t.x &&
+                (this.pinchStartLen > 0 &&
+                  ((e.zoom = F(r) / this.pinchStartLen),
+                  this.pinch.dispatch(e, this.element)),
+                (e.angle = R(r, t)),
+                this.rotate.dispatch(e, this.element)),
+                (t.x = r.x),
+                (t.y = r.y),
+                null !== this.x2 && null !== this.sx2
+                  ? ((e.deltaX = (n - this.x2 + l - this.sx2) / 2),
+                    (e.deltaY = (s - this.y2 + o - this.sy2) / 2))
+                  : ((e.deltaX = 0), (e.deltaY = 0)),
+                this.twoFingerPressMove.dispatch(e, this.element),
+                (this.sx2 = l),
+                (this.sy2 = o);
+            } else {
+              if (null !== this.x2) {
+                (e.deltaX = n - this.x2), (e.deltaY = s - this.y2);
+                var a = Math.abs(this.x1 - this.x2),
+                  h = Math.abs(this.y1 - this.y2);
+                (a > 10 || h > 10) && (this._preventTap = !0);
+              } else (e.deltaX = 0), (e.deltaY = 0);
+              this.pressMove.dispatch(e, this.element);
+            }
+            this.touchMove.dispatch(e, this.element),
+              this._cancelLongTap(),
+              (this.x2 = n),
+              (this.y2 = s),
+              i > 1 && e.preventDefault();
+          }
+        },
+      },
+      {
+        key: "end",
+        value: function (e) {
+          if (e.changedTouches) {
+            this._cancelLongTap();
+            var t = this;
+            e.touches.length < 2 &&
+              (this.multipointEnd.dispatch(e, this.element),
+              (this.sx2 = this.sy2 = null)),
+              (this.x2 && Math.abs(this.x1 - this.x2) > 30) ||
+              (this.y2 && Math.abs(this.y1 - this.y2) > 30)
+                ? ((e.direction = this._swipeDirection(
+                    this.x1,
+                    this.x2,
+                    this.y1,
+                    this.y2
+                  )),
+                  (this.swipeTimeout = setTimeout(function () {
+                    t.swipe.dispatch(e, t.element);
+                  }, 0)))
+                : ((this.tapTimeout = setTimeout(function () {
+                    t._preventTap || t.tap.dispatch(e, t.element),
+                      t.isDoubleTap &&
+                        (t.doubleTap.dispatch(e, t.element),
+                        (t.isDoubleTap = !1));
+                  }, 0)),
+                  t.isDoubleTap ||
+                    (t.singleTapTimeout = setTimeout(function () {
+                      t.singleTap.dispatch(e, t.element);
+                    }, 250))),
+              this.touchEnd.dispatch(e, this.element),
+              (this.preV.x = 0),
+              (this.preV.y = 0),
+              (this.zoom = 1),
+              (this.pinchStartLen = null),
+              (this.x1 = this.x2 = this.y1 = this.y2 = null);
+          }
+        },
+      },
+      {
+        key: "cancelAll",
+        value: function () {
+          (this._preventTap = !0),
+            clearTimeout(this.singleTapTimeout),
+            clearTimeout(this.tapTimeout),
+            clearTimeout(this.longTapTimeout),
+            clearTimeout(this.swipeTimeout);
+        },
+      },
+      {
+        key: "cancel",
+        value: function (e) {
+          this.cancelAll(), this.touchCancel.dispatch(e, this.element);
+        },
+      },
+      {
+        key: "_cancelLongTap",
+        value: function () {
+          clearTimeout(this.longTapTimeout);
+        },
+      },
+      {
+        key: "_cancelSingleTap",
+        value: function () {
+          clearTimeout(this.singleTapTimeout);
+        },
+      },
+      {
+        key: "_swipeDirection",
+        value: function (e, t, i, n) {
+          return Math.abs(e - t) >= Math.abs(i - n)
+            ? e - t > 0
+              ? "Left"
+              : "Right"
+            : i - n > 0
+            ? "Up"
+            : "Down";
+        },
+      },
+      {
+        key: "on",
+        value: function (e, t) {
+          this[e] && this[e].add(t);
+        },
+      },
+      {
+        key: "off",
+        value: function (e, t) {
+          this[e] && this[e].del(t);
+        },
+      },
+      {
+        key: "destroy",
+        value: function () {
+          return (
+            this.singleTapTimeout && clearTimeout(this.singleTapTimeout),
+            this.tapTimeout && clearTimeout(this.tapTimeout),
+            this.longTapTimeout && clearTimeout(this.longTapTimeout),
+            this.swipeTimeout && clearTimeout(this.swipeTimeout),
+            this.element.removeEventListener("touchstart", this.start),
+            this.element.removeEventListener("touchmove", this.move),
+            this.element.removeEventListener("touchend", this.end),
+            this.element.removeEventListener("touchcancel", this.cancel),
+            this.rotate.del(),
+            this.touchStart.del(),
+            this.multipointStart.del(),
+            this.multipointEnd.del(),
+            this.pinch.del(),
+            this.swipe.del(),
+            this.tap.del(),
+            this.doubleTap.del(),
+            this.longTap.del(),
+            this.singleTap.del(),
+            this.pressMove.del(),
+            this.twoFingerPressMove.del(),
+            this.touchMove.del(),
+            this.touchEnd.del(),
+            this.touchCancel.del(),
+            (this.preV =
+              this.pinchStartLen =
+              this.zoom =
+              this.isDoubleTap =
+              this.delta =
+              this.last =
+              this.now =
+              this.tapTimeout =
+              this.singleTapTimeout =
+              this.longTapTimeout =
+              this.swipeTimeout =
+              this.x1 =
+              this.x2 =
+              this.y1 =
+              this.y2 =
+              this.preTapPosition =
+              this.rotate =
+              this.touchStart =
+              this.multipointStart =
+              this.multipointEnd =
+              this.pinch =
+              this.swipe =
+              this.tap =
+              this.doubleTap =
+              this.longTap =
+              this.singleTap =
+              this.pressMove =
+              this.touchMove =
+              this.touchEnd =
+              this.touchCancel =
+              this.twoFingerPressMove =
+                null),
+            window.removeEventListener("scroll", this._cancelAllHandler),
+            null
+          );
+        },
+      },
+    ]
+  );
+  function $(e) {
+    var t = (function () {
+        var e,
+          t = document.createElement("fakeelement"),
+          i = {
+            transition: "transitionend",
+            OTransition: "oTransitionEnd",
+            MozTransition: "transitionend",
+            WebkitTransition: "webkitTransitionEnd",
+          };
+        for (e in i) if (void 0 !== t.style[e]) return i[e];
+      })(),
+      i =
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth,
+      n = u(e, "gslide-media") ? e : e.querySelector(".gslide-media"),
+      s = g(n, ".ginner-container"),
+      l = e.querySelector(".gslide-description");
+    i > 769 && (n = s),
+      d(n, "greset"),
+      f(n, "translate3d(0, 0, 0)"),
+      h(t, {
+        onElement: n,
+        once: !0,
+        withCallback: function (e, t) {
+          c(n, "greset");
+        },
+      }),
+      (n.style.opacity = ""),
+      l && (l.style.opacity = "");
+  }
+  function J(e) {
+    if (e.events.hasOwnProperty("touch")) return !1;
+    var t,
+      i,
+      n,
+      s = x(),
+      l = s.width,
+      o = s.height,
+      r = !1,
+      a = null,
+      h = null,
+      v = null,
+      p = !1,
+      m = 1,
+      y = 1,
+      b = !1,
+      S = !1,
+      w = null,
+      T = null,
+      C = null,
+      k = null,
+      E = 0,
+      A = 0,
+      L = !1,
+      I = !1,
+      O = {},
+      P = {},
+      M = 0,
+      z = 0,
+      X = document.getElementById("glightbox-slider"),
+      Y = document.querySelector(".goverlay"),
+      q = new U(X, {
+        touchStart: function (t) {
+          if (
+            ((r = !0),
+            (u(t.targetTouches[0].target, "ginner-container") ||
+              g(t.targetTouches[0].target, ".gslide-desc") ||
+              "a" == t.targetTouches[0].target.nodeName.toLowerCase()) &&
+              (r = !1),
+            g(t.targetTouches[0].target, ".gslide-inline") &&
+              !u(t.targetTouches[0].target.parentNode, "gslide-inline") &&
+              (r = !1),
+            r)
+          ) {
+            if (
+              ((P = t.targetTouches[0]),
+              (O.pageX = t.targetTouches[0].pageX),
+              (O.pageY = t.targetTouches[0].pageY),
+              (M = t.targetTouches[0].clientX),
+              (z = t.targetTouches[0].clientY),
+              (a = e.activeSlide),
+              (h = a.querySelector(".gslide-media")),
+              (n = a.querySelector(".gslide-inline")),
+              (v = null),
+              u(h, "gslide-image") && (v = h.querySelector("img")),
+              (window.innerWidth ||
+                document.documentElement.clientWidth ||
+                document.body.clientWidth) > 769 &&
+                (h = a.querySelector(".ginner-container")),
+              c(Y, "greset"),
+              t.pageX > 20 && t.pageX < window.innerWidth - 20)
+            )
+              return;
+            t.preventDefault();
+          }
+        },
+        touchMove: function (s) {
+          if (r && ((P = s.targetTouches[0]), !b && !S)) {
+            if (n && n.offsetHeight > o) {
+              var a = O.pageX - P.pageX;
+              if (Math.abs(a) <= 13) return !1;
+            }
+            p = !0;
+            var d,
+              c = s.targetTouches[0].clientX,
+              u = s.targetTouches[0].clientY,
+              g = M - c,
+              m = z - u;
+            if (
+              (Math.abs(g) > Math.abs(m)
+                ? ((L = !1), (I = !0))
+                : ((I = !1), (L = !0)),
+              (t = P.pageX - O.pageX),
+              (E = (100 * t) / l),
+              (i = P.pageY - O.pageY),
+              (A = (100 * i) / o),
+              L &&
+                v &&
+                ((d = 1 - Math.abs(i) / o),
+                (Y.style.opacity = d),
+                e.settings.touchFollowAxis && (E = 0)),
+              I &&
+                ((d = 1 - Math.abs(t) / l),
+                (h.style.opacity = d),
+                e.settings.touchFollowAxis && (A = 0)),
+              !v)
+            )
+              return f(h, "translate3d(".concat(E, "%, 0, 0)"));
+            f(h, "translate3d(".concat(E, "%, ").concat(A, "%, 0)"));
+          }
+        },
+        touchEnd: function () {
+          if (r) {
+            if (((p = !1), S || b)) return (C = w), void (k = T);
+            var t = Math.abs(parseInt(A)),
+              i = Math.abs(parseInt(E));
+            if (!(t > 29 && v))
+              return t < 29 && i < 25
+                ? (d(Y, "greset"), (Y.style.opacity = 1), $(h))
+                : void 0;
+            e.close();
+          }
+        },
+        multipointEnd: function () {
+          setTimeout(function () {
+            b = !1;
+          }, 50);
+        },
+        multipointStart: function () {
+          (b = !0), (m = y || 1);
+        },
+        pinch: function (e) {
+          if (!v || p) return !1;
+          (b = !0), (v.scaleX = v.scaleY = m * e.zoom);
+          var t = m * e.zoom;
+          if (((S = !0), t <= 1))
+            return (
+              (S = !1),
+              (t = 1),
+              (k = null),
+              (C = null),
+              (w = null),
+              (T = null),
+              void v.setAttribute("style", "")
+            );
+          t > 4.5 && (t = 4.5),
+            (v.style.transform = "scale3d(".concat(t, ", ").concat(t, ", 1)")),
+            (y = t);
+        },
+        pressMove: function (e) {
+          if (S && !b) {
+            var t = P.pageX - O.pageX,
+              i = P.pageY - O.pageY;
+            C && (t += C), k && (i += k), (w = t), (T = i);
+            var n = "translate3d(".concat(t, "px, ").concat(i, "px, 0)");
+            y && (n += " scale3d(".concat(y, ", ").concat(y, ", 1)")), f(v, n);
+          }
+        },
+        swipe: function (t) {
+          if (!S)
+            if (b) b = !1;
+            else {
+              if ("Left" == t.direction) {
+                if (e.index == e.elements.length - 1) return $(h);
+                e.nextSlide();
+              }
+              if ("Right" == t.direction) {
+                if (0 == e.index) return $(h);
+                e.prevSlide();
+              }
+            }
+        },
+      });
+    e.events.touch = q;
+  }
+  var K = T(),
+    Q =
+      null !== T() ||
+      void 0 !== document.createTouch ||
+      "ontouchstart" in window ||
+      "onmsgesturechange" in window ||
+      navigator.msMaxTouchPoints,
+    ee = document.getElementsByTagName("html")[0],
+    te = {
+      selector: ".glightbox",
+      elements: null,
+      skin: "clean",
+      theme: "clean",
+      closeButton: !0,
+      startAt: null,
+      autoplayVideos: !0,
+      autofocusVideos: !0,
+      descPosition: "bottom",
+      width: "900px",
+      height: "506px",
+      videosWidth: "960px",
+      beforeSlideChange: null,
+      afterSlideChange: null,
+      beforeSlideLoad: null,
+      afterSlideLoad: null,
+      slideInserted: null,
+      slideRemoved: null,
+      slideExtraAttributes: null,
+      onOpen: null,
+      onClose: null,
+      loop: !1,
+      zoomable: !0,
+      draggable: !0,
+      dragAutoSnap: !1,
+      dragToleranceX: 40,
+      dragToleranceY: 65,
+      preload: !0,
+      oneSlidePerOpen: !1,
+      touchNavigation: !0,
+      touchFollowAxis: !0,
+      keyboardNavigation: !0,
+      closeOnOutsideClick: !0,
+      plugins: !1,
+      plyr: {
+        css: "https://cdn.plyr.io/3.6.12/plyr.css",
+        js: "https://cdn.plyr.io/3.6.12/plyr.js",
+        config: {
+          ratio: "16:10",
+          fullscreen: { enabled: !0, iosNative: !0 },
+          youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 },
+          vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 },
+        },
+      },
+      openEffect: "zoom",
+      closeEffect: "zoom",
+      slideEffect: "slide",
+      moreText: "See more",
+      moreLength: 60,
+      cssEfects: {
+        fade: { in: "fadeIn", out: "fadeOut" },
+        zoom: { in: "zoomIn", out: "zoomOut" },
+        slide: { in: "slideInRight", out: "slideOutLeft" },
+        slideBack: { in: "slideInLeft", out: "slideOutRight" },
+        none: { in: "none", out: "none" },
+      },
+      svg: {
+        close:
+          '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"></g></g></svg>',
+        next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></g></svg>',
+        prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></g></svg>',
+      },
+      slideHTML:
+        '<div class="gslide">\n    <div class="gslide-inner-content">\n        <div class="ginner-container">\n            <div class="gslide-media">\n   <div class="gslide-count text-white"><span class="current-count">1</span> of <span class="total-count">2</span></div>\n         </div>\n            <div class="gslide-description">\n                <div class="gdesc-inner">\n                    <h4 class="gslide-title"></h4>\n                    <div class="gslide-desc"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>',
+      lightboxHTML:
+        '<div id="glightbox-body" class="glightbox-container" tabindex="-1" role="dialog" aria-hidden="false">\n    <div class="gloader visible"></div>\n    <div class="goverlay"></div>\n    <div class="gcontainer">\n    <div id="glightbox-slider" class="gslider"></div>\n    <button class="gclose gbtn" aria-label="Close" data-taborder="3">{closeSVG}</button>\n    <button class="gprev gbtn" aria-label="Previous" data-taborder="2">{prevSVG}</button>\n    <button class="gnext gbtn" aria-label="Next" data-taborder="1">{nextSVG}</button>\n</div>\n</div>',
+    },
+    ie = s(
+      function e() {
+        var t =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e),
+          (this.customOptions = t),
+          (this.settings = o(te, t)),
+          (this.effectsClasses = this.getAnimationClasses()),
+          (this.videoPlayers = {}),
+          (this.apiEvents = []),
+          (this.fullElementsList = !1);
+      },
+      [
+        {
+          key: "init",
+          value: function () {
+            var e = this,
+              t = this.getSelector();
+            t &&
+              (this.baseEvents = h("click", {
+                onElement: t,
+                withCallback: function (t, i) {
+                  t.preventDefault(), e.open(i);
+                },
+              })),
+              (this.elements = this.getElements());
+          },
+        },
+        {
+          key: "open",
+          value: function () {
+            var e =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : null,
+              t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : null;
+            if (0 === this.elements.length) return !1;
+            (this.activeSlide = null),
+              (this.prevActiveSlideIndex = null),
+              (this.prevActiveSlide = null);
+            var i = z(t) ? t : this.settings.startAt;
+            if (E(e)) {
+              var n = e.getAttribute("data-gallery");
+              n &&
+                ((this.fullElementsList = this.elements),
+                (this.elements = this.getGalleryElements(this.elements, n))),
+                O(i) && (i = this.getElementIndex(e)) < 0 && (i = 0);
+            }
+            z(i) || (i = 0),
+              this.build(),
+              v(
+                this.overlay,
+                "none" === this.settings.openEffect
+                  ? "none"
+                  : this.settings.cssEfects.fade.in
+              );
+            var s = document.body,
+              l = window.innerWidth - document.documentElement.clientWidth;
+            cgsc(this, null);
+            if (l > 0) {
+              var o = document.createElement("style");
+              (o.type = "text/css"),
+                (o.className = "gcss-styles"),
+                (o.innerText = ".gscrollbar-fixer {margin-right: ".concat(
+                  l,
+                  "px}"
+                )),
+                document.head.appendChild(o),
+                d(s, "gscrollbar-fixer");
+            }
+            d(s, "glightbox-open"),
+              d(ee, "glightbox-open"),
+              K &&
+                (d(document.body, "glightbox-mobile"),
+                (this.settings.slideEffect = "slide")),
+              this.showSlide(i, !0),
+              1 === this.elements.length
+                ? (d(this.prevButton, "glightbox-button-hidden"),
+                  d(this.nextButton, "glightbox-button-hidden"))
+                : (c(this.prevButton, "glightbox-button-hidden"),
+                  c(this.nextButton, "glightbox-button-hidden")),
+              (this.lightboxOpen = !0),
+              this.trigger("open"),
+              C(this.settings.onOpen) && this.settings.onOpen(),
+              Q && this.settings.touchNavigation && J(this),
+              this.settings.keyboardNavigation && Y(this);
+          },
+        },
+        {
+          key: "openAt",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : 0;
+            this.open(null, e);
+          },
+        },
+        {
+          key: "showSlide",
+          value: function () {
+            var e = this,
+              t =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : 0,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
+            p(this.loader), (this.index = parseInt(t));
+            var n = this.slidesContainer.querySelector(".current");
+            n && c(n, "current"), this.slideAnimateOut();
+            var s = this.slidesContainer.querySelectorAll(".gslide")[t];
+            if (u(s, "loaded")) this.slideAnimateIn(s, i), m(this.loader);
+            else {
+              p(this.loader);
+              var l = this.elements[t],
+                o = {
+                  index: this.index,
+                  slide: s,
+                  slideNode: s,
+                  slideConfig: l.slideConfig,
+                  slideIndex: this.index,
+                  trigger: l.node,
+                  player: null,
+                };
+              this.trigger("slide_before_load", o),
+                l.instance.setContent(s, function () {
+                  m(e.loader),
+                    e.resize(),
+                    e.slideAnimateIn(s, i),
+                    e.trigger("slide_after_load", o);
+                });
+            }
+            (this.slideDescription = s.querySelector(".gslide-description")),
+              (this.slideDescriptionContained =
+                this.slideDescription &&
+                u(this.slideDescription.parentNode, "gslide-media")),
+              this.settings.preload &&
+                (this.preloadSlide(t + 1), this.preloadSlide(t - 1)),
+              this.updateNavigationClasses(),
+              (this.activeSlide = s);
+          },
+        },
+        {
+          key: "preloadSlide",
+          value: function (e) {
+            var t = this;
+            if (e < 0 || e > this.elements.length - 1) return !1;
+            if (O(this.elements[e])) return !1;
+            var i = this.slidesContainer.querySelectorAll(".gslide")[e];
+            if (u(i, "loaded")) return !1;
+            var n = this.elements[e],
+              s = n.type,
+              l = {
+                index: e,
+                slide: i,
+                slideNode: i,
+                slideConfig: n.slideConfig,
+                slideIndex: e,
+                trigger: n.node,
+                player: null,
+              };
+            this.trigger("slide_before_load", l),
+              "video" === s || "external" === s
+                ? setTimeout(function () {
+                    n.instance.setContent(i, function () {
+                      t.trigger("slide_after_load", l);
+                    });
+                  }, 200)
+                : n.instance.setContent(i, function () {
+                    t.trigger("slide_after_load", l);
+                  });
+          },
+        },
+        {
+          key: "prevSlide",
+          value: function () {
+            this.goToSlide(this.index - 1);
+            cgsc(this, "dec");
+          },
+        },
+        {
+          key: "nextSlide",
+          value: function () {
+            this.goToSlide(this.index + 1);
+            cgsc(this, "inc");
+          },
+        },
+        {
+          key: "goToSlide",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0] && arguments[0];
+            if (
+              ((this.prevActiveSlide = this.activeSlide),
+              (this.prevActiveSlideIndex = this.index),
+              !this.loop() && (e < 0 || e > this.elements.length - 1))
+            )
+              return !1;
+            e < 0
+              ? (e = this.elements.length - 1)
+              : e >= this.elements.length && (e = 0),
+              this.showSlide(e);
+          },
+        },
+        {
+          key: "insertSlide",
+          value: function () {
+            var e =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : {},
+              t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : -1;
+            t < 0 && (t = this.elements.length);
+            var i = new V(e, this, t),
+              n = i.getConfig(),
+              s = o({}, n),
+              l = i.create(),
+              r = this.elements.length - 1;
+            (s.index = t),
+              (s.node = !1),
+              (s.instance = i),
+              (s.slideConfig = n),
+              this.elements.splice(t, 0, s);
+            var a = null,
+              h = null;
+            if (this.slidesContainer) {
+              if (t > r) this.slidesContainer.appendChild(l);
+              else {
+                var d = this.slidesContainer.querySelectorAll(".gslide")[t];
+                this.slidesContainer.insertBefore(l, d);
+              }
+              ((this.settings.preload && 0 == this.index && 0 == t) ||
+                this.index - 1 == t ||
+                this.index + 1 == t) &&
+                this.preloadSlide(t),
+                0 === this.index && 0 === t && (this.index = 1),
+                this.updateNavigationClasses(),
+                (a = this.slidesContainer.querySelectorAll(".gslide")[t]),
+                (h = this.getSlidePlayerInstance(t)),
+                (s.slideNode = a);
+            }
+            this.trigger("slide_inserted", {
+              index: t,
+              slide: a,
+              slideNode: a,
+              slideConfig: n,
+              slideIndex: t,
+              trigger: null,
+              player: h,
+            }),
+              C(this.settings.slideInserted) &&
+                this.settings.slideInserted({ index: t, slide: a, player: h });
+          },
+        },
+        {
+          key: "removeSlide",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : -1;
+            if (e < 0 || e > this.elements.length - 1) return !1;
+            var t =
+              this.slidesContainer &&
+              this.slidesContainer.querySelectorAll(".gslide")[e];
+            t &&
+              (this.getActiveSlideIndex() == e &&
+                (e == this.elements.length - 1
+                  ? this.prevSlide()
+                  : this.nextSlide()),
+              t.parentNode.removeChild(t)),
+              this.elements.splice(e, 1),
+              this.trigger("slide_removed", e),
+              C(this.settings.slideRemoved) && this.settings.slideRemoved(e);
+          },
+        },
+        {
+          key: "slideAnimateIn",
+          value: function (e, t) {
+            var i = this,
+              n = e.querySelector(".gslide-media"),
+              s = e.querySelector(".gslide-description"),
+              l = {
+                index: this.prevActiveSlideIndex,
+                slide: this.prevActiveSlide,
+                slideNode: this.prevActiveSlide,
+                slideIndex: this.prevActiveSlide,
+                slideConfig: O(this.prevActiveSlideIndex)
+                  ? null
+                  : this.elements[this.prevActiveSlideIndex].slideConfig,
+                trigger: O(this.prevActiveSlideIndex)
+                  ? null
+                  : this.elements[this.prevActiveSlideIndex].node,
+                player: this.getSlidePlayerInstance(this.prevActiveSlideIndex),
+              },
+              o = {
+                index: this.index,
+                slide: this.activeSlide,
+                slideNode: this.activeSlide,
+                slideConfig: this.elements[this.index].slideConfig,
+                slideIndex: this.index,
+                trigger: this.elements[this.index].node,
+                player: this.getSlidePlayerInstance(this.index),
+              };
+            if (
+              (n.offsetWidth > 0 && s && (m(s), (s.style.display = "")),
+              c(e, this.effectsClasses),
+              t)
+            )
+              v(
+                e,
+                this.settings.cssEfects[this.settings.openEffect].in,
+                function () {
+                  i.settings.autoplayVideos && i.slidePlayerPlay(e),
+                    i.trigger("slide_changed", { prev: l, current: o }),
+                    C(i.settings.afterSlideChange) &&
+                      i.settings.afterSlideChange.apply(i, [l, o]);
+                }
+              );
+            else {
+              var r = this.settings.slideEffect,
+                a = "none" !== r ? this.settings.cssEfects[r].in : r;
+              this.prevActiveSlideIndex > this.index &&
+                "slide" == this.settings.slideEffect &&
+                (a = this.settings.cssEfects.slideBack.in),
+                v(e, a, function () {
+                  i.settings.autoplayVideos && i.slidePlayerPlay(e),
+                    i.trigger("slide_changed", { prev: l, current: o }),
+                    C(i.settings.afterSlideChange) &&
+                      i.settings.afterSlideChange.apply(i, [l, o]);
+                });
+            }
+            setTimeout(function () {
+              i.resize(e);
+            }, 100),
+              d(e, "current");
+          },
+        },
+        {
+          key: "slideAnimateOut",
+          value: function () {
+            if (!this.prevActiveSlide) return !1;
+            var e = this.prevActiveSlide;
+            c(e, this.effectsClasses), d(e, "prev");
+            var t = this.settings.slideEffect,
+              i = "none" !== t ? this.settings.cssEfects[t].out : t;
+            this.slidePlayerPause(e),
+              this.trigger("slide_before_change", {
+                prev: {
+                  index: this.prevActiveSlideIndex,
+                  slide: this.prevActiveSlide,
+                  slideNode: this.prevActiveSlide,
+                  slideIndex: this.prevActiveSlideIndex,
+                  slideConfig: O(this.prevActiveSlideIndex)
+                    ? null
+                    : this.elements[this.prevActiveSlideIndex].slideConfig,
+                  trigger: O(this.prevActiveSlideIndex)
+                    ? null
+                    : this.elements[this.prevActiveSlideIndex].node,
+                  player: this.getSlidePlayerInstance(
+                    this.prevActiveSlideIndex
+                  ),
+                },
+                current: {
+                  index: this.index,
+                  slide: this.activeSlide,
+                  slideNode: this.activeSlide,
+                  slideIndex: this.index,
+                  slideConfig: this.elements[this.index].slideConfig,
+                  trigger: this.elements[this.index].node,
+                  player: this.getSlidePlayerInstance(this.index),
+                },
+              }),
+              C(this.settings.beforeSlideChange) &&
+                this.settings.beforeSlideChange.apply(this, [
+                  {
+                    index: this.prevActiveSlideIndex,
+                    slide: this.prevActiveSlide,
+                    player: this.getSlidePlayerInstance(
+                      this.prevActiveSlideIndex
+                    ),
+                  },
+                  {
+                    index: this.index,
+                    slide: this.activeSlide,
+                    player: this.getSlidePlayerInstance(this.index),
+                  },
+                ]),
+              this.prevActiveSlideIndex > this.index &&
+                "slide" == this.settings.slideEffect &&
+                (i = this.settings.cssEfects.slideBack.out),
+              v(e, i, function () {
+                var t = e.querySelector(".ginner-container"),
+                  i = e.querySelector(".gslide-media"),
+                  n = e.querySelector(".gslide-description");
+                (t.style.transform = ""),
+                  (i.style.transform = ""),
+                  c(i, "greset"),
+                  (i.style.opacity = ""),
+                  n && (n.style.opacity = ""),
+                  c(e, "prev");
+              });
+          },
+        },
+        {
+          key: "getAllPlayers",
+          value: function () {
+            return this.videoPlayers;
+          },
+        },
+        {
+          key: "getSlidePlayerInstance",
+          value: function (e) {
+            var t = "gvideo" + e,
+              i = this.getAllPlayers();
+            return !(!P(i, t) || !i[t]) && i[t];
+          },
+        },
+        {
+          key: "stopSlideVideo",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            console.log("stopSlideVideo is deprecated, use slidePlayerPause");
+            var i = this.getSlidePlayerInstance(e);
+            i && i.playing && i.pause();
+          },
+        },
+        {
+          key: "slidePlayerPause",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            var i = this.getSlidePlayerInstance(e);
+            i && i.playing && i.pause();
+          },
+        },
+        {
+          key: "playSlideVideo",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            console.log("playSlideVideo is deprecated, use slidePlayerPlay");
+            var i = this.getSlidePlayerInstance(e);
+            i && !i.playing && i.play();
+          },
+        },
+        {
+          key: "slidePlayerPlay",
+          value: function (e) {
+            var t;
+            if (
+              !K ||
+              (null !== (t = this.settings.plyr.config) &&
+                void 0 !== t &&
+                t.muted)
+            ) {
+              if (E(e)) {
+                var i = e.querySelector(".gvideo-wrapper");
+                i && (e = i.getAttribute("data-index"));
+              }
+              var n = this.getSlidePlayerInstance(e);
+              n &&
+                !n.playing &&
+                (n.play(),
+                this.settings.autofocusVideos && n.elements.container.focus());
+            }
+          },
+        },
+        {
+          key: "setElements",
+          value: function (e) {
+            var t = this;
+            this.settings.elements = !1;
+            var i = [];
+            e &&
+              e.length &&
+              r(e, function (e, n) {
+                var s = new V(e, t, n),
+                  l = s.getConfig(),
+                  r = o({}, l);
+                (r.slideConfig = l), (r.instance = s), (r.index = n), i.push(r);
+              }),
+              (this.elements = i),
+              this.lightboxOpen &&
+                ((this.slidesContainer.innerHTML = ""),
+                this.elements.length &&
+                  (r(this.elements, function () {
+                    var e = y(t.settings.slideHTML);
+                    t.slidesContainer.appendChild(e);
+                  }),
+                  this.showSlide(0, !0)));
+          },
+        },
+        {
+          key: "getElementIndex",
+          value: function (e) {
+            var t = !1;
+            return (
+              r(this.elements, function (i, n) {
+                if (P(i, "node") && i.node == e) return (t = n), !0;
+              }),
+              t
+            );
+          },
+        },
+        {
+          key: "getElements",
+          value: function () {
+            var e = this,
+              t = [];
+            (this.elements = this.elements ? this.elements : []),
+              !O(this.settings.elements) &&
+                A(this.settings.elements) &&
+                this.settings.elements.length &&
+                r(this.settings.elements, function (i, n) {
+                  var s = new V(i, e, n),
+                    l = s.getConfig(),
+                    r = o({}, l);
+                  (r.node = !1),
+                    (r.index = n),
+                    (r.instance = s),
+                    (r.slideConfig = l),
+                    t.push(r);
+                });
+            var i = !1;
+            return (
+              this.getSelector() &&
+                (i = document.querySelectorAll(this.getSelector())),
+              i
+                ? (r(i, function (i, n) {
+                    var s = new V(i, e, n),
+                      l = s.getConfig(),
+                      r = o({}, l);
+                    (r.node = i),
+                      (r.index = n),
+                      (r.instance = s),
+                      (r.slideConfig = l),
+                      (r.gallery = i.getAttribute("data-gallery")),
+                      t.push(r);
+                  }),
+                  t)
+                : t
+            );
+          },
+        },
+        {
+          key: "getGalleryElements",
+          value: function (e, t) {
+            return e.filter(function (e) {
+              return e.gallery == t;
+            });
+          },
+        },
+        {
+          key: "getSelector",
+          value: function () {
+            return (
+              !this.settings.elements &&
+              (this.settings.selector &&
+              "data-" == this.settings.selector.substring(0, 5)
+                ? "*[".concat(this.settings.selector, "]")
+                : this.settings.selector)
+            );
+          },
+        },
+        {
+          key: "getActiveSlide",
+          value: function () {
+            return this.slidesContainer.querySelectorAll(".gslide")[this.index];
+          },
+        },
+        {
+          key: "getActiveSlideIndex",
+          value: function () {
+            return this.index;
+          },
+        },
+        {
+          key: "getAnimationClasses",
+          value: function () {
+            var e = [];
+            for (var t in this.settings.cssEfects)
+              if (this.settings.cssEfects.hasOwnProperty(t)) {
+                var i = this.settings.cssEfects[t];
+                e.push("g".concat(i.in)), e.push("g".concat(i.out));
+              }
+            return e.join(" ");
+          },
+        },
+        {
+          key: "build",
+          value: function () {
+            var e = this;
+            if (this.built) return !1;
+            var t = document.body.childNodes,
+              i = [];
+            r(t, function (e) {
+              e.parentNode == document.body &&
+                "#" !== e.nodeName.charAt(0) &&
+                e.hasAttribute &&
+                !e.hasAttribute("aria-hidden") &&
+                (i.push(e), e.setAttribute("aria-hidden", "true"));
+            });
+            var n = P(this.settings.svg, "next") ? this.settings.svg.next : "",
+              s = P(this.settings.svg, "prev") ? this.settings.svg.prev : "",
+              l = P(this.settings.svg, "close") ? this.settings.svg.close : "",
+              o = this.settings.lightboxHTML;
+            (o = y(
+              (o = (o = (o = o.replace(/{nextSVG}/g, n)).replace(
+                /{prevSVG}/g,
+                s
+              )).replace(/{closeSVG}/g, l))
+            )),
+              document.body.appendChild(o);
+            var a = document.getElementById("glightbox-body");
+            this.modal = a;
+            var c = a.querySelector(".gclose");
+            (this.prevButton = a.querySelector(".gprev")),
+              (this.nextButton = a.querySelector(".gnext")),
+              (this.overlay = a.querySelector(".goverlay")),
+              (this.loader = a.querySelector(".gloader")),
+              (this.slidesContainer =
+                document.getElementById("glightbox-slider")),
+              (this.bodyHiddenChildElms = i),
+              (this.events = {}),
+              d(this.modal, "glightbox-" + this.settings.skin),
+              this.settings.closeButton &&
+                c &&
+                (this.events.close = h("click", {
+                  onElement: c,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.close();
+                  },
+                })),
+              c && !this.settings.closeButton && c.parentNode.removeChild(c),
+              this.nextButton &&
+                (this.events.next = h("click", {
+                  onElement: this.nextButton,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.nextSlide();
+                  },
+                })),
+              this.prevButton &&
+                (this.events.prev = h("click", {
+                  onElement: this.prevButton,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.prevSlide();
+                  },
+                })),
+              this.settings.closeOnOutsideClick &&
+                (this.events.outClose = h("click", {
+                  onElement: a,
+                  withCallback: function (t, i) {
+                    e.preventOutsideClick ||
+                      u(document.body, "glightbox-mobile") ||
+                      g(t.target, ".ginner-container") ||
+                      g(t.target, ".gbtn") ||
+                      u(t.target, "gnext") ||
+                      u(t.target, "gprev") ||
+                      e.close();
+                  },
+                })),
+              r(this.elements, function (t, i) {
+                e.slidesContainer.appendChild(t.instance.create()),
+                  (t.slideNode =
+                    e.slidesContainer.querySelectorAll(".gslide")[i]);
+              }),
+              Q && d(document.body, "glightbox-touch"),
+              (this.events.resize = h("resize", {
+                onElement: window,
+                withCallback: function () {
+                  e.resize();
+                },
+              })),
+              (this.built = !0);
+          },
+        },
+        {
+          key: "resize",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : null;
+            if ((e = e || this.activeSlide) && !u(e, "zoomed")) {
+              var t = x(),
+                i = e.querySelector(".gvideo-wrapper"),
+                n = e.querySelector(".gslide-image"),
+                s = this.slideDescription,
+                l = t.width,
+                o = t.height;
+              if (
+                (l <= 768
+                  ? d(document.body, "glightbox-mobile")
+                  : c(document.body, "glightbox-mobile"),
+                i || n)
+              ) {
+                var r = !1;
+                if (
+                  (s &&
+                    (u(s, "description-bottom") || u(s, "description-top")) &&
+                    !u(s, "gabsolute") &&
+                    (r = !0),
+                  n)
+                )
+                  if (l <= 768) n.querySelector("img");
+                  else if (r) {
+                    var a,
+                      h = s.offsetHeight,
+                      g = n.querySelector("img"),
+                      v = this.elements[this.index].node,
+                      f =
+                        null !== (a = v.getAttribute("data-height")) &&
+                        void 0 !== a
+                          ? a
+                          : "100vh";
+                    g.setAttribute(
+                      "style",
+                      "max-height: calc(".concat(f, " - ").concat(h, "px)")
+                    ),
+                      s.setAttribute(
+                        "style",
+                        "max-width: ".concat(g.offsetWidth, "px;")
+                      );
+                  }
+                if (i) {
+                  var p = P(this.settings.plyr.config, "ratio")
+                    ? this.settings.plyr.config.ratio
+                    : "";
+                  if (!p) {
+                    var m = i.clientWidth,
+                      y = i.clientHeight,
+                      b = m / y;
+                    p = "".concat(m / b, ":").concat(y / b);
+                  }
+                  var S = p.split(":"),
+                    w = this.settings.videosWidth,
+                    T = this.settings.videosWidth,
+                    C =
+                      (T =
+                        z(w) || -1 !== w.indexOf("px")
+                          ? parseInt(w)
+                          : -1 !== w.indexOf("vw")
+                          ? (l * parseInt(w)) / 100
+                          : -1 !== w.indexOf("vh")
+                          ? (o * parseInt(w)) / 100
+                          : -1 !== w.indexOf("%")
+                          ? (l * parseInt(w)) / 100
+                          : parseInt(i.clientWidth)) /
+                      (parseInt(S[0]) / parseInt(S[1]));
+                  if (
+                    ((C = Math.floor(C)),
+                    r && (o -= s.offsetHeight),
+                    T > l || C > o || (o < C && l > T))
+                  ) {
+                    var k = i.offsetWidth,
+                      E = i.offsetHeight,
+                      A = o / E,
+                      L = { width: k * A, height: E * A };
+                    i.parentNode.setAttribute(
+                      "style",
+                      "max-width: ".concat(L.width, "px")
+                    ),
+                      r &&
+                        s.setAttribute(
+                          "style",
+                          "max-width: ".concat(L.width, "px;")
+                        );
+                  } else
+                    (i.parentNode.style.maxWidth = "".concat(w)),
+                      r &&
+                        s.setAttribute("style", "max-width: ".concat(w, ";"));
+                }
+              }
+            }
+          },
+        },
+        {
+          key: "reload",
+          value: function () {
+            this.init();
+          },
+        },
+        {
+          key: "updateNavigationClasses",
+          value: function () {
+            var e = this.loop();
+            c(this.nextButton, "disabled"),
+              c(this.prevButton, "disabled"),
+              0 == this.index && this.elements.length - 1 == 0
+                ? (d(this.prevButton, "disabled"),
+                  d(this.nextButton, "disabled"))
+                : 0 !== this.index || e
+                ? this.index !== this.elements.length - 1 ||
+                  e ||
+                  d(this.nextButton, "disabled")
+                : d(this.prevButton, "disabled");
+          },
+        },
+        {
+          key: "loop",
+          value: function () {
+            var e = P(this.settings, "loopAtEnd")
+              ? this.settings.loopAtEnd
+              : null;
+            return (e = P(this.settings, "loop") ? this.settings.loop : e), e;
+          },
+        },
+        {
+          key: "close",
+          value: function () {
+            var e = this;
+            if (!this.lightboxOpen) {
+              if (this.events) {
+                for (var t in this.events)
+                  this.events.hasOwnProperty(t) && this.events[t].destroy();
+                this.events = null;
+              }
+              return !1;
+            }
+            if (this.closing) return !1;
+            (this.closing = !0),
+              this.slidePlayerPause(this.activeSlide),
+              this.fullElementsList && (this.elements = this.fullElementsList),
+              this.bodyHiddenChildElms.length &&
+                r(this.bodyHiddenChildElms, function (e) {
+                  e.removeAttribute("aria-hidden");
+                }),
+              d(this.modal, "glightbox-closing"),
+              v(
+                this.overlay,
+                "none" == this.settings.openEffect
+                  ? "none"
+                  : this.settings.cssEfects.fade.out
+              ),
+              v(
+                this.activeSlide,
+                this.settings.cssEfects[this.settings.closeEffect].out,
+                function () {
+                  if (
+                    ((e.activeSlide = null),
+                    (e.prevActiveSlideIndex = null),
+                    (e.prevActiveSlide = null),
+                    (e.built = !1),
+                    e.events)
+                  ) {
+                    for (var t in e.events)
+                      e.events.hasOwnProperty(t) && e.events[t].destroy();
+                    e.events = null;
+                  }
+                  var i = document.body;
+                  c(ee, "glightbox-open"),
+                    c(
+                      i,
+                      "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"
+                    ),
+                    e.modal.parentNode.removeChild(e.modal),
+                    e.trigger("close"),
+                    C(e.settings.onClose) && e.settings.onClose();
+                  var n = document.querySelector(".gcss-styles");
+                  n && n.parentNode.removeChild(n),
+                    (e.lightboxOpen = !1),
+                    (e.closing = null);
+                }
+              );
+          },
+        },
+        {
+          key: "destroy",
+          value: function () {
+            this.close(),
+              this.clearAllEvents(),
+              this.baseEvents && this.baseEvents.destroy();
+          },
+        },
+        {
+          key: "on",
+          value: function (e, t) {
+            var i =
+              arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
+            if (!e || !C(t))
+              throw new TypeError("Event name and callback must be defined");
+            this.apiEvents.push({ evt: e, once: i, callback: t });
+          },
+        },
+        {
+          key: "once",
+          value: function (e, t) {
+            this.on(e, t, !0);
+          },
+        },
+        {
+          key: "trigger",
+          value: function (e) {
+            var t = this,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : null,
+              n = [];
+            r(this.apiEvents, function (t, s) {
+              var l = t.evt,
+                o = t.once,
+                r = t.callback;
+              l == e && (r(i), o && n.push(s));
+            }),
+              n.length &&
+                r(n, function (e) {
+                  return t.apiEvents.splice(e, 1);
+                });
+          },
+        },
+        {
+          key: "clearAllEvents",
+          value: function () {
+            this.apiEvents.splice(0, this.apiEvents.length);
+          },
+        },
+        {
+          key: "version",
+          value: function () {
+            return "3.3.0";
+          },
+        },
+      ]
+    );
+  return function () {
+    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+      t = new ie(e);
+    return t.init(), t;
+  };
+});
diff --git a/quarter-rtl/assets/js/isotope.pkgd.min.js b/quarter-rtl/assets/js/isotope.pkgd.min.js
new file mode 100644
index 0000000..d53b79e
--- /dev/null
+++ b/quarter-rtl/assets/js/isotope.pkgd.min.js
@@ -0,0 +1,1810 @@
+/*!
+ * Isotope PACKAGED v3.0.6
+ *
+ * Licensed GPLv3 for open source use
+ * or Isotope Commercial License for commercial use
+ *
+ * https://isotope.metafizzy.co
+ * Copyright 2010-2018 Metafizzy
+ */
+
+(window,
+function (t, e) {
+  "use strict";
+  function i(i, s, a) {
+    function u(t, e, o) {
+      var n,
+        s = "$()." + i + '("' + e + '")';
+      return (
+        t.each(function (t, u) {
+          var h = a.data(u, i);
+          if (!h)
+            return void r(
+              i + " not initialized. Cannot call methods, i.e. " + s
+            );
+          var d = h[e];
+          if (!d || "_" == e.charAt(0))
+            return void r(s + " is not a valid method");
+          var l = d.apply(h, o);
+          n = void 0 === n ? l : n;
+        }),
+        void 0 !== n ? n : t
+      );
+    }
+    function h(t, e) {
+      t.each(function (t, o) {
+        var n = a.data(o, i);
+        n ? (n.option(e), n._init()) : ((n = new s(o, e)), a.data(o, i, n));
+      });
+    }
+    (a = a || e || t.jQuery),
+      a &&
+        (s.prototype.option ||
+          (s.prototype.option = function (t) {
+            a.isPlainObject(t) &&
+              (this.options = a.extend(!0, this.options, t));
+          }),
+        (a.fn[i] = function (t) {
+          if ("string" == typeof t) {
+            var e = n.call(arguments, 1);
+            return u(this, t, e);
+          }
+          return h(this, t), this;
+        }),
+        o(a));
+  }
+  function o(t) {
+    !t || (t && t.bridget) || (t.bridget = i);
+  }
+  var n = Array.prototype.slice,
+    s = t.console,
+    r =
+      "undefined" == typeof s
+        ? function () {}
+        : function (t) {
+            s.error(t);
+          };
+  return o(e || t.jQuery), i;
+}),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("ev-emitter/ev-emitter", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.EvEmitter = e());
+  })("undefined" != typeof window ? window : this, function () {
+    function t() {}
+    var e = t.prototype;
+    return (
+      (e.on = function (t, e) {
+        if (t && e) {
+          var i = (this._events = this._events || {}),
+            o = (i[t] = i[t] || []);
+          return o.indexOf(e) == -1 && o.push(e), this;
+        }
+      }),
+      (e.once = function (t, e) {
+        if (t && e) {
+          this.on(t, e);
+          var i = (this._onceEvents = this._onceEvents || {}),
+            o = (i[t] = i[t] || {});
+          return (o[e] = !0), this;
+        }
+      }),
+      (e.off = function (t, e) {
+        var i = this._events && this._events[t];
+        if (i && i.length) {
+          var o = i.indexOf(e);
+          return o != -1 && i.splice(o, 1), this;
+        }
+      }),
+      (e.emitEvent = function (t, e) {
+        var i = this._events && this._events[t];
+        if (i && i.length) {
+          (i = i.slice(0)), (e = e || []);
+          for (
+            var o = this._onceEvents && this._onceEvents[t], n = 0;
+            n < i.length;
+            n++
+          ) {
+            var s = i[n],
+              r = o && o[s];
+            r && (this.off(t, s), delete o[s]), s.apply(this, e);
+          }
+          return this;
+        }
+      }),
+      (e.allOff = function () {
+        delete this._events, delete this._onceEvents;
+      }),
+      t
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("get-size/get-size", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.getSize = e());
+  })(window, function () {
+    "use strict";
+    function t(t) {
+      var e = parseFloat(t),
+        i = t.indexOf("%") == -1 && !isNaN(e);
+      return i && e;
+    }
+    function e() {}
+    function i() {
+      for (
+        var t = {
+            width: 0,
+            height: 0,
+            innerWidth: 0,
+            innerHeight: 0,
+            outerWidth: 0,
+            outerHeight: 0,
+          },
+          e = 0;
+        e < h;
+        e++
+      ) {
+        var i = u[e];
+        t[i] = 0;
+      }
+      return t;
+    }
+    function o(t) {
+      var e = getComputedStyle(t);
+      return (
+        e ||
+          a(
+            "Style returned " +
+              e +
+              ". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"
+          ),
+        e
+      );
+    }
+    function n() {
+      if (!d) {
+        d = !0;
+        var e = document.createElement("div");
+        (e.style.width = "200px"),
+          (e.style.padding = "1px 2px 3px 4px"),
+          (e.style.borderStyle = "solid"),
+          (e.style.borderWidth = "1px 2px 3px 4px"),
+          (e.style.boxSizing = "border-box");
+        var i = document.body || document.documentElement;
+        i.appendChild(e);
+        var n = o(e);
+        (r = 200 == Math.round(t(n.width))),
+          (s.isBoxSizeOuter = r),
+          i.removeChild(e);
+      }
+    }
+    function s(e) {
+      if (
+        (n(),
+        "string" == typeof e && (e = document.querySelector(e)),
+        e && "object" == typeof e && e.nodeType)
+      ) {
+        var s = o(e);
+        if ("none" == s.display) return i();
+        var a = {};
+        (a.width = e.offsetWidth), (a.height = e.offsetHeight);
+        for (
+          var d = (a.isBorderBox = "border-box" == s.boxSizing), l = 0;
+          l < h;
+          l++
+        ) {
+          var f = u[l],
+            c = s[f],
+            m = parseFloat(c);
+          a[f] = isNaN(m) ? 0 : m;
+        }
+        var p = a.paddingLeft + a.paddingRight,
+          y = a.paddingTop + a.paddingBottom,
+          g = a.marginLeft + a.marginRight,
+          v = a.marginTop + a.marginBottom,
+          _ = a.borderLeftWidth + a.borderRightWidth,
+          z = a.borderTopWidth + a.borderBottomWidth,
+          I = d && r,
+          x = t(s.width);
+        x !== !1 && (a.width = x + (I ? 0 : p + _));
+        var S = t(s.height);
+        return (
+          S !== !1 && (a.height = S + (I ? 0 : y + z)),
+          (a.innerWidth = a.width - (p + _)),
+          (a.innerHeight = a.height - (y + z)),
+          (a.outerWidth = a.width + g),
+          (a.outerHeight = a.height + v),
+          a
+        );
+      }
+    }
+    var r,
+      a =
+        "undefined" == typeof console
+          ? e
+          : function (t) {
+              console.error(t);
+            },
+      u = [
+        "paddingLeft",
+        "paddingRight",
+        "paddingTop",
+        "paddingBottom",
+        "marginLeft",
+        "marginRight",
+        "marginTop",
+        "marginBottom",
+        "borderLeftWidth",
+        "borderRightWidth",
+        "borderTopWidth",
+        "borderBottomWidth",
+      ],
+      h = u.length,
+      d = !1;
+    return s;
+  }),
+  (function (t, e) {
+    "use strict";
+    "function" == typeof define && define.amd
+      ? define("desandro-matches-selector/matches-selector", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.matchesSelector = e());
+  })(window, function () {
+    "use strict";
+    var t = (function () {
+      var t = window.Element.prototype;
+      if (t.matches) return "matches";
+      if (t.matchesSelector) return "matchesSelector";
+      for (var e = ["webkit", "moz", "ms", "o"], i = 0; i < e.length; i++) {
+        var o = e[i],
+          n = o + "MatchesSelector";
+        if (t[n]) return n;
+      }
+    })();
+    return function (e, i) {
+      return e[t](i);
+    };
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "fizzy-ui-utils/utils",
+          ["desandro-matches-selector/matches-selector"],
+          function (i) {
+            return e(t, i);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(t, require("desandro-matches-selector")))
+      : (t.fizzyUIUtils = e(t, t.matchesSelector));
+  })(window, function (t, e) {
+    var i = {};
+    (i.extend = function (t, e) {
+      for (var i in e) t[i] = e[i];
+      return t;
+    }),
+      (i.modulo = function (t, e) {
+        return ((t % e) + e) % e;
+      });
+    var o = Array.prototype.slice;
+    (i.makeArray = function (t) {
+      if (Array.isArray(t)) return t;
+      if (null === t || void 0 === t) return [];
+      var e = "object" == typeof t && "number" == typeof t.length;
+      return e ? o.call(t) : [t];
+    }),
+      (i.removeFrom = function (t, e) {
+        var i = t.indexOf(e);
+        i != -1 && t.splice(i, 1);
+      }),
+      (i.getParent = function (t, i) {
+        for (; t.parentNode && t != document.body; )
+          if (((t = t.parentNode), e(t, i))) return t;
+      }),
+      (i.getQueryElement = function (t) {
+        return "string" == typeof t ? document.querySelector(t) : t;
+      }),
+      (i.handleEvent = function (t) {
+        var e = "on" + t.type;
+        this[e] && this[e](t);
+      }),
+      (i.filterFindElements = function (t, o) {
+        t = i.makeArray(t);
+        var n = [];
+        return (
+          t.forEach(function (t) {
+            if (t instanceof HTMLElement) {
+              if (!o) return void n.push(t);
+              e(t, o) && n.push(t);
+              for (var i = t.querySelectorAll(o), s = 0; s < i.length; s++)
+                n.push(i[s]);
+            }
+          }),
+          n
+        );
+      }),
+      (i.debounceMethod = function (t, e, i) {
+        i = i || 100;
+        var o = t.prototype[e],
+          n = e + "Timeout";
+        t.prototype[e] = function () {
+          var t = this[n];
+          clearTimeout(t);
+          var e = arguments,
+            s = this;
+          this[n] = setTimeout(function () {
+            o.apply(s, e), delete s[n];
+          }, i);
+        };
+      }),
+      (i.docReady = function (t) {
+        var e = document.readyState;
+        "complete" == e || "interactive" == e
+          ? setTimeout(t)
+          : document.addEventListener("DOMContentLoaded", t);
+      }),
+      (i.toDashed = function (t) {
+        return t
+          .replace(/(.)([A-Z])/g, function (t, e, i) {
+            return e + "-" + i;
+          })
+          .toLowerCase();
+      });
+    var n = t.console;
+    return (
+      (i.htmlInit = function (e, o) {
+        i.docReady(function () {
+          var s = i.toDashed(o),
+            r = "data-" + s,
+            a = document.querySelectorAll("[" + r + "]"),
+            u = document.querySelectorAll(".js-" + s),
+            h = i.makeArray(a).concat(i.makeArray(u)),
+            d = r + "-options",
+            l = t.jQuery;
+          h.forEach(function (t) {
+            var i,
+              s = t.getAttribute(r) || t.getAttribute(d);
+            try {
+              i = s && JSON.parse(s);
+            } catch (a) {
+              return void (
+                n &&
+                n.error("Error parsing " + r + " on " + t.className + ": " + a)
+              );
+            }
+            var u = new e(t, i);
+            l && l.data(t, o, u);
+          });
+        });
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "outlayer/item",
+          ["ev-emitter/ev-emitter", "get-size/get-size"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("ev-emitter"), require("get-size")))
+      : ((t.Outlayer = {}), (t.Outlayer.Item = e(t.EvEmitter, t.getSize)));
+  })(window, function (t, e) {
+    "use strict";
+    function i(t) {
+      for (var e in t) return !1;
+      return (e = null), !0;
+    }
+    function o(t, e) {
+      t &&
+        ((this.element = t),
+        (this.layout = e),
+        (this.position = { x: 0, y: 0 }),
+        this._create());
+    }
+    function n(t) {
+      return t.replace(/([A-Z])/g, function (t) {
+        return "-" + t.toLowerCase();
+      });
+    }
+    var s = document.documentElement.style,
+      r = "string" == typeof s.transition ? "transition" : "WebkitTransition",
+      a = "string" == typeof s.transform ? "transform" : "WebkitTransform",
+      u = {
+        WebkitTransition: "webkitTransitionEnd",
+        transition: "transitionend",
+      }[r],
+      h = {
+        transform: a,
+        transition: r,
+        transitionDuration: r + "Duration",
+        transitionProperty: r + "Property",
+        transitionDelay: r + "Delay",
+      },
+      d = (o.prototype = Object.create(t.prototype));
+    (d.constructor = o),
+      (d._create = function () {
+        (this._transn = { ingProperties: {}, clean: {}, onEnd: {} }),
+          this.css({ position: "absolute" });
+      }),
+      (d.handleEvent = function (t) {
+        var e = "on" + t.type;
+        this[e] && this[e](t);
+      }),
+      (d.getSize = function () {
+        this.size = e(this.element);
+      }),
+      (d.css = function (t) {
+        var e = this.element.style;
+        for (var i in t) {
+          var o = h[i] || i;
+          e[o] = t[i];
+        }
+      }),
+      (d.getPosition = function () {
+        var t = getComputedStyle(this.element),
+          e = this.layout._getOption("originLeft"),
+          i = this.layout._getOption("originTop"),
+          o = t[e ? "left" : "right"],
+          n = t[i ? "top" : "bottom"],
+          s = parseFloat(o),
+          r = parseFloat(n),
+          a = this.layout.size;
+        o.indexOf("%") != -1 && (s = (s / 100) * a.width),
+          n.indexOf("%") != -1 && (r = (r / 100) * a.height),
+          (s = isNaN(s) ? 0 : s),
+          (r = isNaN(r) ? 0 : r),
+          (s -= e ? a.paddingLeft : a.paddingRight),
+          (r -= i ? a.paddingTop : a.paddingBottom),
+          (this.position.x = s),
+          (this.position.y = r);
+      }),
+      (d.layoutPosition = function () {
+        var t = this.layout.size,
+          e = {},
+          i = this.layout._getOption("originLeft"),
+          o = this.layout._getOption("originTop"),
+          n = i ? "paddingLeft" : "paddingRight",
+          s = i ? "left" : "right",
+          r = i ? "right" : "left",
+          a = this.position.x + t[n];
+        (e[s] = this.getXValue(a)), (e[r] = "");
+        var u = o ? "paddingTop" : "paddingBottom",
+          h = o ? "top" : "bottom",
+          d = o ? "bottom" : "top",
+          l = this.position.y + t[u];
+        (e[h] = this.getYValue(l)),
+          (e[d] = ""),
+          this.css(e),
+          this.emitEvent("layout", [this]);
+      }),
+      (d.getXValue = function (t) {
+        var e = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && !e
+          ? (t / this.layout.size.width) * 100 + "%"
+          : t + "px";
+      }),
+      (d.getYValue = function (t) {
+        var e = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && e
+          ? (t / this.layout.size.height) * 100 + "%"
+          : t + "px";
+      }),
+      (d._transitionTo = function (t, e) {
+        this.getPosition();
+        var i = this.position.x,
+          o = this.position.y,
+          n = t == this.position.x && e == this.position.y;
+        if ((this.setPosition(t, e), n && !this.isTransitioning))
+          return void this.layoutPosition();
+        var s = t - i,
+          r = e - o,
+          a = {};
+        (a.transform = this.getTranslate(s, r)),
+          this.transition({
+            to: a,
+            onTransitionEnd: { transform: this.layoutPosition },
+            isCleaning: !0,
+          });
+      }),
+      (d.getTranslate = function (t, e) {
+        var i = this.layout._getOption("originLeft"),
+          o = this.layout._getOption("originTop");
+        return (
+          (t = i ? t : -t),
+          (e = o ? e : -e),
+          "translate3d(" + t + "px, " + e + "px, 0)"
+        );
+      }),
+      (d.goTo = function (t, e) {
+        this.setPosition(t, e), this.layoutPosition();
+      }),
+      (d.moveTo = d._transitionTo),
+      (d.setPosition = function (t, e) {
+        (this.position.x = parseFloat(t)), (this.position.y = parseFloat(e));
+      }),
+      (d._nonTransition = function (t) {
+        this.css(t.to), t.isCleaning && this._removeStyles(t.to);
+        for (var e in t.onTransitionEnd) t.onTransitionEnd[e].call(this);
+      }),
+      (d.transition = function (t) {
+        if (!parseFloat(this.layout.options.transitionDuration))
+          return void this._nonTransition(t);
+        var e = this._transn;
+        for (var i in t.onTransitionEnd) e.onEnd[i] = t.onTransitionEnd[i];
+        for (i in t.to)
+          (e.ingProperties[i] = !0), t.isCleaning && (e.clean[i] = !0);
+        if (t.from) {
+          this.css(t.from);
+          var o = this.element.offsetHeight;
+          o = null;
+        }
+        this.enableTransition(t.to),
+          this.css(t.to),
+          (this.isTransitioning = !0);
+      });
+    var l = "opacity," + n(a);
+    (d.enableTransition = function () {
+      if (!this.isTransitioning) {
+        var t = this.layout.options.transitionDuration;
+        (t = "number" == typeof t ? t + "ms" : t),
+          this.css({
+            transitionProperty: l,
+            transitionDuration: t,
+            transitionDelay: this.staggerDelay || 0,
+          }),
+          this.element.addEventListener(u, this, !1);
+      }
+    }),
+      (d.onwebkitTransitionEnd = function (t) {
+        this.ontransitionend(t);
+      }),
+      (d.onotransitionend = function (t) {
+        this.ontransitionend(t);
+      });
+    var f = { "-webkit-transform": "transform" };
+    (d.ontransitionend = function (t) {
+      if (t.target === this.element) {
+        var e = this._transn,
+          o = f[t.propertyName] || t.propertyName;
+        if (
+          (delete e.ingProperties[o],
+          i(e.ingProperties) && this.disableTransition(),
+          o in e.clean &&
+            ((this.element.style[t.propertyName] = ""), delete e.clean[o]),
+          o in e.onEnd)
+        ) {
+          var n = e.onEnd[o];
+          n.call(this), delete e.onEnd[o];
+        }
+        this.emitEvent("transitionEnd", [this]);
+      }
+    }),
+      (d.disableTransition = function () {
+        this.removeTransitionStyles(),
+          this.element.removeEventListener(u, this, !1),
+          (this.isTransitioning = !1);
+      }),
+      (d._removeStyles = function (t) {
+        var e = {};
+        for (var i in t) e[i] = "";
+        this.css(e);
+      });
+    var c = {
+      transitionProperty: "",
+      transitionDuration: "",
+      transitionDelay: "",
+    };
+    return (
+      (d.removeTransitionStyles = function () {
+        this.css(c);
+      }),
+      (d.stagger = function (t) {
+        (t = isNaN(t) ? 0 : t), (this.staggerDelay = t + "ms");
+      }),
+      (d.removeElem = function () {
+        this.element.parentNode.removeChild(this.element),
+          this.css({ display: "" }),
+          this.emitEvent("remove", [this]);
+      }),
+      (d.remove = function () {
+        return r && parseFloat(this.layout.options.transitionDuration)
+          ? (this.once("transitionEnd", function () {
+              this.removeElem();
+            }),
+            void this.hide())
+          : void this.removeElem();
+      }),
+      (d.reveal = function () {
+        delete this.isHidden, this.css({ display: "" });
+        var t = this.layout.options,
+          e = {},
+          i = this.getHideRevealTransitionEndProperty("visibleStyle");
+        (e[i] = this.onRevealTransitionEnd),
+          this.transition({
+            from: t.hiddenStyle,
+            to: t.visibleStyle,
+            isCleaning: !0,
+            onTransitionEnd: e,
+          });
+      }),
+      (d.onRevealTransitionEnd = function () {
+        this.isHidden || this.emitEvent("reveal");
+      }),
+      (d.getHideRevealTransitionEndProperty = function (t) {
+        var e = this.layout.options[t];
+        if (e.opacity) return "opacity";
+        for (var i in e) return i;
+      }),
+      (d.hide = function () {
+        (this.isHidden = !0), this.css({ display: "" });
+        var t = this.layout.options,
+          e = {},
+          i = this.getHideRevealTransitionEndProperty("hiddenStyle");
+        (e[i] = this.onHideTransitionEnd),
+          this.transition({
+            from: t.visibleStyle,
+            to: t.hiddenStyle,
+            isCleaning: !0,
+            onTransitionEnd: e,
+          });
+      }),
+      (d.onHideTransitionEnd = function () {
+        this.isHidden &&
+          (this.css({ display: "none" }), this.emitEvent("hide"));
+      }),
+      (d.destroy = function () {
+        this.css({
+          position: "",
+          left: "",
+          right: "",
+          top: "",
+          bottom: "",
+          transition: "",
+          transform: "",
+        });
+      }),
+      o
+    );
+  }),
+  (function (t, e) {
+    "use strict";
+    "function" == typeof define && define.amd
+      ? define(
+          "outlayer/outlayer",
+          [
+            "ev-emitter/ev-emitter",
+            "get-size/get-size",
+            "fizzy-ui-utils/utils",
+            "./item",
+          ],
+          function (i, o, n, s) {
+            return e(t, i, o, n, s);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          t,
+          require("ev-emitter"),
+          require("get-size"),
+          require("fizzy-ui-utils"),
+          require("./item")
+        ))
+      : (t.Outlayer = e(
+          t,
+          t.EvEmitter,
+          t.getSize,
+          t.fizzyUIUtils,
+          t.Outlayer.Item
+        ));
+  })(window, function (t, e, i, o, n) {
+    "use strict";
+    function s(t, e) {
+      var i = o.getQueryElement(t);
+      if (!i)
+        return void (
+          u &&
+          u.error(
+            "Bad element for " + this.constructor.namespace + ": " + (i || t)
+          )
+        );
+      (this.element = i),
+        h && (this.$element = h(this.element)),
+        (this.options = o.extend({}, this.constructor.defaults)),
+        this.option(e);
+      var n = ++l;
+      (this.element.outlayerGUID = n), (f[n] = this), this._create();
+      var s = this._getOption("initLayout");
+      s && this.layout();
+    }
+    function r(t) {
+      function e() {
+        t.apply(this, arguments);
+      }
+      return (
+        (e.prototype = Object.create(t.prototype)),
+        (e.prototype.constructor = e),
+        e
+      );
+    }
+    function a(t) {
+      if ("number" == typeof t) return t;
+      var e = t.match(/(^\d*\.?\d*)(\w*)/),
+        i = e && e[1],
+        o = e && e[2];
+      if (!i.length) return 0;
+      i = parseFloat(i);
+      var n = m[o] || 1;
+      return i * n;
+    }
+    var u = t.console,
+      h = t.jQuery,
+      d = function () {},
+      l = 0,
+      f = {};
+    (s.namespace = "outlayer"),
+      (s.Item = n),
+      (s.defaults = {
+        containerStyle: { position: "relative" },
+        initLayout: !0,
+        originLeft: !0,
+        originTop: !0,
+        resize: !0,
+        resizeContainer: !0,
+        transitionDuration: "0.4s",
+        hiddenStyle: { opacity: 0, transform: "scale(0.001)" },
+        visibleStyle: { opacity: 1, transform: "scale(1)" },
+      });
+    var c = s.prototype;
+    o.extend(c, e.prototype),
+      (c.option = function (t) {
+        o.extend(this.options, t);
+      }),
+      (c._getOption = function (t) {
+        var e = this.constructor.compatOptions[t];
+        return e && void 0 !== this.options[e]
+          ? this.options[e]
+          : this.options[t];
+      }),
+      (s.compatOptions = {
+        initLayout: "isInitLayout",
+        horizontal: "isHorizontal",
+        layoutInstant: "isLayoutInstant",
+        originLeft: "isOriginLeft",
+        originTop: "isOriginTop",
+        resize: "isResizeBound",
+        resizeContainer: "isResizingContainer",
+      }),
+      (c._create = function () {
+        this.reloadItems(),
+          (this.stamps = []),
+          this.stamp(this.options.stamp),
+          o.extend(this.element.style, this.options.containerStyle);
+        var t = this._getOption("resize");
+        t && this.bindResize();
+      }),
+      (c.reloadItems = function () {
+        this.items = this._itemize(this.element.children);
+      }),
+      (c._itemize = function (t) {
+        for (
+          var e = this._filterFindItemElements(t),
+            i = this.constructor.Item,
+            o = [],
+            n = 0;
+          n < e.length;
+          n++
+        ) {
+          var s = e[n],
+            r = new i(s, this);
+          o.push(r);
+        }
+        return o;
+      }),
+      (c._filterFindItemElements = function (t) {
+        return o.filterFindElements(t, this.options.itemSelector);
+      }),
+      (c.getItemElements = function () {
+        return this.items.map(function (t) {
+          return t.element;
+        });
+      }),
+      (c.layout = function () {
+        this._resetLayout(), this._manageStamps();
+        var t = this._getOption("layoutInstant"),
+          e = void 0 !== t ? t : !this._isLayoutInited;
+        this.layoutItems(this.items, e), (this._isLayoutInited = !0);
+      }),
+      (c._init = c.layout),
+      (c._resetLayout = function () {
+        this.getSize();
+      }),
+      (c.getSize = function () {
+        this.size = i(this.element);
+      }),
+      (c._getMeasurement = function (t, e) {
+        var o,
+          n = this.options[t];
+        n
+          ? ("string" == typeof n
+              ? (o = this.element.querySelector(n))
+              : n instanceof HTMLElement && (o = n),
+            (this[t] = o ? i(o)[e] : n))
+          : (this[t] = 0);
+      }),
+      (c.layoutItems = function (t, e) {
+        (t = this._getItemsForLayout(t)),
+          this._layoutItems(t, e),
+          this._postLayout();
+      }),
+      (c._getItemsForLayout = function (t) {
+        return t.filter(function (t) {
+          return !t.isIgnored;
+        });
+      }),
+      (c._layoutItems = function (t, e) {
+        if ((this._emitCompleteOnItems("layout", t), t && t.length)) {
+          var i = [];
+          t.forEach(function (t) {
+            var o = this._getItemLayoutPosition(t);
+            (o.item = t), (o.isInstant = e || t.isLayoutInstant), i.push(o);
+          }, this),
+            this._processLayoutQueue(i);
+        }
+      }),
+      (c._getItemLayoutPosition = function () {
+        return { x: 0, y: 0 };
+      }),
+      (c._processLayoutQueue = function (t) {
+        this.updateStagger(),
+          t.forEach(function (t, e) {
+            this._positionItem(t.item, t.x, t.y, t.isInstant, e);
+          }, this);
+      }),
+      (c.updateStagger = function () {
+        var t = this.options.stagger;
+        return null === t || void 0 === t
+          ? void (this.stagger = 0)
+          : ((this.stagger = a(t)), this.stagger);
+      }),
+      (c._positionItem = function (t, e, i, o, n) {
+        o ? t.goTo(e, i) : (t.stagger(n * this.stagger), t.moveTo(e, i));
+      }),
+      (c._postLayout = function () {
+        this.resizeContainer();
+      }),
+      (c.resizeContainer = function () {
+        var t = this._getOption("resizeContainer");
+        if (t) {
+          var e = this._getContainerSize();
+          e &&
+            (this._setContainerMeasure(e.width, !0),
+            this._setContainerMeasure(e.height, !1));
+        }
+      }),
+      (c._getContainerSize = d),
+      (c._setContainerMeasure = function (t, e) {
+        if (void 0 !== t) {
+          var i = this.size;
+          i.isBorderBox &&
+            (t += e
+              ? i.paddingLeft +
+                i.paddingRight +
+                i.borderLeftWidth +
+                i.borderRightWidth
+              : i.paddingBottom +
+                i.paddingTop +
+                i.borderTopWidth +
+                i.borderBottomWidth),
+            (t = Math.max(t, 0)),
+            (this.element.style[e ? "width" : "height"] = t + "px");
+        }
+      }),
+      (c._emitCompleteOnItems = function (t, e) {
+        function i() {
+          n.dispatchEvent(t + "Complete", null, [e]);
+        }
+        function o() {
+          r++, r == s && i();
+        }
+        var n = this,
+          s = e.length;
+        if (!e || !s) return void i();
+        var r = 0;
+        e.forEach(function (e) {
+          e.once(t, o);
+        });
+      }),
+      (c.dispatchEvent = function (t, e, i) {
+        var o = e ? [e].concat(i) : i;
+        if ((this.emitEvent(t, o), h))
+          if (((this.$element = this.$element || h(this.element)), e)) {
+            var n = h.Event(e);
+            (n.type = t), this.$element.trigger(n, i);
+          } else this.$element.trigger(t, i);
+      }),
+      (c.ignore = function (t) {
+        var e = this.getItem(t);
+        e && (e.isIgnored = !0);
+      }),
+      (c.unignore = function (t) {
+        var e = this.getItem(t);
+        e && delete e.isIgnored;
+      }),
+      (c.stamp = function (t) {
+        (t = this._find(t)),
+          t &&
+            ((this.stamps = this.stamps.concat(t)),
+            t.forEach(this.ignore, this));
+      }),
+      (c.unstamp = function (t) {
+        (t = this._find(t)),
+          t &&
+            t.forEach(function (t) {
+              o.removeFrom(this.stamps, t), this.unignore(t);
+            }, this);
+      }),
+      (c._find = function (t) {
+        if (t)
+          return (
+            "string" == typeof t && (t = this.element.querySelectorAll(t)),
+            (t = o.makeArray(t))
+          );
+      }),
+      (c._manageStamps = function () {
+        this.stamps &&
+          this.stamps.length &&
+          (this._getBoundingRect(),
+          this.stamps.forEach(this._manageStamp, this));
+      }),
+      (c._getBoundingRect = function () {
+        var t = this.element.getBoundingClientRect(),
+          e = this.size;
+        this._boundingRect = {
+          left: t.left + e.paddingLeft + e.borderLeftWidth,
+          top: t.top + e.paddingTop + e.borderTopWidth,
+          right: t.right - (e.paddingRight + e.borderRightWidth),
+          bottom: t.bottom - (e.paddingBottom + e.borderBottomWidth),
+        };
+      }),
+      (c._manageStamp = d),
+      (c._getElementOffset = function (t) {
+        var e = t.getBoundingClientRect(),
+          o = this._boundingRect,
+          n = i(t),
+          s = {
+            left: e.left - o.left - n.marginLeft,
+            top: e.top - o.top - n.marginTop,
+            right: o.right - e.right - n.marginRight,
+            bottom: o.bottom - e.bottom - n.marginBottom,
+          };
+        return s;
+      }),
+      (c.handleEvent = o.handleEvent),
+      (c.bindResize = function () {
+        t.addEventListener("resize", this), (this.isResizeBound = !0);
+      }),
+      (c.unbindResize = function () {
+        t.removeEventListener("resize", this), (this.isResizeBound = !1);
+      }),
+      (c.onresize = function () {
+        this.resize();
+      }),
+      o.debounceMethod(s, "onresize", 100),
+      (c.resize = function () {
+        this.isResizeBound && this.needsResizeLayout() && this.layout();
+      }),
+      (c.needsResizeLayout = function () {
+        var t = i(this.element),
+          e = this.size && t;
+        return e && t.innerWidth !== this.size.innerWidth;
+      }),
+      (c.addItems = function (t) {
+        var e = this._itemize(t);
+        return e.length && (this.items = this.items.concat(e)), e;
+      }),
+      (c.appended = function (t) {
+        var e = this.addItems(t);
+        e.length && (this.layoutItems(e, !0), this.reveal(e));
+      }),
+      (c.prepended = function (t) {
+        var e = this._itemize(t);
+        if (e.length) {
+          var i = this.items.slice(0);
+          (this.items = e.concat(i)),
+            this._resetLayout(),
+            this._manageStamps(),
+            this.layoutItems(e, !0),
+            this.reveal(e),
+            this.layoutItems(i);
+        }
+      }),
+      (c.reveal = function (t) {
+        if ((this._emitCompleteOnItems("reveal", t), t && t.length)) {
+          var e = this.updateStagger();
+          t.forEach(function (t, i) {
+            t.stagger(i * e), t.reveal();
+          });
+        }
+      }),
+      (c.hide = function (t) {
+        if ((this._emitCompleteOnItems("hide", t), t && t.length)) {
+          var e = this.updateStagger();
+          t.forEach(function (t, i) {
+            t.stagger(i * e), t.hide();
+          });
+        }
+      }),
+      (c.revealItemElements = function (t) {
+        var e = this.getItems(t);
+        this.reveal(e);
+      }),
+      (c.hideItemElements = function (t) {
+        var e = this.getItems(t);
+        this.hide(e);
+      }),
+      (c.getItem = function (t) {
+        for (var e = 0; e < this.items.length; e++) {
+          var i = this.items[e];
+          if (i.element == t) return i;
+        }
+      }),
+      (c.getItems = function (t) {
+        t = o.makeArray(t);
+        var e = [];
+        return (
+          t.forEach(function (t) {
+            var i = this.getItem(t);
+            i && e.push(i);
+          }, this),
+          e
+        );
+      }),
+      (c.remove = function (t) {
+        var e = this.getItems(t);
+        this._emitCompleteOnItems("remove", e),
+          e &&
+            e.length &&
+            e.forEach(function (t) {
+              t.remove(), o.removeFrom(this.items, t);
+            }, this);
+      }),
+      (c.destroy = function () {
+        var t = this.element.style;
+        (t.height = ""),
+          (t.position = ""),
+          (t.width = ""),
+          this.items.forEach(function (t) {
+            t.destroy();
+          }),
+          this.unbindResize();
+        var e = this.element.outlayerGUID;
+        delete f[e],
+          delete this.element.outlayerGUID,
+          h && h.removeData(this.element, this.constructor.namespace);
+      }),
+      (s.data = function (t) {
+        t = o.getQueryElement(t);
+        var e = t && t.outlayerGUID;
+        return e && f[e];
+      }),
+      (s.create = function (t, e) {
+        var i = r(s);
+        return (
+          (i.defaults = o.extend({}, s.defaults)),
+          o.extend(i.defaults, e),
+          (i.compatOptions = o.extend({}, s.compatOptions)),
+          (i.namespace = t),
+          (i.data = s.data),
+          (i.Item = r(n)),
+          o.htmlInit(i, t),
+          h && h.bridget && h.bridget(t, i),
+          i
+        );
+      });
+    var m = { ms: 1, s: 1e3 };
+    return (s.Item = n), s;
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/item", ["outlayer/outlayer"], e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("outlayer")))
+      : ((t.Isotope = t.Isotope || {}), (t.Isotope.Item = e(t.Outlayer)));
+  })(window, function (t) {
+    "use strict";
+    function e() {
+      t.Item.apply(this, arguments);
+    }
+    var i = (e.prototype = Object.create(t.Item.prototype)),
+      o = i._create;
+    (i._create = function () {
+      (this.id = this.layout.itemGUID++), o.call(this), (this.sortData = {});
+    }),
+      (i.updateSortData = function () {
+        if (!this.isIgnored) {
+          (this.sortData.id = this.id),
+            (this.sortData["original-order"] = this.id),
+            (this.sortData.random = Math.random());
+          var t = this.layout.options.getSortData,
+            e = this.layout._sorters;
+          for (var i in t) {
+            var o = e[i];
+            this.sortData[i] = o(this.element, this);
+          }
+        }
+      });
+    var n = i.destroy;
+    return (
+      (i.destroy = function () {
+        n.apply(this, arguments), this.css({ display: "" });
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "isotope-layout/js/layout-mode",
+          ["get-size/get-size", "outlayer/outlayer"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("get-size"), require("outlayer")))
+      : ((t.Isotope = t.Isotope || {}),
+        (t.Isotope.LayoutMode = e(t.getSize, t.Outlayer)));
+  })(window, function (t, e) {
+    "use strict";
+    function i(t) {
+      (this.isotope = t),
+        t &&
+          ((this.options = t.options[this.namespace]),
+          (this.element = t.element),
+          (this.items = t.filteredItems),
+          (this.size = t.size));
+    }
+    var o = i.prototype,
+      n = [
+        "_resetLayout",
+        "_getItemLayoutPosition",
+        "_manageStamp",
+        "_getContainerSize",
+        "_getElementOffset",
+        "needsResizeLayout",
+        "_getOption",
+      ];
+    return (
+      n.forEach(function (t) {
+        o[t] = function () {
+          return e.prototype[t].apply(this.isotope, arguments);
+        };
+      }),
+      (o.needsVerticalResizeLayout = function () {
+        var e = t(this.isotope.element),
+          i = this.isotope.size && e;
+        return i && e.innerHeight != this.isotope.size.innerHeight;
+      }),
+      (o._getMeasurement = function () {
+        this.isotope._getMeasurement.apply(this, arguments);
+      }),
+      (o.getColumnWidth = function () {
+        this.getSegmentSize("column", "Width");
+      }),
+      (o.getRowHeight = function () {
+        this.getSegmentSize("row", "Height");
+      }),
+      (o.getSegmentSize = function (t, e) {
+        var i = t + e,
+          o = "outer" + e;
+        if ((this._getMeasurement(i, o), !this[i])) {
+          var n = this.getFirstItemSize();
+          this[i] = (n && n[o]) || this.isotope.size["inner" + e];
+        }
+      }),
+      (o.getFirstItemSize = function () {
+        var e = this.isotope.filteredItems[0];
+        return e && e.element && t(e.element);
+      }),
+      (o.layout = function () {
+        this.isotope.layout.apply(this.isotope, arguments);
+      }),
+      (o.getSize = function () {
+        this.isotope.getSize(), (this.size = this.isotope.size);
+      }),
+      (i.modes = {}),
+      (i.create = function (t, e) {
+        function n() {
+          i.apply(this, arguments);
+        }
+        return (
+          (n.prototype = Object.create(o)),
+          (n.prototype.constructor = n),
+          e && (n.options = e),
+          (n.prototype.namespace = t),
+          (i.modes[t] = n),
+          n
+        );
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "masonry-layout/masonry",
+          ["outlayer/outlayer", "get-size/get-size"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("outlayer"), require("get-size")))
+      : (t.Masonry = e(t.Outlayer, t.getSize));
+  })(window, function (t, e) {
+    var i = t.create("masonry");
+    i.compatOptions.fitWidth = "isFitWidth";
+    var o = i.prototype;
+    return (
+      (o._resetLayout = function () {
+        this.getSize(),
+          this._getMeasurement("columnWidth", "outerWidth"),
+          this._getMeasurement("gutter", "outerWidth"),
+          this.measureColumns(),
+          (this.colYs = []);
+        for (var t = 0; t < this.cols; t++) this.colYs.push(0);
+        (this.maxY = 0), (this.horizontalColIndex = 0);
+      }),
+      (o.measureColumns = function () {
+        if ((this.getContainerWidth(), !this.columnWidth)) {
+          var t = this.items[0],
+            i = t && t.element;
+          this.columnWidth = (i && e(i).outerWidth) || this.containerWidth;
+        }
+        var o = (this.columnWidth += this.gutter),
+          n = this.containerWidth + this.gutter,
+          s = n / o,
+          r = o - (n % o),
+          a = r && r < 1 ? "round" : "floor";
+        (s = Math[a](s)), (this.cols = Math.max(s, 1));
+      }),
+      (o.getContainerWidth = function () {
+        var t = this._getOption("fitWidth"),
+          i = t ? this.element.parentNode : this.element,
+          o = e(i);
+        this.containerWidth = o && o.innerWidth;
+      }),
+      (o._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e = t.size.outerWidth % this.columnWidth,
+          i = e && e < 1 ? "round" : "ceil",
+          o = Math[i](t.size.outerWidth / this.columnWidth);
+        o = Math.min(o, this.cols);
+        for (
+          var n = this.options.horizontalOrder
+              ? "_getHorizontalColPosition"
+              : "_getTopColPosition",
+            s = this[n](o, t),
+            r = { x: this.columnWidth * s.col, y: s.y },
+            a = s.y + t.size.outerHeight,
+            u = o + s.col,
+            h = s.col;
+          h < u;
+          h++
+        )
+          this.colYs[h] = a;
+        return r;
+      }),
+      (o._getTopColPosition = function (t) {
+        var e = this._getTopColGroup(t),
+          i = Math.min.apply(Math, e);
+        return { col: e.indexOf(i), y: i };
+      }),
+      (o._getTopColGroup = function (t) {
+        if (t < 2) return this.colYs;
+        for (var e = [], i = this.cols + 1 - t, o = 0; o < i; o++)
+          e[o] = this._getColGroupY(o, t);
+        return e;
+      }),
+      (o._getColGroupY = function (t, e) {
+        if (e < 2) return this.colYs[t];
+        var i = this.colYs.slice(t, t + e);
+        return Math.max.apply(Math, i);
+      }),
+      (o._getHorizontalColPosition = function (t, e) {
+        var i = this.horizontalColIndex % this.cols,
+          o = t > 1 && i + t > this.cols;
+        i = o ? 0 : i;
+        var n = e.size.outerWidth && e.size.outerHeight;
+        return (
+          (this.horizontalColIndex = n ? i + t : this.horizontalColIndex),
+          { col: i, y: this._getColGroupY(i, t) }
+        );
+      }),
+      (o._manageStamp = function (t) {
+        var i = e(t),
+          o = this._getElementOffset(t),
+          n = this._getOption("originLeft"),
+          s = n ? o.left : o.right,
+          r = s + i.outerWidth,
+          a = Math.floor(s / this.columnWidth);
+        a = Math.max(0, a);
+        var u = Math.floor(r / this.columnWidth);
+        (u -= r % this.columnWidth ? 0 : 1), (u = Math.min(this.cols - 1, u));
+        for (
+          var h = this._getOption("originTop"),
+            d = (h ? o.top : o.bottom) + i.outerHeight,
+            l = a;
+          l <= u;
+          l++
+        )
+          this.colYs[l] = Math.max(d, this.colYs[l]);
+      }),
+      (o._getContainerSize = function () {
+        this.maxY = Math.max.apply(Math, this.colYs);
+        var t = { height: this.maxY };
+        return (
+          this._getOption("fitWidth") &&
+            (t.width = this._getContainerFitWidth()),
+          t
+        );
+      }),
+      (o._getContainerFitWidth = function () {
+        for (var t = 0, e = this.cols; --e && 0 === this.colYs[e]; ) t++;
+        return (this.cols - t) * this.columnWidth - this.gutter;
+      }),
+      (o.needsResizeLayout = function () {
+        var t = this.containerWidth;
+        return this.getContainerWidth(), t != this.containerWidth;
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "isotope-layout/js/layout-modes/masonry",
+          ["../layout-mode", "masonry-layout/masonry"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          require("../layout-mode"),
+          require("masonry-layout")
+        ))
+      : e(t.Isotope.LayoutMode, t.Masonry);
+  })(window, function (t, e) {
+    "use strict";
+    var i = t.create("masonry"),
+      o = i.prototype,
+      n = { _getElementOffset: !0, layout: !0, _getMeasurement: !0 };
+    for (var s in e.prototype) n[s] || (o[s] = e.prototype[s]);
+    var r = o.measureColumns;
+    o.measureColumns = function () {
+      (this.items = this.isotope.filteredItems), r.call(this);
+    };
+    var a = o._getOption;
+    return (
+      (o._getOption = function (t) {
+        return "fitWidth" == t
+          ? void 0 !== this.options.isFitWidth
+            ? this.options.isFitWidth
+            : this.options.fitWidth
+          : a.apply(this.isotope, arguments);
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/layout-modes/fit-rows", ["../layout-mode"], e)
+      : "object" == typeof exports
+      ? (module.exports = e(require("../layout-mode")))
+      : e(t.Isotope.LayoutMode);
+  })(window, function (t) {
+    "use strict";
+    var e = t.create("fitRows"),
+      i = e.prototype;
+    return (
+      (i._resetLayout = function () {
+        (this.x = 0),
+          (this.y = 0),
+          (this.maxY = 0),
+          this._getMeasurement("gutter", "outerWidth");
+      }),
+      (i._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e = t.size.outerWidth + this.gutter,
+          i = this.isotope.size.innerWidth + this.gutter;
+        0 !== this.x && e + this.x > i && ((this.x = 0), (this.y = this.maxY));
+        var o = { x: this.x, y: this.y };
+        return (
+          (this.maxY = Math.max(this.maxY, this.y + t.size.outerHeight)),
+          (this.x += e),
+          o
+        );
+      }),
+      (i._getContainerSize = function () {
+        return { height: this.maxY };
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/layout-modes/vertical", ["../layout-mode"], e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("../layout-mode")))
+      : e(t.Isotope.LayoutMode);
+  })(window, function (t) {
+    "use strict";
+    var e = t.create("vertical", { horizontalAlignment: 0 }),
+      i = e.prototype;
+    return (
+      (i._resetLayout = function () {
+        this.y = 0;
+      }),
+      (i._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e =
+            (this.isotope.size.innerWidth - t.size.outerWidth) *
+            this.options.horizontalAlignment,
+          i = this.y;
+        return (this.y += t.size.outerHeight), { x: e, y: i };
+      }),
+      (i._getContainerSize = function () {
+        return { height: this.y };
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          [
+            "outlayer/outlayer",
+            "get-size/get-size",
+            "desandro-matches-selector/matches-selector",
+            "fizzy-ui-utils/utils",
+            "isotope-layout/js/item",
+            "isotope-layout/js/layout-mode",
+            "isotope-layout/js/layout-modes/masonry",
+            "isotope-layout/js/layout-modes/fit-rows",
+            "isotope-layout/js/layout-modes/vertical",
+          ],
+          function (i, o, n, s, r, a) {
+            return e(t, i, o, n, s, r, a);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          t,
+          require("outlayer"),
+          require("get-size"),
+          require("desandro-matches-selector"),
+          require("fizzy-ui-utils"),
+          require("isotope-layout/js/item"),
+          require("isotope-layout/js/layout-mode"),
+          require("isotope-layout/js/layout-modes/masonry"),
+          require("isotope-layout/js/layout-modes/fit-rows"),
+          require("isotope-layout/js/layout-modes/vertical")
+        ))
+      : (t.Isotope = e(
+          t,
+          t.Outlayer,
+          t.getSize,
+          t.matchesSelector,
+          t.fizzyUIUtils,
+          t.Isotope.Item,
+          t.Isotope.LayoutMode
+        ));
+  })(window, function (t, e, i, o, n, s, r) {
+    function a(t, e) {
+      return function (i, o) {
+        for (var n = 0; n < t.length; n++) {
+          var s = t[n],
+            r = i.sortData[s],
+            a = o.sortData[s];
+          if (r > a || r < a) {
+            var u = void 0 !== e[s] ? e[s] : e,
+              h = u ? 1 : -1;
+            return (r > a ? 1 : -1) * h;
+          }
+        }
+        return 0;
+      };
+    }
+    var u = t.jQuery,
+      h = String.prototype.trim
+        ? function (t) {
+            return t.trim();
+          }
+        : function (t) {
+            return t.replace(/^\s+|\s+$/g, "");
+          },
+      d = e.create("isotope", {
+        layoutMode: "masonry",
+        isJQueryFiltering: !0,
+        sortAscending: !0,
+      });
+    (d.Item = s), (d.LayoutMode = r);
+    var l = d.prototype;
+    (l._create = function () {
+      (this.itemGUID = 0),
+        (this._sorters = {}),
+        this._getSorters(),
+        e.prototype._create.call(this),
+        (this.modes = {}),
+        (this.filteredItems = this.items),
+        (this.sortHistory = ["original-order"]);
+      for (var t in r.modes) this._initLayoutMode(t);
+    }),
+      (l.reloadItems = function () {
+        (this.itemGUID = 0), e.prototype.reloadItems.call(this);
+      }),
+      (l._itemize = function () {
+        for (
+          var t = e.prototype._itemize.apply(this, arguments), i = 0;
+          i < t.length;
+          i++
+        ) {
+          var o = t[i];
+          o.id = this.itemGUID++;
+        }
+        return this._updateItemsSortData(t), t;
+      }),
+      (l._initLayoutMode = function (t) {
+        var e = r.modes[t],
+          i = this.options[t] || {};
+        (this.options[t] = e.options ? n.extend(e.options, i) : i),
+          (this.modes[t] = new e(this));
+      }),
+      (l.layout = function () {
+        return !this._isLayoutInited && this._getOption("initLayout")
+          ? void this.arrange()
+          : void this._layout();
+      }),
+      (l._layout = function () {
+        var t = this._getIsInstant();
+        this._resetLayout(),
+          this._manageStamps(),
+          this.layoutItems(this.filteredItems, t),
+          (this._isLayoutInited = !0);
+      }),
+      (l.arrange = function (t) {
+        this.option(t), this._getIsInstant();
+        var e = this._filter(this.items);
+        (this.filteredItems = e.matches),
+          this._bindArrangeComplete(),
+          this._isInstant
+            ? this._noTransition(this._hideReveal, [e])
+            : this._hideReveal(e),
+          this._sort(),
+          this._layout();
+      }),
+      (l._init = l.arrange),
+      (l._hideReveal = function (t) {
+        this.reveal(t.needReveal), this.hide(t.needHide);
+      }),
+      (l._getIsInstant = function () {
+        var t = this._getOption("layoutInstant"),
+          e = void 0 !== t ? t : !this._isLayoutInited;
+        return (this._isInstant = e), e;
+      }),
+      (l._bindArrangeComplete = function () {
+        function t() {
+          e &&
+            i &&
+            o &&
+            n.dispatchEvent("arrangeComplete", null, [n.filteredItems]);
+        }
+        var e,
+          i,
+          o,
+          n = this;
+        this.once("layoutComplete", function () {
+          (e = !0), t();
+        }),
+          this.once("hideComplete", function () {
+            (i = !0), t();
+          }),
+          this.once("revealComplete", function () {
+            (o = !0), t();
+          });
+      }),
+      (l._filter = function (t) {
+        var e = this.options.filter;
+        e = e || "*";
+        for (
+          var i = [], o = [], n = [], s = this._getFilterTest(e), r = 0;
+          r < t.length;
+          r++
+        ) {
+          var a = t[r];
+          if (!a.isIgnored) {
+            var u = s(a);
+            u && i.push(a),
+              u && a.isHidden ? o.push(a) : u || a.isHidden || n.push(a);
+          }
+        }
+        return { matches: i, needReveal: o, needHide: n };
+      }),
+      (l._getFilterTest = function (t) {
+        return u && this.options.isJQueryFiltering
+          ? function (e) {
+              return u(e.element).is(t);
+            }
+          : "function" == typeof t
+          ? function (e) {
+              return t(e.element);
+            }
+          : function (e) {
+              return o(e.element, t);
+            };
+      }),
+      (l.updateSortData = function (t) {
+        var e;
+        t ? ((t = n.makeArray(t)), (e = this.getItems(t))) : (e = this.items),
+          this._getSorters(),
+          this._updateItemsSortData(e);
+      }),
+      (l._getSorters = function () {
+        var t = this.options.getSortData;
+        for (var e in t) {
+          var i = t[e];
+          this._sorters[e] = f(i);
+        }
+      }),
+      (l._updateItemsSortData = function (t) {
+        for (var e = t && t.length, i = 0; e && i < e; i++) {
+          var o = t[i];
+          o.updateSortData();
+        }
+      });
+    var f = (function () {
+      function t(t) {
+        if ("string" != typeof t) return t;
+        var i = h(t).split(" "),
+          o = i[0],
+          n = o.match(/^\[(.+)\]$/),
+          s = n && n[1],
+          r = e(s, o),
+          a = d.sortDataParsers[i[1]];
+        return (t = a
+          ? function (t) {
+              return t && a(r(t));
+            }
+          : function (t) {
+              return t && r(t);
+            });
+      }
+      function e(t, e) {
+        return t
+          ? function (e) {
+              return e.getAttribute(t);
+            }
+          : function (t) {
+              var i = t.querySelector(e);
+              return i && i.textContent;
+            };
+      }
+      return t;
+    })();
+    (d.sortDataParsers = {
+      parseInt: function (t) {
+        return parseInt(t, 10);
+      },
+      parseFloat: function (t) {
+        return parseFloat(t);
+      },
+    }),
+      (l._sort = function () {
+        if (this.options.sortBy) {
+          var t = n.makeArray(this.options.sortBy);
+          this._getIsSameSortBy(t) ||
+            (this.sortHistory = t.concat(this.sortHistory));
+          var e = a(this.sortHistory, this.options.sortAscending);
+          this.filteredItems.sort(e);
+        }
+      }),
+      (l._getIsSameSortBy = function (t) {
+        for (var e = 0; e < t.length; e++)
+          if (t[e] != this.sortHistory[e]) return !1;
+        return !0;
+      }),
+      (l._mode = function () {
+        var t = this.options.layoutMode,
+          e = this.modes[t];
+        if (!e) throw new Error("No layout mode: " + t);
+        return (e.options = this.options[t]), e;
+      }),
+      (l._resetLayout = function () {
+        e.prototype._resetLayout.call(this), this._mode()._resetLayout();
+      }),
+      (l._getItemLayoutPosition = function (t) {
+        return this._mode()._getItemLayoutPosition(t);
+      }),
+      (l._manageStamp = function (t) {
+        this._mode()._manageStamp(t);
+      }),
+      (l._getContainerSize = function () {
+        return this._mode()._getContainerSize();
+      }),
+      (l.needsResizeLayout = function () {
+        return this._mode().needsResizeLayout();
+      }),
+      (l.appended = function (t) {
+        var e = this.addItems(t);
+        if (e.length) {
+          var i = this._filterRevealAdded(e);
+          this.filteredItems = this.filteredItems.concat(i);
+        }
+      }),
+      (l.prepended = function (t) {
+        var e = this._itemize(t);
+        if (e.length) {
+          this._resetLayout(), this._manageStamps();
+          var i = this._filterRevealAdded(e);
+          this.layoutItems(this.filteredItems),
+            (this.filteredItems = i.concat(this.filteredItems)),
+            (this.items = e.concat(this.items));
+        }
+      }),
+      (l._filterRevealAdded = function (t) {
+        var e = this._filter(t);
+        return (
+          this.hide(e.needHide),
+          this.reveal(e.matches),
+          this.layoutItems(e.matches, !0),
+          e.matches
+        );
+      }),
+      (l.insert = function (t) {
+        var e = this.addItems(t);
+        if (e.length) {
+          var i,
+            o,
+            n = e.length;
+          for (i = 0; i < n; i++)
+            (o = e[i]), this.element.appendChild(o.element);
+          var s = this._filter(e).matches;
+          for (i = 0; i < n; i++) e[i].isLayoutInstant = !0;
+          for (this.arrange(), i = 0; i < n; i++) delete e[i].isLayoutInstant;
+          this.reveal(s);
+        }
+      });
+    var c = l.remove;
+    return (
+      (l.remove = function (t) {
+        t = n.makeArray(t);
+        var e = this.getItems(t);
+        c.call(this, t);
+        for (var i = e && e.length, o = 0; i && o < i; o++) {
+          var s = e[o];
+          n.removeFrom(this.filteredItems, s);
+        }
+      }),
+      (l.shuffle = function () {
+        for (var t = 0; t < this.items.length; t++) {
+          var e = this.items[t];
+          e.sortData.random = Math.random();
+        }
+        (this.options.sortBy = "random"), this._sort(), this._layout();
+      }),
+      (l._noTransition = function (t, e) {
+        var i = this.options.transitionDuration;
+        this.options.transitionDuration = 0;
+        var o = t.apply(this, e);
+        return (this.options.transitionDuration = i), o;
+      }),
+      (l.getFilteredItemElements = function () {
+        return this.filteredItems.map(function (t) {
+          return t.element;
+        });
+      }),
+      d
+    );
+  });
diff --git a/quarter-rtl/assets/js/main.js b/quarter-rtl/assets/js/main.js
new file mode 100644
index 0000000..0c69e99
--- /dev/null
+++ b/quarter-rtl/assets/js/main.js
@@ -0,0 +1,119 @@
+// sticky hedder
+stickystickyHeader();
+
+// search controller
+search();
+
+// mobile menu
+drawer();
+
+// accordion
+accordions();
+
+// slider js
+silder();
+
+// counter up
+const counters = document.querySelectorAll(".counter");
+counters.forEach((counter) => {
+  new countUp(counter);
+});
+
+// service cards
+service();
+
+// nice select
+const selects = document.querySelectorAll(".selectize");
+if (selects?.length) {
+  selects.forEach((select) => NiceSelect.bind(select));
+}
+
+// quick view modal
+modal();
+
+// tab
+tabsController();
+
+//glightbox
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox2",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox3",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+
+// scrollUp
+scrollUp();
+
+// smooth scroll
+smoothScroll();
+
+// appart card hover action
+
+const apartCards = document.querySelectorAll(".apart-card");
+
+if (apartCards?.length) {
+  apartCards.forEach((apartCard, idx) => {
+    apartCard.addEventListener("mouseenter", () => {
+      apartCard.querySelector(".card-quick-area").classList.add("active");
+    
+    });
+  });
+}
+
+// isotop filters
+filter();
+
+// nice checkbox
+nice_checkbox();
+
+// count input
+count();
+
+// countdown
+const countContainers = document.querySelectorAll(".countdown");
+if (countContainers?.length) {
+  countDown();
+}
+
+// price slider
+const range_sliders = document.querySelectorAll(".slider-range");
+
+if (range_sliders?.length) {
+  
+  $(".slider-range").slider({
+    range: true,
+    min: 50,
+    max: 5000,
+    values: [50, 1500],
+    slide: function (event, ui) {
+      $(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
+    },
+  });
+  $(".amount").val(
+    "$" +
+      $(".slider-range").slider("values", 0) +
+      " - $" +
+      $(".slider-range").slider("values", 1)
+  );
+}
+
+// price
diff --git a/quarter-rtl/assets/js/maplace-active.js b/quarter-rtl/assets/js/maplace-active.js
new file mode 100644
index 0000000..b7c3308
--- /dev/null
+++ b/quarter-rtl/assets/js/maplace-active.js
@@ -0,0 +1,196 @@
+$(function () {
+  var LocsA = [
+    {
+      lat: 40.740178,
+      lon: -74.190194,
+      title: "Location 1",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.733617,
+      lon: -74.17115,
+      title: "Location 2",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.743011,
+      lon: -74.2471,
+      title: "Location 3",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.71115,
+      lon: -74.214998,
+      title: "Location 4",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.69001,
+      lon: -74.151753,
+      title: "Location 5",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.69759,
+      lon: -74.263164,
+      title: "Location 6",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.729979,
+      lon: -74.271992,
+      title: "Location 7",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.749702,
+      lon: -74.163631,
+      title: "Location 8",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.718971,
+      lon: -74.323219,
+      title: "Location 9",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.74835,
+      lon: -74.323219,
+      title: "Location 10",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.740178,
+      lon: -74.190194,
+      title: "Location 11",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+  ];
+  new Maplace({
+    locations: LocsA,
+    controls_on_map: true,
+    map_options: {
+      zoom: 13,
+      scrollwheel: false,
+      stopover: true,
+    },
+    stroke_options: {
+      strokeColor: "#f10",
+      strokeOpacity: 0.8,
+      strokeWeight: 2,
+      fillColor: "#f10",
+      fillOpacity: 0.4,
+    },
+  }).Load();
+});
diff --git a/quarter-rtl/assets/js/maplace.js b/quarter-rtl/assets/js/maplace.js
new file mode 100644
index 0000000..d79d597
--- /dev/null
+++ b/quarter-rtl/assets/js/maplace.js
@@ -0,0 +1,7340 @@
+/* Modernizr 2.8.3 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
+ */
+(window.Modernizr = (function (a, b, c) {
+  function D(a) {
+    j.cssText = a;
+  }
+  function E(a, b) {
+    return D(n.join(a + ";") + (b || ""));
+  }
+  function F(a, b) {
+    return typeof a === b;
+  }
+  function G(a, b) {
+    return !!~("" + a).indexOf(b);
+  }
+  function H(a, b) {
+    for (var d in a) {
+      var e = a[d];
+      if (!G(e, "-") && j[e] !== c) return b == "pfx" ? e : !0;
+    }
+    return !1;
+  }
+  function I(a, b, d) {
+    for (var e in a) {
+      var f = b[a[e]];
+      if (f !== c)
+        return d === !1 ? a[e] : F(f, "function") ? f.bind(d || b) : f;
+    }
+    return !1;
+  }
+  function J(a, b, c) {
+    var d = a.charAt(0).toUpperCase() + a.slice(1),
+      e = (a + " " + p.join(d + " ") + d).split(" ");
+    return F(b, "string") || F(b, "undefined")
+      ? H(e, b)
+      : ((e = (a + " " + q.join(d + " ") + d).split(" ")), I(e, b, c));
+  }
+  function K() {
+    (e.input = (function (c) {
+      for (var d = 0, e = c.length; d < e; d++) u[c[d]] = c[d] in k;
+      return (
+        u.list &&
+          (u.list = !!b.createElement("datalist") && !!a.HTMLDataListElement),
+        u
+      );
+    })(
+      "autocomplete autofocus list placeholder max min multiple pattern required step".split(
+        " "
+      )
+    )),
+      (e.inputtypes = (function (a) {
+        for (var d = 0, e, f, h, i = a.length; d < i; d++)
+          k.setAttribute("type", (f = a[d])),
+            (e = k.type !== "text"),
+            e &&
+              ((k.value = l),
+              (k.style.cssText = "position:absolute;visibility:hidden;"),
+              /^range$/.test(f) && k.style.WebkitAppearance !== c
+                ? (g.appendChild(k),
+                  (h = b.defaultView),
+                  (e =
+                    h.getComputedStyle &&
+                    h.getComputedStyle(k, null).WebkitAppearance !==
+                      "textfield" &&
+                    k.offsetHeight !== 0),
+                  g.removeChild(k))
+                : /^(search|tel)$/.test(f) ||
+                  (/^(url|email)$/.test(f)
+                    ? (e = k.checkValidity && k.checkValidity() === !1)
+                    : (e = k.value != l))),
+            (t[a[d]] = !!e);
+        return t;
+      })(
+        "search tel url email datetime date month week time datetime-local number range color".split(
+          " "
+        )
+      ));
+  }
+  var d = "2.8.3",
+    e = {},
+    f = !0,
+    g = b.documentElement,
+    h = "modernizr",
+    i = b.createElement(h),
+    j = i.style,
+    k = b.createElement("input"),
+    l = ":)",
+    m = {}.toString,
+    n = " -webkit- -moz- -o- -ms- ".split(" "),
+    o = "Webkit Moz O ms",
+    p = o.split(" "),
+    q = o.toLowerCase().split(" "),
+    r = { svg: "http://www.w3.org/2000/svg" },
+    s = {},
+    t = {},
+    u = {},
+    v = [],
+    w = v.slice,
+    x,
+    y = function (a, c, d, e) {
+      var f,
+        i,
+        j,
+        k,
+        l = b.createElement("div"),
+        m = b.body,
+        n = m || b.createElement("body");
+      if (parseInt(d, 10))
+        while (d--)
+          (j = b.createElement("div")),
+            (j.id = e ? e[d] : h + (d + 1)),
+            l.appendChild(j);
+      return (
+        (f = ["&#173;", '<style id="s', h, '">', a, "</style>"].join("")),
+        (l.id = h),
+        ((m ? l : n).innerHTML += f),
+        n.appendChild(l),
+        m ||
+          ((n.style.background = ""),
+          (n.style.overflow = "hidden"),
+          (k = g.style.overflow),
+          (g.style.overflow = "hidden"),
+          g.appendChild(n)),
+        (i = c(l, a)),
+        m
+          ? l.parentNode.removeChild(l)
+          : (n.parentNode.removeChild(n), (g.style.overflow = k)),
+        !!i
+      );
+    },
+    z = function (b) {
+      var c = a.matchMedia || a.msMatchMedia;
+      if (c) return (c(b) && c(b).matches) || !1;
+      var d;
+      return (
+        y(
+          "@media " + b + " { #" + h + " { position: absolute; } }",
+          function (b) {
+            d =
+              (a.getComputedStyle ? getComputedStyle(b, null) : b.currentStyle)[
+                "position"
+              ] == "absolute";
+          }
+        ),
+        d
+      );
+    },
+    A = (function () {
+      function d(d, e) {
+        (e = e || b.createElement(a[d] || "div")), (d = "on" + d);
+        var f = d in e;
+        return (
+          f ||
+            (e.setAttribute || (e = b.createElement("div")),
+            e.setAttribute &&
+              e.removeAttribute &&
+              (e.setAttribute(d, ""),
+              (f = F(e[d], "function")),
+              F(e[d], "undefined") || (e[d] = c),
+              e.removeAttribute(d))),
+          (e = null),
+          f
+        );
+      }
+      var a = {
+        select: "input",
+        change: "input",
+        submit: "form",
+        reset: "form",
+        error: "img",
+        load: "img",
+        abort: "img",
+      };
+      return d;
+    })(),
+    B = {}.hasOwnProperty,
+    C;
+  !F(B, "undefined") && !F(B.call, "undefined")
+    ? (C = function (a, b) {
+        return B.call(a, b);
+      })
+    : (C = function (a, b) {
+        return b in a && F(a.constructor.prototype[b], "undefined");
+      }),
+    Function.prototype.bind ||
+      (Function.prototype.bind = function (b) {
+        var c = this;
+        if (typeof c != "function") throw new TypeError();
+        var d = w.call(arguments, 1),
+          e = function () {
+            if (this instanceof e) {
+              var a = function () {};
+              a.prototype = c.prototype;
+              var f = new a(),
+                g = c.apply(f, d.concat(w.call(arguments)));
+              return Object(g) === g ? g : f;
+            }
+            return c.apply(b, d.concat(w.call(arguments)));
+          };
+        return e;
+      }),
+    (s.flexbox = function () {
+      return J("flexWrap");
+    }),
+    (s.canvas = function () {
+      var a = b.createElement("canvas");
+      return !!a.getContext && !!a.getContext("2d");
+    }),
+    (s.canvastext = function () {
+      return (
+        !!e.canvas &&
+        !!F(b.createElement("canvas").getContext("2d").fillText, "function")
+      );
+    }),
+    (s.webgl = function () {
+      return !!a.WebGLRenderingContext;
+    }),
+    (s.touch = function () {
+      var c;
+      return (
+        "ontouchstart" in a || (a.DocumentTouch && b instanceof DocumentTouch)
+          ? (c = !0)
+          : y(
+              [
+                "@media (",
+                n.join("touch-enabled),("),
+                h,
+                ")",
+                "{#modernizr{top:9px;position:absolute}}",
+              ].join(""),
+              function (a) {
+                c = a.offsetTop === 9;
+              }
+            ),
+        c
+      );
+    }),
+    (s.geolocation = function () {
+      return "geolocation" in navigator;
+    }),
+    (s.postmessage = function () {
+      return !!a.postMessage;
+    }),
+    (s.websqldatabase = function () {
+      return !!a.openDatabase;
+    }),
+    (s.indexedDB = function () {
+      return !!J("indexedDB", a);
+    }),
+    (s.hashchange = function () {
+      return A("hashchange", a) && (b.documentMode === c || b.documentMode > 7);
+    }),
+    (s.history = function () {
+      return !!a.history && !!history.pushState;
+    }),
+    (s.draganddrop = function () {
+      var a = b.createElement("div");
+      return "draggable" in a || ("ondragstart" in a && "ondrop" in a);
+    }),
+    (s.websockets = function () {
+      return "WebSocket" in a || "MozWebSocket" in a;
+    }),
+    (s.rgba = function () {
+      return (
+        D("background-color:rgba(150,255,150,.5)"), G(j.backgroundColor, "rgba")
+      );
+    }),
+    (s.hsla = function () {
+      return (
+        D("background-color:hsla(120,40%,100%,.5)"),
+        G(j.backgroundColor, "rgba") || G(j.backgroundColor, "hsla")
+      );
+    }),
+    (s.multiplebgs = function () {
+      return (
+        D("background:url(https://),url(https://),red url(https://)"),
+        /(url\s*\(.*?){3}/.test(j.background)
+      );
+    }),
+    (s.backgroundsize = function () {
+      return J("backgroundSize");
+    }),
+    (s.borderimage = function () {
+      return J("borderImage");
+    }),
+    (s.borderradius = function () {
+      return J("borderRadius");
+    }),
+    (s.boxshadow = function () {
+      return J("boxShadow");
+    }),
+    (s.textshadow = function () {
+      return b.createElement("div").style.textShadow === "";
+    }),
+    (s.opacity = function () {
+      return E("opacity:.55"), /^0.55$/.test(j.opacity);
+    }),
+    (s.cssanimations = function () {
+      return J("animationName");
+    }),
+    (s.csscolumns = function () {
+      return J("columnCount");
+    }),
+    (s.cssgradients = function () {
+      var a = "background-image:",
+        b = "gradient(linear,left top,right bottom,from(#9f9),to(white));",
+        c = "linear-gradient(left top,#9f9, white);";
+      return (
+        D(
+          (a + "-webkit- ".split(" ").join(b + a) + n.join(c + a)).slice(
+            0,
+            -a.length
+          )
+        ),
+        G(j.backgroundImage, "gradient")
+      );
+    }),
+    (s.cssreflections = function () {
+      return J("boxReflect");
+    }),
+    (s.csstransforms = function () {
+      return !!J("transform");
+    }),
+    (s.csstransforms3d = function () {
+      var a = !!J("perspective");
+      return (
+        a &&
+          "webkitPerspective" in g.style &&
+          y(
+            "@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",
+            function (b, c) {
+              a = b.offsetLeft === 9 && b.offsetHeight === 3;
+            }
+          ),
+        a
+      );
+    }),
+    (s.csstransitions = function () {
+      return J("transition");
+    }),
+    (s.fontface = function () {
+      var a;
+      return (
+        y(
+          '@font-face {font-family:"font";src:url("https://")}',
+          function (c, d) {
+            var e = b.getElementById("smodernizr"),
+              f = e.sheet || e.styleSheet,
+              g = f
+                ? f.cssRules && f.cssRules[0]
+                  ? f.cssRules[0].cssText
+                  : f.cssText || ""
+                : "";
+            a = /src/i.test(g) && g.indexOf(d.split(" ")[0]) === 0;
+          }
+        ),
+        a
+      );
+    }),
+    (s.generatedcontent = function () {
+      var a;
+      return (
+        y(
+          [
+            "#",
+            h,
+            "{font:0/0 a}#",
+            h,
+            ':after{content:"',
+            l,
+            '";visibility:hidden;font:3px/1 a}',
+          ].join(""),
+          function (b) {
+            a = b.offsetHeight >= 3;
+          }
+        ),
+        a
+      );
+    }),
+    (s.video = function () {
+      var a = b.createElement("video"),
+        c = !1;
+      try {
+        if ((c = !!a.canPlayType))
+          (c = new Boolean(c)),
+            (c.ogg = a
+              .canPlayType('video/ogg; codecs="theora"')
+              .replace(/^no$/, "")),
+            (c.h264 = a
+              .canPlayType('video/mp4; codecs="avc1.42E01E"')
+              .replace(/^no$/, "")),
+            (c.webm = a
+              .canPlayType('video/webm; codecs="vp8, vorbis"')
+              .replace(/^no$/, ""));
+      } catch (d) {}
+      return c;
+    }),
+    (s.audio = function () {
+      var a = b.createElement("audio"),
+        c = !1;
+      try {
+        if ((c = !!a.canPlayType))
+          (c = new Boolean(c)),
+            (c.ogg = a
+              .canPlayType('audio/ogg; codecs="vorbis"')
+              .replace(/^no$/, "")),
+            (c.mp3 = a.canPlayType("audio/mpeg;").replace(/^no$/, "")),
+            (c.wav = a
+              .canPlayType('audio/wav; codecs="1"')
+              .replace(/^no$/, "")),
+            (c.m4a = (
+              a.canPlayType("audio/x-m4a;") || a.canPlayType("audio/aac;")
+            ).replace(/^no$/, ""));
+      } catch (d) {}
+      return c;
+    }),
+    (s.localstorage = function () {
+      try {
+        return localStorage.setItem(h, h), localStorage.removeItem(h), !0;
+      } catch (a) {
+        return !1;
+      }
+    }),
+    (s.sessionstorage = function () {
+      try {
+        return sessionStorage.setItem(h, h), sessionStorage.removeItem(h), !0;
+      } catch (a) {
+        return !1;
+      }
+    }),
+    (s.webworkers = function () {
+      return !!a.Worker;
+    }),
+    (s.applicationcache = function () {
+      return !!a.applicationCache;
+    }),
+    (s.svg = function () {
+      return (
+        !!b.createElementNS && !!b.createElementNS(r.svg, "svg").createSVGRect
+      );
+    }),
+    (s.inlinesvg = function () {
+      var a = b.createElement("div");
+      return (
+        (a.innerHTML = "<svg>"),
+        (a.firstChild && a.firstChild.namespaceURI) == r.svg
+      );
+    }),
+    (s.smil = function () {
+      return (
+        !!b.createElementNS &&
+        /SVGAnimate/.test(m.call(b.createElementNS(r.svg, "animate")))
+      );
+    }),
+    (s.svgclippaths = function () {
+      return (
+        !!b.createElementNS &&
+        /SVGClipPath/.test(m.call(b.createElementNS(r.svg, "clipPath")))
+      );
+    });
+  for (var L in s)
+    C(s, L) &&
+      ((x = L.toLowerCase()), (e[x] = s[L]()), v.push((e[x] ? "" : "no-") + x));
+  return (
+    e.input || K(),
+    (e.addTest = function (a, b) {
+      if (typeof a == "object") for (var d in a) C(a, d) && e.addTest(d, a[d]);
+      else {
+        a = a.toLowerCase();
+        if (e[a] !== c) return e;
+        (b = typeof b == "function" ? b() : b),
+          typeof f != "undefined" &&
+            f &&
+            (g.className += " " + (b ? "" : "no-") + a),
+          (e[a] = b);
+      }
+      return e;
+    }),
+    D(""),
+    (i = k = null),
+    (function (a, b) {
+      function l(a, b) {
+        var c = a.createElement("p"),
+          d = a.getElementsByTagName("head")[0] || a.documentElement;
+        return (
+          (c.innerHTML = "x<style>" + b + "</style>"),
+          d.insertBefore(c.lastChild, d.firstChild)
+        );
+      }
+      function m() {
+        var a = s.elements;
+        return typeof a == "string" ? a.split(" ") : a;
+      }
+      function n(a) {
+        var b = j[a[h]];
+        return b || ((b = {}), i++, (a[h] = i), (j[i] = b)), b;
+      }
+      function o(a, c, d) {
+        c || (c = b);
+        if (k) return c.createElement(a);
+        d || (d = n(c));
+        var g;
+        return (
+          d.cache[a]
+            ? (g = d.cache[a].cloneNode())
+            : f.test(a)
+            ? (g = (d.cache[a] = d.createElem(a)).cloneNode())
+            : (g = d.createElem(a)),
+          g.canHaveChildren && !e.test(a) && !g.tagUrn
+            ? d.frag.appendChild(g)
+            : g
+        );
+      }
+      function p(a, c) {
+        a || (a = b);
+        if (k) return a.createDocumentFragment();
+        c = c || n(a);
+        var d = c.frag.cloneNode(),
+          e = 0,
+          f = m(),
+          g = f.length;
+        for (; e < g; e++) d.createElement(f[e]);
+        return d;
+      }
+      function q(a, b) {
+        b.cache ||
+          ((b.cache = {}),
+          (b.createElem = a.createElement),
+          (b.createFrag = a.createDocumentFragment),
+          (b.frag = b.createFrag())),
+          (a.createElement = function (c) {
+            return s.shivMethods ? o(c, a, b) : b.createElem(c);
+          }),
+          (a.createDocumentFragment = Function(
+            "h,f",
+            "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" +
+              m()
+                .join()
+                .replace(/[\w\-]+/g, function (a) {
+                  return (
+                    b.createElem(a), b.frag.createElement(a), 'c("' + a + '")'
+                  );
+                }) +
+              ");return n}"
+          )(s, b.frag));
+      }
+      function r(a) {
+        a || (a = b);
+        var c = n(a);
+        return (
+          s.shivCSS &&
+            !g &&
+            !c.hasCSS &&
+            (c.hasCSS = !!l(
+              a,
+              "article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}"
+            )),
+          k || q(a, c),
+          a
+        );
+      }
+      var c = "3.7.0",
+        d = a.html5 || {},
+        e =
+          /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,
+        f =
+          /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,
+        g,
+        h = "_html5shiv",
+        i = 0,
+        j = {},
+        k;
+      (function () {
+        try {
+          var a = b.createElement("a");
+          (a.innerHTML = "<xyz></xyz>"),
+            (g = "hidden" in a),
+            (k =
+              a.childNodes.length == 1 ||
+              (function () {
+                b.createElement("a");
+                var a = b.createDocumentFragment();
+                return (
+                  typeof a.cloneNode == "undefined" ||
+                  typeof a.createDocumentFragment == "undefined" ||
+                  typeof a.createElement == "undefined"
+                );
+              })());
+        } catch (c) {
+          (g = !0), (k = !0);
+        }
+      })();
+      var s = {
+        elements:
+          d.elements ||
+          "abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",
+        version: c,
+        shivCSS: d.shivCSS !== !1,
+        supportsUnknownElements: k,
+        shivMethods: d.shivMethods !== !1,
+        type: "default",
+        shivDocument: r,
+        createElement: o,
+        createDocumentFragment: p,
+      };
+      (a.html5 = s), r(b);
+    })(this, b),
+    (e._version = d),
+    (e._prefixes = n),
+    (e._domPrefixes = q),
+    (e._cssomPrefixes = p),
+    (e.mq = z),
+    (e.hasEvent = A),
+    (e.testProp = function (a) {
+      return H([a]);
+    }),
+    (e.testAllProps = J),
+    (e.testStyles = y),
+    (e.prefixed = function (a, b, c) {
+      return b ? J(a, b, c) : J(a, "pfx");
+    }),
+    (g.className =
+      g.className.replace(/(^|\s)no-js(\s|$)/, "$1$2") +
+      (f ? " js " + v.join(" ") : "")),
+    e
+  );
+})(this, this.document)),
+  (function (a, b, c) {
+    function d(a) {
+      return "[object Function]" == o.call(a);
+    }
+    function e(a) {
+      return "string" == typeof a;
+    }
+    function f() {}
+    function g(a) {
+      return !a || "loaded" == a || "complete" == a || "uninitialized" == a;
+    }
+    function h() {
+      var a = p.shift();
+      (q = 1),
+        a
+          ? a.t
+            ? m(function () {
+                ("c" == a.t
+                  ? B.injectCss
+                  : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1);
+              }, 0)
+            : (a(), h())
+          : (q = 0);
+    }
+    function i(a, c, d, e, f, i, j) {
+      function k(b) {
+        if (
+          !o &&
+          g(l.readyState) &&
+          ((u.r = o = 1),
+          !q && h(),
+          (l.onload = l.onreadystatechange = null),
+          b)
+        ) {
+          "img" != a &&
+            m(function () {
+              t.removeChild(l);
+            }, 50);
+          for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload();
+        }
+      }
+      var j = j || B.errorTimeout,
+        l = b.createElement(a),
+        o = 0,
+        r = 0,
+        u = { t: d, s: c, e: f, a: i, x: j };
+      1 === y[c] && ((r = 1), (y[c] = [])),
+        "object" == a ? (l.data = c) : ((l.src = c), (l.type = a)),
+        (l.width = l.height = "0"),
+        (l.onerror =
+          l.onload =
+          l.onreadystatechange =
+            function () {
+              k.call(this, r);
+            }),
+        p.splice(e, 0, u),
+        "img" != a &&
+          (r || 2 === y[c]
+            ? (t.insertBefore(l, s ? null : n), m(k, j))
+            : y[c].push(l));
+    }
+    function j(a, b, c, d, f) {
+      return (
+        (q = 0),
+        (b = b || "j"),
+        e(a)
+          ? i("c" == b ? v : u, a, b, this.i++, c, d, f)
+          : (p.splice(this.i++, 0, a), 1 == p.length && h()),
+        this
+      );
+    }
+    function k() {
+      var a = B;
+      return (a.loader = { load: j, i: 0 }), a;
+    }
+    var l = b.documentElement,
+      m = a.setTimeout,
+      n = b.getElementsByTagName("script")[0],
+      o = {}.toString,
+      p = [],
+      q = 0,
+      r = "MozAppearance" in l.style,
+      s = r && !!b.createRange().compareNode,
+      t = s ? l : n.parentNode,
+      l = a.opera && "[object Opera]" == o.call(a.opera),
+      l = !!b.attachEvent && !l,
+      u = r ? "object" : l ? "script" : "img",
+      v = l ? "script" : u,
+      w =
+        Array.isArray ||
+        function (a) {
+          return "[object Array]" == o.call(a);
+        },
+      x = [],
+      y = {},
+      z = {
+        timeout: function (a, b) {
+          return b.length && (a.timeout = b[0]), a;
+        },
+      },
+      A,
+      B;
+    (B = function (a) {
+      function b(a) {
+        var a = a.split("!"),
+          b = x.length,
+          c = a.pop(),
+          d = a.length,
+          c = { url: c, origUrl: c, prefixes: a },
+          e,
+          f,
+          g;
+        for (f = 0; f < d; f++)
+          (g = a[f].split("=")), (e = z[g.shift()]) && (c = e(c, g));
+        for (f = 0; f < b; f++) c = x[f](c);
+        return c;
+      }
+      function g(a, e, f, g, h) {
+        var i = b(a),
+          j = i.autoCallback;
+        i.url.split(".").pop().split("?").shift(),
+          i.bypass ||
+            (e &&
+              (e = d(e)
+                ? e
+                : e[a] || e[g] || e[a.split("/").pop().split("?")[0]]),
+            i.instead
+              ? i.instead(a, e, f, g, h)
+              : (y[i.url] ? (i.noexec = !0) : (y[i.url] = 1),
+                f.load(
+                  i.url,
+                  i.forceCSS ||
+                    (!i.forceJS &&
+                      "css" == i.url.split(".").pop().split("?").shift())
+                    ? "c"
+                    : c,
+                  i.noexec,
+                  i.attrs,
+                  i.timeout
+                ),
+                (d(e) || d(j)) &&
+                  f.load(function () {
+                    k(),
+                      e && e(i.origUrl, h, g),
+                      j && j(i.origUrl, h, g),
+                      (y[i.url] = 2);
+                  })));
+      }
+      function h(a, b) {
+        function c(a, c) {
+          if (a) {
+            if (e(a))
+              c ||
+                (j = function () {
+                  var a = [].slice.call(arguments);
+                  k.apply(this, a), l();
+                }),
+                g(a, j, b, 0, h);
+            else if (Object(a) === a)
+              for (n in ((m = (function () {
+                var b = 0,
+                  c;
+                for (c in a) a.hasOwnProperty(c) && b++;
+                return b;
+              })()),
+              a))
+                a.hasOwnProperty(n) &&
+                  (!c &&
+                    !--m &&
+                    (d(j)
+                      ? (j = function () {
+                          var a = [].slice.call(arguments);
+                          k.apply(this, a), l();
+                        })
+                      : (j[n] = (function (a) {
+                          return function () {
+                            var b = [].slice.call(arguments);
+                            a && a.apply(this, b), l();
+                          };
+                        })(k[n]))),
+                  g(a[n], j, b, n, h));
+          } else !c && l();
+        }
+        var h = !!a.test,
+          i = a.load || a.both,
+          j = a.callback || f,
+          k = j,
+          l = a.complete || f,
+          m,
+          n;
+        c(h ? a.yep : a.nope, !!i), i && c(i);
+      }
+      var i,
+        j,
+        l = this.yepnope.loader;
+      if (e(a)) g(a, 0, l, 0);
+      else if (w(a))
+        for (i = 0; i < a.length; i++)
+          (j = a[i]),
+            e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l);
+      else Object(a) === a && h(a, l);
+    }),
+      (B.addPrefix = function (a, b) {
+        z[a] = b;
+      }),
+      (B.addFilter = function (a) {
+        x.push(a);
+      }),
+      (B.errorTimeout = 1e4),
+      null == b.readyState &&
+        b.addEventListener &&
+        ((b.readyState = "loading"),
+        b.addEventListener(
+          "DOMContentLoaded",
+          (A = function () {
+            b.removeEventListener("DOMContentLoaded", A, 0),
+              (b.readyState = "complete");
+          }),
+          0
+        )),
+      (a.yepnope = k()),
+      (a.yepnope.executeStack = h),
+      (a.yepnope.injectJs = function (a, c, d, e, i, j) {
+        var k = b.createElement("script"),
+          l,
+          o,
+          e = e || B.errorTimeout;
+        k.src = a;
+        for (o in d) k.setAttribute(o, d[o]);
+        (c = j ? h : c || f),
+          (k.onreadystatechange = k.onload =
+            function () {
+              !l &&
+                g(k.readyState) &&
+                ((l = 1), c(), (k.onload = k.onreadystatechange = null));
+            }),
+          m(function () {
+            l || ((l = 1), c(1));
+          }, e),
+          i ? k.onload() : n.parentNode.insertBefore(k, n);
+      }),
+      (a.yepnope.injectCss = function (a, c, d, e, g, i) {
+        var e = b.createElement("link"),
+          j,
+          c = i ? h : c || f;
+        (e.href = a), (e.rel = "stylesheet"), (e.type = "text/css");
+        for (j in d) e.setAttribute(j, d[j]);
+        g || (n.parentNode.insertBefore(e, n), m(c, 0));
+      });
+  })(this, document),
+  (Modernizr.load = function () {
+    yepnope.apply(window, [].slice.call(arguments, 0));
+  });
+
+/*-------------------------------------------------------------
+  2. jQuery v3.6.0
+---------------------------------------------------------------*/
+/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!(function (e, t) {
+  "use strict";
+  "object" == typeof module && "object" == typeof module.exports
+    ? (module.exports = e.document
+        ? t(e, !0)
+        : function (e) {
+            if (!e.document)
+              throw new Error("jQuery requires a window with a document");
+            return t(e);
+          })
+    : t(e);
+})("undefined" != typeof window ? window : this, function (C, e) {
+  "use strict";
+  var t = [],
+    r = Object.getPrototypeOf,
+    s = t.slice,
+    g = t.flat
+      ? function (e) {
+          return t.flat.call(e);
+        }
+      : function (e) {
+          return t.concat.apply([], e);
+        },
+    u = t.push,
+    i = t.indexOf,
+    n = {},
+    o = n.toString,
+    v = n.hasOwnProperty,
+    a = v.toString,
+    l = a.call(Object),
+    y = {},
+    m = function (e) {
+      return (
+        "function" == typeof e &&
+        "number" != typeof e.nodeType &&
+        "function" != typeof e.item
+      );
+    },
+    x = function (e) {
+      return null != e && e === e.window;
+    },
+    E = C.document,
+    c = { type: !0, src: !0, nonce: !0, noModule: !0 };
+  function b(e, t, n) {
+    var r,
+      i,
+      o = (n = n || E).createElement("script");
+    if (((o.text = e), t))
+      for (r in c)
+        (i = t[r] || (t.getAttribute && t.getAttribute(r))) &&
+          o.setAttribute(r, i);
+    n.head.appendChild(o).parentNode.removeChild(o);
+  }
+  function w(e) {
+    return null == e
+      ? e + ""
+      : "object" == typeof e || "function" == typeof e
+      ? n[o.call(e)] || "object"
+      : typeof e;
+  }
+  var f = "3.6.0",
+    S = function (e, t) {
+      return new S.fn.init(e, t);
+    };
+  function p(e) {
+    var t = !!e && "length" in e && e.length,
+      n = w(e);
+    return (
+      !m(e) &&
+      !x(e) &&
+      ("array" === n ||
+        0 === t ||
+        ("number" == typeof t && 0 < t && t - 1 in e))
+    );
+  }
+  (S.fn = S.prototype =
+    {
+      jquery: f,
+      constructor: S,
+      length: 0,
+      toArray: function () {
+        return s.call(this);
+      },
+      get: function (e) {
+        return null == e
+          ? s.call(this)
+          : e < 0
+          ? this[e + this.length]
+          : this[e];
+      },
+      pushStack: function (e) {
+        var t = S.merge(this.constructor(), e);
+        return (t.prevObject = this), t;
+      },
+      each: function (e) {
+        return S.each(this, e);
+      },
+      map: function (n) {
+        return this.pushStack(
+          S.map(this, function (e, t) {
+            return n.call(e, t, e);
+          })
+        );
+      },
+      slice: function () {
+        return this.pushStack(s.apply(this, arguments));
+      },
+      first: function () {
+        return this.eq(0);
+      },
+      last: function () {
+        return this.eq(-1);
+      },
+      even: function () {
+        return this.pushStack(
+          S.grep(this, function (e, t) {
+            return (t + 1) % 2;
+          })
+        );
+      },
+      odd: function () {
+        return this.pushStack(
+          S.grep(this, function (e, t) {
+            return t % 2;
+          })
+        );
+      },
+      eq: function (e) {
+        var t = this.length,
+          n = +e + (e < 0 ? t : 0);
+        return this.pushStack(0 <= n && n < t ? [this[n]] : []);
+      },
+      end: function () {
+        return this.prevObject || this.constructor();
+      },
+      push: u,
+      sort: t.sort,
+      splice: t.splice,
+    }),
+    (S.extend = S.fn.extend =
+      function () {
+        var e,
+          t,
+          n,
+          r,
+          i,
+          o,
+          a = arguments[0] || {},
+          s = 1,
+          u = arguments.length,
+          l = !1;
+        for (
+          "boolean" == typeof a && ((l = a), (a = arguments[s] || {}), s++),
+            "object" == typeof a || m(a) || (a = {}),
+            s === u && ((a = this), s--);
+          s < u;
+          s++
+        )
+          if (null != (e = arguments[s]))
+            for (t in e)
+              (r = e[t]),
+                "__proto__" !== t &&
+                  a !== r &&
+                  (l && r && (S.isPlainObject(r) || (i = Array.isArray(r)))
+                    ? ((n = a[t]),
+                      (o =
+                        i && !Array.isArray(n)
+                          ? []
+                          : i || S.isPlainObject(n)
+                          ? n
+                          : {}),
+                      (i = !1),
+                      (a[t] = S.extend(l, o, r)))
+                    : void 0 !== r && (a[t] = r));
+        return a;
+      }),
+    S.extend({
+      expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""),
+      isReady: !0,
+      error: function (e) {
+        throw new Error(e);
+      },
+      noop: function () {},
+      isPlainObject: function (e) {
+        var t, n;
+        return (
+          !(!e || "[object Object]" !== o.call(e)) &&
+          (!(t = r(e)) ||
+            ("function" ==
+              typeof (n = v.call(t, "constructor") && t.constructor) &&
+              a.call(n) === l))
+        );
+      },
+      isEmptyObject: function (e) {
+        var t;
+        for (t in e) return !1;
+        return !0;
+      },
+      globalEval: function (e, t, n) {
+        b(e, { nonce: t && t.nonce }, n);
+      },
+      each: function (e, t) {
+        var n,
+          r = 0;
+        if (p(e)) {
+          for (n = e.length; r < n; r++)
+            if (!1 === t.call(e[r], r, e[r])) break;
+        } else for (r in e) if (!1 === t.call(e[r], r, e[r])) break;
+        return e;
+      },
+      makeArray: function (e, t) {
+        var n = t || [];
+        return (
+          null != e &&
+            (p(Object(e))
+              ? S.merge(n, "string" == typeof e ? [e] : e)
+              : u.call(n, e)),
+          n
+        );
+      },
+      inArray: function (e, t, n) {
+        return null == t ? -1 : i.call(t, e, n);
+      },
+      merge: function (e, t) {
+        for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
+        return (e.length = i), e;
+      },
+      grep: function (e, t, n) {
+        for (var r = [], i = 0, o = e.length, a = !n; i < o; i++)
+          !t(e[i], i) !== a && r.push(e[i]);
+        return r;
+      },
+      map: function (e, t, n) {
+        var r,
+          i,
+          o = 0,
+          a = [];
+        if (p(e))
+          for (r = e.length; o < r; o++)
+            null != (i = t(e[o], o, n)) && a.push(i);
+        else for (o in e) null != (i = t(e[o], o, n)) && a.push(i);
+        return g(a);
+      },
+      guid: 1,
+      support: y,
+    }),
+    "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]),
+    S.each(
+      "Boolean Number String Function Array Date RegExp Object Error Symbol".split(
+        " "
+      ),
+      function (e, t) {
+        n["[object " + t + "]"] = t.toLowerCase();
+      }
+    );
+  var d = (function (n) {
+    var e,
+      d,
+      b,
+      o,
+      i,
+      h,
+      f,
+      g,
+      w,
+      u,
+      l,
+      T,
+      C,
+      a,
+      E,
+      v,
+      s,
+      c,
+      y,
+      S = "sizzle" + 1 * new Date(),
+      p = n.document,
+      k = 0,
+      r = 0,
+      m = ue(),
+      x = ue(),
+      A = ue(),
+      N = ue(),
+      j = function (e, t) {
+        return e === t && (l = !0), 0;
+      },
+      D = {}.hasOwnProperty,
+      t = [],
+      q = t.pop,
+      L = t.push,
+      H = t.push,
+      O = t.slice,
+      P = function (e, t) {
+        for (var n = 0, r = e.length; n < r; n++) if (e[n] === t) return n;
+        return -1;
+      },
+      R =
+        "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+      M = "[\\x20\\t\\r\\n\\f]",
+      I =
+        "(?:\\\\[\\da-fA-F]{1,6}" +
+        M +
+        "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
+      W =
+        "\\[" +
+        M +
+        "*(" +
+        I +
+        ")(?:" +
+        M +
+        "*([*^$|!~]?=)" +
+        M +
+        "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" +
+        I +
+        "))|)" +
+        M +
+        "*\\]",
+      F =
+        ":(" +
+        I +
+        ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
+        W +
+        ")*)|.*)\\)|)",
+      B = new RegExp(M + "+", "g"),
+      $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
+      _ = new RegExp("^" + M + "*," + M + "*"),
+      z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
+      U = new RegExp(M + "|>"),
+      X = new RegExp(F),
+      V = new RegExp("^" + I + "$"),
+      G = {
+        ID: new RegExp("^#(" + I + ")"),
+        CLASS: new RegExp("^\\.(" + I + ")"),
+        TAG: new RegExp("^(" + I + "|[*])"),
+        ATTR: new RegExp("^" + W),
+        PSEUDO: new RegExp("^" + F),
+        CHILD: new RegExp(
+          "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" +
+            M +
+            "*(even|odd|(([+-]|)(\\d*)n|)" +
+            M +
+            "*(?:([+-]|)" +
+            M +
+            "*(\\d+)|))" +
+            M +
+            "*\\)|)",
+          "i"
+        ),
+        bool: new RegExp("^(?:" + R + ")$", "i"),
+        needsContext: new RegExp(
+          "^" +
+            M +
+            "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+            M +
+            "*((?:-\\d)?\\d*)" +
+            M +
+            "*\\)|)(?=[^-]|$)",
+          "i"
+        ),
+      },
+      Y = /HTML$/i,
+      Q = /^(?:input|select|textarea|button)$/i,
+      J = /^h\d$/i,
+      K = /^[^{]+\{\s*\[native \w/,
+      Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+      ee = /[+~]/,
+      te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"),
+      ne = function (e, t) {
+        var n = "0x" + e.slice(1) - 65536;
+        return (
+          t ||
+          (n < 0
+            ? String.fromCharCode(n + 65536)
+            : String.fromCharCode((n >> 10) | 55296, (1023 & n) | 56320))
+        );
+      },
+      re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
+      ie = function (e, t) {
+        return t
+          ? "\0" === e
+            ? "\ufffd"
+            : e.slice(0, -1) +
+              "\\" +
+              e.charCodeAt(e.length - 1).toString(16) +
+              " "
+          : "\\" + e;
+      },
+      oe = function () {
+        T();
+      },
+      ae = be(
+        function (e) {
+          return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase();
+        },
+        { dir: "parentNode", next: "legend" }
+      );
+    try {
+      H.apply((t = O.call(p.childNodes)), p.childNodes),
+        t[p.childNodes.length].nodeType;
+    } catch (e) {
+      H = {
+        apply: t.length
+          ? function (e, t) {
+              L.apply(e, O.call(t));
+            }
+          : function (e, t) {
+              var n = e.length,
+                r = 0;
+              while ((e[n++] = t[r++]));
+              e.length = n - 1;
+            },
+      };
+    }
+    function se(t, e, n, r) {
+      var i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f = e && e.ownerDocument,
+        p = e ? e.nodeType : 9;
+      if (
+        ((n = n || []),
+        "string" != typeof t || !t || (1 !== p && 9 !== p && 11 !== p))
+      )
+        return n;
+      if (!r && (T(e), (e = e || C), E)) {
+        if (11 !== p && (u = Z.exec(t)))
+          if ((i = u[1])) {
+            if (9 === p) {
+              if (!(a = e.getElementById(i))) return n;
+              if (a.id === i) return n.push(a), n;
+            } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i)
+              return n.push(a), n;
+          } else {
+            if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n;
+            if (
+              (i = u[3]) &&
+              d.getElementsByClassName &&
+              e.getElementsByClassName
+            )
+              return H.apply(n, e.getElementsByClassName(i)), n;
+          }
+        if (
+          d.qsa &&
+          !N[t + " "] &&
+          (!v || !v.test(t)) &&
+          (1 !== p || "object" !== e.nodeName.toLowerCase())
+        ) {
+          if (((c = t), (f = e), 1 === p && (U.test(t) || z.test(t)))) {
+            ((f = (ee.test(t) && ye(e.parentNode)) || e) === e && d.scope) ||
+              ((s = e.getAttribute("id"))
+                ? (s = s.replace(re, ie))
+                : e.setAttribute("id", (s = S))),
+              (o = (l = h(t)).length);
+            while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]);
+            c = l.join(",");
+          }
+          try {
+            return H.apply(n, f.querySelectorAll(c)), n;
+          } catch (e) {
+            N(t, !0);
+          } finally {
+            s === S && e.removeAttribute("id");
+          }
+        }
+      }
+      return g(t.replace($, "$1"), e, n, r);
+    }
+    function ue() {
+      var r = [];
+      return function e(t, n) {
+        return (
+          r.push(t + " ") > b.cacheLength && delete e[r.shift()],
+          (e[t + " "] = n)
+        );
+      };
+    }
+    function le(e) {
+      return (e[S] = !0), e;
+    }
+    function ce(e) {
+      var t = C.createElement("fieldset");
+      try {
+        return !!e(t);
+      } catch (e) {
+        return !1;
+      } finally {
+        t.parentNode && t.parentNode.removeChild(t), (t = null);
+      }
+    }
+    function fe(e, t) {
+      var n = e.split("|"),
+        r = n.length;
+      while (r--) b.attrHandle[n[r]] = t;
+    }
+    function pe(e, t) {
+      var n = t && e,
+        r =
+          n &&
+          1 === e.nodeType &&
+          1 === t.nodeType &&
+          e.sourceIndex - t.sourceIndex;
+      if (r) return r;
+      if (n) while ((n = n.nextSibling)) if (n === t) return -1;
+      return e ? 1 : -1;
+    }
+    function de(t) {
+      return function (e) {
+        return "input" === e.nodeName.toLowerCase() && e.type === t;
+      };
+    }
+    function he(n) {
+      return function (e) {
+        var t = e.nodeName.toLowerCase();
+        return ("input" === t || "button" === t) && e.type === n;
+      };
+    }
+    function ge(t) {
+      return function (e) {
+        return "form" in e
+          ? e.parentNode && !1 === e.disabled
+            ? "label" in e
+              ? "label" in e.parentNode
+                ? e.parentNode.disabled === t
+                : e.disabled === t
+              : e.isDisabled === t || (e.isDisabled !== !t && ae(e) === t)
+            : e.disabled === t
+          : "label" in e && e.disabled === t;
+      };
+    }
+    function ve(a) {
+      return le(function (o) {
+        return (
+          (o = +o),
+          le(function (e, t) {
+            var n,
+              r = a([], e.length, o),
+              i = r.length;
+            while (i--) e[(n = r[i])] && (e[n] = !(t[n] = e[n]));
+          })
+        );
+      });
+    }
+    function ye(e) {
+      return e && "undefined" != typeof e.getElementsByTagName && e;
+    }
+    for (e in ((d = se.support = {}),
+    (i = se.isXML =
+      function (e) {
+        var t = e && e.namespaceURI,
+          n = e && (e.ownerDocument || e).documentElement;
+        return !Y.test(t || (n && n.nodeName) || "HTML");
+      }),
+    (T = se.setDocument =
+      function (e) {
+        var t,
+          n,
+          r = e ? e.ownerDocument || e : p;
+        return (
+          r != C &&
+            9 === r.nodeType &&
+            r.documentElement &&
+            ((a = (C = r).documentElement),
+            (E = !i(C)),
+            p != C &&
+              (n = C.defaultView) &&
+              n.top !== n &&
+              (n.addEventListener
+                ? n.addEventListener("unload", oe, !1)
+                : n.attachEvent && n.attachEvent("onunload", oe)),
+            (d.scope = ce(function (e) {
+              return (
+                a.appendChild(e).appendChild(C.createElement("div")),
+                "undefined" != typeof e.querySelectorAll &&
+                  !e.querySelectorAll(":scope fieldset div").length
+              );
+            })),
+            (d.attributes = ce(function (e) {
+              return (e.className = "i"), !e.getAttribute("className");
+            })),
+            (d.getElementsByTagName = ce(function (e) {
+              return (
+                e.appendChild(C.createComment("")),
+                !e.getElementsByTagName("*").length
+              );
+            })),
+            (d.getElementsByClassName = K.test(C.getElementsByClassName)),
+            (d.getById = ce(function (e) {
+              return (
+                (a.appendChild(e).id = S),
+                !C.getElementsByName || !C.getElementsByName(S).length
+              );
+            })),
+            d.getById
+              ? ((b.filter.ID = function (e) {
+                  var t = e.replace(te, ne);
+                  return function (e) {
+                    return e.getAttribute("id") === t;
+                  };
+                }),
+                (b.find.ID = function (e, t) {
+                  if ("undefined" != typeof t.getElementById && E) {
+                    var n = t.getElementById(e);
+                    return n ? [n] : [];
+                  }
+                }))
+              : ((b.filter.ID = function (e) {
+                  var n = e.replace(te, ne);
+                  return function (e) {
+                    var t =
+                      "undefined" != typeof e.getAttributeNode &&
+                      e.getAttributeNode("id");
+                    return t && t.value === n;
+                  };
+                }),
+                (b.find.ID = function (e, t) {
+                  if ("undefined" != typeof t.getElementById && E) {
+                    var n,
+                      r,
+                      i,
+                      o = t.getElementById(e);
+                    if (o) {
+                      if ((n = o.getAttributeNode("id")) && n.value === e)
+                        return [o];
+                      (i = t.getElementsByName(e)), (r = 0);
+                      while ((o = i[r++]))
+                        if ((n = o.getAttributeNode("id")) && n.value === e)
+                          return [o];
+                    }
+                    return [];
+                  }
+                })),
+            (b.find.TAG = d.getElementsByTagName
+              ? function (e, t) {
+                  return "undefined" != typeof t.getElementsByTagName
+                    ? t.getElementsByTagName(e)
+                    : d.qsa
+                    ? t.querySelectorAll(e)
+                    : void 0;
+                }
+              : function (e, t) {
+                  var n,
+                    r = [],
+                    i = 0,
+                    o = t.getElementsByTagName(e);
+                  if ("*" === e) {
+                    while ((n = o[i++])) 1 === n.nodeType && r.push(n);
+                    return r;
+                  }
+                  return o;
+                }),
+            (b.find.CLASS =
+              d.getElementsByClassName &&
+              function (e, t) {
+                if ("undefined" != typeof t.getElementsByClassName && E)
+                  return t.getElementsByClassName(e);
+              }),
+            (s = []),
+            (v = []),
+            (d.qsa = K.test(C.querySelectorAll)) &&
+              (ce(function (e) {
+                var t;
+                (a.appendChild(e).innerHTML =
+                  "<a id='" +
+                  S +
+                  "'></a><select id='" +
+                  S +
+                  "-\r\\' msallowcapture=''><option selected=''></option></select>"),
+                  e.querySelectorAll("[msallowcapture^='']").length &&
+                    v.push("[*^$]=" + M + "*(?:''|\"\")"),
+                  e.querySelectorAll("[selected]").length ||
+                    v.push("\\[" + M + "*(?:value|" + R + ")"),
+                  e.querySelectorAll("[id~=" + S + "-]").length || v.push("~="),
+                  (t = C.createElement("input")).setAttribute("name", ""),
+                  e.appendChild(t),
+                  e.querySelectorAll("[name='']").length ||
+                    v.push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"),
+                  e.querySelectorAll(":checked").length || v.push(":checked"),
+                  e.querySelectorAll("a#" + S + "+*").length ||
+                    v.push(".#.+[+~]"),
+                  e.querySelectorAll("\\\f"),
+                  v.push("[\\r\\n\\f]");
+              }),
+              ce(function (e) {
+                e.innerHTML =
+                  "<a href='' disabled='disabled'></a><select disabled='disabled'><option></select>";
+                var t = C.createElement("input");
+                t.setAttribute("type", "hidden"),
+                  e.appendChild(t).setAttribute("name", "D"),
+                  e.querySelectorAll("[name=d]").length &&
+                    v.push("name" + M + "*[*^$|!~]?="),
+                  2 !== e.querySelectorAll(":enabled").length &&
+                    v.push(":enabled", ":disabled"),
+                  (a.appendChild(e).disabled = !0),
+                  2 !== e.querySelectorAll(":disabled").length &&
+                    v.push(":enabled", ":disabled"),
+                  e.querySelectorAll("*,:x"),
+                  v.push(",.*:");
+              })),
+            (d.matchesSelector = K.test(
+              (c =
+                a.matches ||
+                a.webkitMatchesSelector ||
+                a.mozMatchesSelector ||
+                a.oMatchesSelector ||
+                a.msMatchesSelector)
+            )) &&
+              ce(function (e) {
+                (d.disconnectedMatch = c.call(e, "*")),
+                  c.call(e, "[s!='']:x"),
+                  s.push("!=", F);
+              }),
+            (v = v.length && new RegExp(v.join("|"))),
+            (s = s.length && new RegExp(s.join("|"))),
+            (t = K.test(a.compareDocumentPosition)),
+            (y =
+              t || K.test(a.contains)
+                ? function (e, t) {
+                    var n = 9 === e.nodeType ? e.documentElement : e,
+                      r = t && t.parentNode;
+                    return (
+                      e === r ||
+                      !(
+                        !r ||
+                        1 !== r.nodeType ||
+                        !(n.contains
+                          ? n.contains(r)
+                          : e.compareDocumentPosition &&
+                            16 & e.compareDocumentPosition(r))
+                      )
+                    );
+                  }
+                : function (e, t) {
+                    if (t) while ((t = t.parentNode)) if (t === e) return !0;
+                    return !1;
+                  }),
+            (j = t
+              ? function (e, t) {
+                  if (e === t) return (l = !0), 0;
+                  var n =
+                    !e.compareDocumentPosition - !t.compareDocumentPosition;
+                  return (
+                    n ||
+                    (1 &
+                      (n =
+                        (e.ownerDocument || e) == (t.ownerDocument || t)
+                          ? e.compareDocumentPosition(t)
+                          : 1) ||
+                    (!d.sortDetached && t.compareDocumentPosition(e) === n)
+                      ? e == C || (e.ownerDocument == p && y(p, e))
+                        ? -1
+                        : t == C || (t.ownerDocument == p && y(p, t))
+                        ? 1
+                        : u
+                        ? P(u, e) - P(u, t)
+                        : 0
+                      : 4 & n
+                      ? -1
+                      : 1)
+                  );
+                }
+              : function (e, t) {
+                  if (e === t) return (l = !0), 0;
+                  var n,
+                    r = 0,
+                    i = e.parentNode,
+                    o = t.parentNode,
+                    a = [e],
+                    s = [t];
+                  if (!i || !o)
+                    return e == C
+                      ? -1
+                      : t == C
+                      ? 1
+                      : i
+                      ? -1
+                      : o
+                      ? 1
+                      : u
+                      ? P(u, e) - P(u, t)
+                      : 0;
+                  if (i === o) return pe(e, t);
+                  n = e;
+                  while ((n = n.parentNode)) a.unshift(n);
+                  n = t;
+                  while ((n = n.parentNode)) s.unshift(n);
+                  while (a[r] === s[r]) r++;
+                  return r
+                    ? pe(a[r], s[r])
+                    : a[r] == p
+                    ? -1
+                    : s[r] == p
+                    ? 1
+                    : 0;
+                })),
+          C
+        );
+      }),
+    (se.matches = function (e, t) {
+      return se(e, null, null, t);
+    }),
+    (se.matchesSelector = function (e, t) {
+      if (
+        (T(e),
+        d.matchesSelector &&
+          E &&
+          !N[t + " "] &&
+          (!s || !s.test(t)) &&
+          (!v || !v.test(t)))
+      )
+        try {
+          var n = c.call(e, t);
+          if (
+            n ||
+            d.disconnectedMatch ||
+            (e.document && 11 !== e.document.nodeType)
+          )
+            return n;
+        } catch (e) {
+          N(t, !0);
+        }
+      return 0 < se(t, C, null, [e]).length;
+    }),
+    (se.contains = function (e, t) {
+      return (e.ownerDocument || e) != C && T(e), y(e, t);
+    }),
+    (se.attr = function (e, t) {
+      (e.ownerDocument || e) != C && T(e);
+      var n = b.attrHandle[t.toLowerCase()],
+        r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0;
+      return void 0 !== r
+        ? r
+        : d.attributes || !E
+        ? e.getAttribute(t)
+        : (r = e.getAttributeNode(t)) && r.specified
+        ? r.value
+        : null;
+    }),
+    (se.escape = function (e) {
+      return (e + "").replace(re, ie);
+    }),
+    (se.error = function (e) {
+      throw new Error("Syntax error, unrecognized expression: " + e);
+    }),
+    (se.uniqueSort = function (e) {
+      var t,
+        n = [],
+        r = 0,
+        i = 0;
+      if (
+        ((l = !d.detectDuplicates),
+        (u = !d.sortStable && e.slice(0)),
+        e.sort(j),
+        l)
+      ) {
+        while ((t = e[i++])) t === e[i] && (r = n.push(i));
+        while (r--) e.splice(n[r], 1);
+      }
+      return (u = null), e;
+    }),
+    (o = se.getText =
+      function (e) {
+        var t,
+          n = "",
+          r = 0,
+          i = e.nodeType;
+        if (i) {
+          if (1 === i || 9 === i || 11 === i) {
+            if ("string" == typeof e.textContent) return e.textContent;
+            for (e = e.firstChild; e; e = e.nextSibling) n += o(e);
+          } else if (3 === i || 4 === i) return e.nodeValue;
+        } else while ((t = e[r++])) n += o(t);
+        return n;
+      }),
+    ((b = se.selectors =
+      {
+        cacheLength: 50,
+        createPseudo: le,
+        match: G,
+        attrHandle: {},
+        find: {},
+        relative: {
+          ">": { dir: "parentNode", first: !0 },
+          " ": { dir: "parentNode" },
+          "+": { dir: "previousSibling", first: !0 },
+          "~": { dir: "previousSibling" },
+        },
+        preFilter: {
+          ATTR: function (e) {
+            return (
+              (e[1] = e[1].replace(te, ne)),
+              (e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne)),
+              "~=" === e[2] && (e[3] = " " + e[3] + " "),
+              e.slice(0, 4)
+            );
+          },
+          CHILD: function (e) {
+            return (
+              (e[1] = e[1].toLowerCase()),
+              "nth" === e[1].slice(0, 3)
+                ? (e[3] || se.error(e[0]),
+                  (e[4] = +(e[4]
+                    ? e[5] + (e[6] || 1)
+                    : 2 * ("even" === e[3] || "odd" === e[3]))),
+                  (e[5] = +(e[7] + e[8] || "odd" === e[3])))
+                : e[3] && se.error(e[0]),
+              e
+            );
+          },
+          PSEUDO: function (e) {
+            var t,
+              n = !e[6] && e[2];
+            return G.CHILD.test(e[0])
+              ? null
+              : (e[3]
+                  ? (e[2] = e[4] || e[5] || "")
+                  : n &&
+                    X.test(n) &&
+                    (t = h(n, !0)) &&
+                    (t = n.indexOf(")", n.length - t) - n.length) &&
+                    ((e[0] = e[0].slice(0, t)), (e[2] = n.slice(0, t))),
+                e.slice(0, 3));
+          },
+        },
+        filter: {
+          TAG: function (e) {
+            var t = e.replace(te, ne).toLowerCase();
+            return "*" === e
+              ? function () {
+                  return !0;
+                }
+              : function (e) {
+                  return e.nodeName && e.nodeName.toLowerCase() === t;
+                };
+          },
+          CLASS: function (e) {
+            var t = m[e + " "];
+            return (
+              t ||
+              ((t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) &&
+                m(e, function (e) {
+                  return t.test(
+                    ("string" == typeof e.className && e.className) ||
+                      ("undefined" != typeof e.getAttribute &&
+                        e.getAttribute("class")) ||
+                      ""
+                  );
+                }))
+            );
+          },
+          ATTR: function (n, r, i) {
+            return function (e) {
+              var t = se.attr(e, n);
+              return null == t
+                ? "!=" === r
+                : !r ||
+                    ((t += ""),
+                    "=" === r
+                      ? t === i
+                      : "!=" === r
+                      ? t !== i
+                      : "^=" === r
+                      ? i && 0 === t.indexOf(i)
+                      : "*=" === r
+                      ? i && -1 < t.indexOf(i)
+                      : "$=" === r
+                      ? i && t.slice(-i.length) === i
+                      : "~=" === r
+                      ? -1 < (" " + t.replace(B, " ") + " ").indexOf(i)
+                      : "|=" === r &&
+                        (t === i || t.slice(0, i.length + 1) === i + "-"));
+            };
+          },
+          CHILD: function (h, e, t, g, v) {
+            var y = "nth" !== h.slice(0, 3),
+              m = "last" !== h.slice(-4),
+              x = "of-type" === e;
+            return 1 === g && 0 === v
+              ? function (e) {
+                  return !!e.parentNode;
+                }
+              : function (e, t, n) {
+                  var r,
+                    i,
+                    o,
+                    a,
+                    s,
+                    u,
+                    l = y !== m ? "nextSibling" : "previousSibling",
+                    c = e.parentNode,
+                    f = x && e.nodeName.toLowerCase(),
+                    p = !n && !x,
+                    d = !1;
+                  if (c) {
+                    if (y) {
+                      while (l) {
+                        a = e;
+                        while ((a = a[l]))
+                          if (
+                            x
+                              ? a.nodeName.toLowerCase() === f
+                              : 1 === a.nodeType
+                          )
+                            return !1;
+                        u = l = "only" === h && !u && "nextSibling";
+                      }
+                      return !0;
+                    }
+                    if (((u = [m ? c.firstChild : c.lastChild]), m && p)) {
+                      (d =
+                        (s =
+                          (r =
+                            (i =
+                              (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] || [])[0] === k &&
+                          r[1]) && r[2]),
+                        (a = s && c.childNodes[s]);
+                      while ((a = (++s && a && a[l]) || (d = s = 0) || u.pop()))
+                        if (1 === a.nodeType && ++d && a === e) {
+                          i[h] = [k, s, d];
+                          break;
+                        }
+                    } else if (
+                      (p &&
+                        (d = s =
+                          (r =
+                            (i =
+                              (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] || [])[0] === k && r[1]),
+                      !1 === d)
+                    )
+                      while ((a = (++s && a && a[l]) || (d = s = 0) || u.pop()))
+                        if (
+                          (x
+                            ? a.nodeName.toLowerCase() === f
+                            : 1 === a.nodeType) &&
+                          ++d &&
+                          (p &&
+                            ((i =
+                              (o = a[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] = [k, d]),
+                          a === e)
+                        )
+                          break;
+                    return (d -= v) === g || (d % g == 0 && 0 <= d / g);
+                  }
+                };
+          },
+          PSEUDO: function (e, o) {
+            var t,
+              a =
+                b.pseudos[e] ||
+                b.setFilters[e.toLowerCase()] ||
+                se.error("unsupported pseudo: " + e);
+            return a[S]
+              ? a(o)
+              : 1 < a.length
+              ? ((t = [e, e, "", o]),
+                b.setFilters.hasOwnProperty(e.toLowerCase())
+                  ? le(function (e, t) {
+                      var n,
+                        r = a(e, o),
+                        i = r.length;
+                      while (i--) e[(n = P(e, r[i]))] = !(t[n] = r[i]);
+                    })
+                  : function (e) {
+                      return a(e, 0, t);
+                    })
+              : a;
+          },
+        },
+        pseudos: {
+          not: le(function (e) {
+            var r = [],
+              i = [],
+              s = f(e.replace($, "$1"));
+            return s[S]
+              ? le(function (e, t, n, r) {
+                  var i,
+                    o = s(e, null, r, []),
+                    a = e.length;
+                  while (a--) (i = o[a]) && (e[a] = !(t[a] = i));
+                })
+              : function (e, t, n) {
+                  return (r[0] = e), s(r, null, n, i), (r[0] = null), !i.pop();
+                };
+          }),
+          has: le(function (t) {
+            return function (e) {
+              return 0 < se(t, e).length;
+            };
+          }),
+          contains: le(function (t) {
+            return (
+              (t = t.replace(te, ne)),
+              function (e) {
+                return -1 < (e.textContent || o(e)).indexOf(t);
+              }
+            );
+          }),
+          lang: le(function (n) {
+            return (
+              V.test(n || "") || se.error("unsupported lang: " + n),
+              (n = n.replace(te, ne).toLowerCase()),
+              function (e) {
+                var t;
+                do {
+                  if (
+                    (t = E
+                      ? e.lang
+                      : e.getAttribute("xml:lang") || e.getAttribute("lang"))
+                  )
+                    return (
+                      (t = t.toLowerCase()) === n || 0 === t.indexOf(n + "-")
+                    );
+                } while ((e = e.parentNode) && 1 === e.nodeType);
+                return !1;
+              }
+            );
+          }),
+          target: function (e) {
+            var t = n.location && n.location.hash;
+            return t && t.slice(1) === e.id;
+          },
+          root: function (e) {
+            return e === a;
+          },
+          focus: function (e) {
+            return (
+              e === C.activeElement &&
+              (!C.hasFocus || C.hasFocus()) &&
+              !!(e.type || e.href || ~e.tabIndex)
+            );
+          },
+          enabled: ge(!1),
+          disabled: ge(!0),
+          checked: function (e) {
+            var t = e.nodeName.toLowerCase();
+            return (
+              ("input" === t && !!e.checked) || ("option" === t && !!e.selected)
+            );
+          },
+          selected: function (e) {
+            return (
+              e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
+            );
+          },
+          empty: function (e) {
+            for (e = e.firstChild; e; e = e.nextSibling)
+              if (e.nodeType < 6) return !1;
+            return !0;
+          },
+          parent: function (e) {
+            return !b.pseudos.empty(e);
+          },
+          header: function (e) {
+            return J.test(e.nodeName);
+          },
+          input: function (e) {
+            return Q.test(e.nodeName);
+          },
+          button: function (e) {
+            var t = e.nodeName.toLowerCase();
+            return ("input" === t && "button" === e.type) || "button" === t;
+          },
+          text: function (e) {
+            var t;
+            return (
+              "input" === e.nodeName.toLowerCase() &&
+              "text" === e.type &&
+              (null == (t = e.getAttribute("type")) ||
+                "text" === t.toLowerCase())
+            );
+          },
+          first: ve(function () {
+            return [0];
+          }),
+          last: ve(function (e, t) {
+            return [t - 1];
+          }),
+          eq: ve(function (e, t, n) {
+            return [n < 0 ? n + t : n];
+          }),
+          even: ve(function (e, t) {
+            for (var n = 0; n < t; n += 2) e.push(n);
+            return e;
+          }),
+          odd: ve(function (e, t) {
+            for (var n = 1; n < t; n += 2) e.push(n);
+            return e;
+          }),
+          lt: ve(function (e, t, n) {
+            for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r; ) e.push(r);
+            return e;
+          }),
+          gt: ve(function (e, t, n) {
+            for (var r = n < 0 ? n + t : n; ++r < t; ) e.push(r);
+            return e;
+          }),
+        },
+      }).pseudos.nth = b.pseudos.eq),
+    { radio: !0, checkbox: !0, file: !0, password: !0, image: !0 }))
+      b.pseudos[e] = de(e);
+    for (e in { submit: !0, reset: !0 }) b.pseudos[e] = he(e);
+    function me() {}
+    function xe(e) {
+      for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
+      return r;
+    }
+    function be(s, e, t) {
+      var u = e.dir,
+        l = e.next,
+        c = l || u,
+        f = t && "parentNode" === c,
+        p = r++;
+      return e.first
+        ? function (e, t, n) {
+            while ((e = e[u])) if (1 === e.nodeType || f) return s(e, t, n);
+            return !1;
+          }
+        : function (e, t, n) {
+            var r,
+              i,
+              o,
+              a = [k, p];
+            if (n) {
+              while ((e = e[u]))
+                if ((1 === e.nodeType || f) && s(e, t, n)) return !0;
+            } else
+              while ((e = e[u]))
+                if (1 === e.nodeType || f)
+                  if (
+                    ((i =
+                      (o = e[S] || (e[S] = {}))[e.uniqueID] ||
+                      (o[e.uniqueID] = {})),
+                    l && l === e.nodeName.toLowerCase())
+                  )
+                    e = e[u] || e;
+                  else {
+                    if ((r = i[c]) && r[0] === k && r[1] === p)
+                      return (a[2] = r[2]);
+                    if (((i[c] = a)[2] = s(e, t, n))) return !0;
+                  }
+            return !1;
+          };
+    }
+    function we(i) {
+      return 1 < i.length
+        ? function (e, t, n) {
+            var r = i.length;
+            while (r--) if (!i[r](e, t, n)) return !1;
+            return !0;
+          }
+        : i[0];
+    }
+    function Te(e, t, n, r, i) {
+      for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)
+        (o = e[s]) && ((n && !n(o, r, i)) || (a.push(o), l && t.push(s)));
+      return a;
+    }
+    function Ce(d, h, g, v, y, e) {
+      return (
+        v && !v[S] && (v = Ce(v)),
+        y && !y[S] && (y = Ce(y, e)),
+        le(function (e, t, n, r) {
+          var i,
+            o,
+            a,
+            s = [],
+            u = [],
+            l = t.length,
+            c =
+              e ||
+              (function (e, t, n) {
+                for (var r = 0, i = t.length; r < i; r++) se(e, t[r], n);
+                return n;
+              })(h || "*", n.nodeType ? [n] : n, []),
+            f = !d || (!e && h) ? c : Te(c, s, d, n, r),
+            p = g ? (y || (e ? d : l || v) ? [] : t) : f;
+          if ((g && g(f, p, n, r), v)) {
+            (i = Te(p, u)), v(i, [], n, r), (o = i.length);
+            while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a));
+          }
+          if (e) {
+            if (y || d) {
+              if (y) {
+                (i = []), (o = p.length);
+                while (o--) (a = p[o]) && i.push((f[o] = a));
+                y(null, (p = []), i, r);
+              }
+              o = p.length;
+              while (o--)
+                (a = p[o]) &&
+                  -1 < (i = y ? P(e, a) : s[o]) &&
+                  (e[i] = !(t[i] = a));
+            }
+          } else (p = Te(p === t ? p.splice(l, p.length) : p)), y ? y(null, t, p, r) : H.apply(t, p);
+        })
+      );
+    }
+    function Ee(e) {
+      for (
+        var i,
+          t,
+          n,
+          r = e.length,
+          o = b.relative[e[0].type],
+          a = o || b.relative[" "],
+          s = o ? 1 : 0,
+          u = be(
+            function (e) {
+              return e === i;
+            },
+            a,
+            !0
+          ),
+          l = be(
+            function (e) {
+              return -1 < P(i, e);
+            },
+            a,
+            !0
+          ),
+          c = [
+            function (e, t, n) {
+              var r =
+                (!o && (n || t !== w)) ||
+                ((i = t).nodeType ? u(e, t, n) : l(e, t, n));
+              return (i = null), r;
+            },
+          ];
+        s < r;
+        s++
+      )
+        if ((t = b.relative[e[s].type])) c = [be(we(c), t)];
+        else {
+          if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) {
+            for (n = ++s; n < r; n++) if (b.relative[e[n].type]) break;
+            return Ce(
+              1 < s && we(c),
+              1 < s &&
+                xe(
+                  e
+                    .slice(0, s - 1)
+                    .concat({ value: " " === e[s - 2].type ? "*" : "" })
+                ).replace($, "$1"),
+              t,
+              s < n && Ee(e.slice(s, n)),
+              n < r && Ee((e = e.slice(n))),
+              n < r && xe(e)
+            );
+          }
+          c.push(t);
+        }
+      return we(c);
+    }
+    return (
+      (me.prototype = b.filters = b.pseudos),
+      (b.setFilters = new me()),
+      (h = se.tokenize =
+        function (e, t) {
+          var n,
+            r,
+            i,
+            o,
+            a,
+            s,
+            u,
+            l = x[e + " "];
+          if (l) return t ? 0 : l.slice(0);
+          (a = e), (s = []), (u = b.preFilter);
+          while (a) {
+            for (o in ((n && !(r = _.exec(a))) ||
+              (r && (a = a.slice(r[0].length) || a), s.push((i = []))),
+            (n = !1),
+            (r = z.exec(a)) &&
+              ((n = r.shift()),
+              i.push({ value: n, type: r[0].replace($, " ") }),
+              (a = a.slice(n.length))),
+            b.filter))
+              !(r = G[o].exec(a)) ||
+                (u[o] && !(r = u[o](r))) ||
+                ((n = r.shift()),
+                i.push({ value: n, type: o, matches: r }),
+                (a = a.slice(n.length)));
+            if (!n) break;
+          }
+          return t ? a.length : a ? se.error(e) : x(e, s).slice(0);
+        }),
+      (f = se.compile =
+        function (e, t) {
+          var n,
+            v,
+            y,
+            m,
+            x,
+            r,
+            i = [],
+            o = [],
+            a = A[e + " "];
+          if (!a) {
+            t || (t = h(e)), (n = t.length);
+            while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a);
+            (a = A(
+              e,
+              ((v = o),
+              (m = 0 < (y = i).length),
+              (x = 0 < v.length),
+              (r = function (e, t, n, r, i) {
+                var o,
+                  a,
+                  s,
+                  u = 0,
+                  l = "0",
+                  c = e && [],
+                  f = [],
+                  p = w,
+                  d = e || (x && b.find.TAG("*", i)),
+                  h = (k += null == p ? 1 : Math.random() || 0.1),
+                  g = d.length;
+                for (
+                  i && (w = t == C || t || i);
+                  l !== g && null != (o = d[l]);
+                  l++
+                ) {
+                  if (x && o) {
+                    (a = 0), t || o.ownerDocument == C || (T(o), (n = !E));
+                    while ((s = v[a++]))
+                      if (s(o, t || C, n)) {
+                        r.push(o);
+                        break;
+                      }
+                    i && (k = h);
+                  }
+                  m && ((o = !s && o) && u--, e && c.push(o));
+                }
+                if (((u += l), m && l !== u)) {
+                  a = 0;
+                  while ((s = y[a++])) s(c, f, t, n);
+                  if (e) {
+                    if (0 < u) while (l--) c[l] || f[l] || (f[l] = q.call(r));
+                    f = Te(f);
+                  }
+                  H.apply(r, f),
+                    i &&
+                      !e &&
+                      0 < f.length &&
+                      1 < u + y.length &&
+                      se.uniqueSort(r);
+                }
+                return i && ((k = h), (w = p)), c;
+              }),
+              m ? le(r) : r)
+            )).selector = e;
+          }
+          return a;
+        }),
+      (g = se.select =
+        function (e, t, n, r) {
+          var i,
+            o,
+            a,
+            s,
+            u,
+            l = "function" == typeof e && e,
+            c = !r && h((e = l.selector || e));
+          if (((n = n || []), 1 === c.length)) {
+            if (
+              2 < (o = c[0] = c[0].slice(0)).length &&
+              "ID" === (a = o[0]).type &&
+              9 === t.nodeType &&
+              E &&
+              b.relative[o[1].type]
+            ) {
+              if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0]))
+                return n;
+              l && (t = t.parentNode), (e = e.slice(o.shift().value.length));
+            }
+            i = G.needsContext.test(e) ? 0 : o.length;
+            while (i--) {
+              if (((a = o[i]), b.relative[(s = a.type)])) break;
+              if (
+                (u = b.find[s]) &&
+                (r = u(
+                  a.matches[0].replace(te, ne),
+                  (ee.test(o[0].type) && ye(t.parentNode)) || t
+                ))
+              ) {
+                if ((o.splice(i, 1), !(e = r.length && xe(o))))
+                  return H.apply(n, r), n;
+                break;
+              }
+            }
+          }
+          return (
+            (l || f(e, c))(
+              r,
+              t,
+              !E,
+              n,
+              !t || (ee.test(e) && ye(t.parentNode)) || t
+            ),
+            n
+          );
+        }),
+      (d.sortStable = S.split("").sort(j).join("") === S),
+      (d.detectDuplicates = !!l),
+      T(),
+      (d.sortDetached = ce(function (e) {
+        return 1 & e.compareDocumentPosition(C.createElement("fieldset"));
+      })),
+      ce(function (e) {
+        return (
+          (e.innerHTML = "<a href='#'></a>"),
+          "#" === e.firstChild.getAttribute("href")
+        );
+      }) ||
+        fe("type|href|height|width", function (e, t, n) {
+          if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2);
+        }),
+      (d.attributes &&
+        ce(function (e) {
+          return (
+            (e.innerHTML = "<input>"),
+            e.firstChild.setAttribute("value", ""),
+            "" === e.firstChild.getAttribute("value")
+          );
+        })) ||
+        fe("value", function (e, t, n) {
+          if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue;
+        }),
+      ce(function (e) {
+        return null == e.getAttribute("disabled");
+      }) ||
+        fe(R, function (e, t, n) {
+          var r;
+          if (!n)
+            return !0 === e[t]
+              ? t.toLowerCase()
+              : (r = e.getAttributeNode(t)) && r.specified
+              ? r.value
+              : null;
+        }),
+      se
+    );
+  })(C);
+  (S.find = d),
+    (S.expr = d.selectors),
+    (S.expr[":"] = S.expr.pseudos),
+    (S.uniqueSort = S.unique = d.uniqueSort),
+    (S.text = d.getText),
+    (S.isXMLDoc = d.isXML),
+    (S.contains = d.contains),
+    (S.escapeSelector = d.escape);
+  var h = function (e, t, n) {
+      var r = [],
+        i = void 0 !== n;
+      while ((e = e[t]) && 9 !== e.nodeType)
+        if (1 === e.nodeType) {
+          if (i && S(e).is(n)) break;
+          r.push(e);
+        }
+      return r;
+    },
+    T = function (e, t) {
+      for (var n = []; e; e = e.nextSibling)
+        1 === e.nodeType && e !== t && n.push(e);
+      return n;
+    },
+    k = S.expr.match.needsContext;
+  function A(e, t) {
+    return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase();
+  }
+  var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
+  function j(e, n, r) {
+    return m(n)
+      ? S.grep(e, function (e, t) {
+          return !!n.call(e, t, e) !== r;
+        })
+      : n.nodeType
+      ? S.grep(e, function (e) {
+          return (e === n) !== r;
+        })
+      : "string" != typeof n
+      ? S.grep(e, function (e) {
+          return -1 < i.call(n, e) !== r;
+        })
+      : S.filter(n, e, r);
+  }
+  (S.filter = function (e, t, n) {
+    var r = t[0];
+    return (
+      n && (e = ":not(" + e + ")"),
+      1 === t.length && 1 === r.nodeType
+        ? S.find.matchesSelector(r, e)
+          ? [r]
+          : []
+        : S.find.matches(
+            e,
+            S.grep(t, function (e) {
+              return 1 === e.nodeType;
+            })
+          )
+    );
+  }),
+    S.fn.extend({
+      find: function (e) {
+        var t,
+          n,
+          r = this.length,
+          i = this;
+        if ("string" != typeof e)
+          return this.pushStack(
+            S(e).filter(function () {
+              for (t = 0; t < r; t++) if (S.contains(i[t], this)) return !0;
+            })
+          );
+        for (n = this.pushStack([]), t = 0; t < r; t++) S.find(e, i[t], n);
+        return 1 < r ? S.uniqueSort(n) : n;
+      },
+      filter: function (e) {
+        return this.pushStack(j(this, e || [], !1));
+      },
+      not: function (e) {
+        return this.pushStack(j(this, e || [], !0));
+      },
+      is: function (e) {
+        return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1)
+          .length;
+      },
+    });
+  var D,
+    q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
+  ((S.fn.init = function (e, t, n) {
+    var r, i;
+    if (!e) return this;
+    if (((n = n || D), "string" == typeof e)) {
+      if (
+        !(r =
+          "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length
+            ? [null, e, null]
+            : q.exec(e)) ||
+        (!r[1] && t)
+      )
+        return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
+      if (r[1]) {
+        if (
+          ((t = t instanceof S ? t[0] : t),
+          S.merge(
+            this,
+            S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument || t : E, !0)
+          ),
+          N.test(r[1]) && S.isPlainObject(t))
+        )
+          for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]);
+        return this;
+      }
+      return (
+        (i = E.getElementById(r[2])) && ((this[0] = i), (this.length = 1)), this
+      );
+    }
+    return e.nodeType
+      ? ((this[0] = e), (this.length = 1), this)
+      : m(e)
+      ? void 0 !== n.ready
+        ? n.ready(e)
+        : e(S)
+      : S.makeArray(e, this);
+  }).prototype = S.fn),
+    (D = S(E));
+  var L = /^(?:parents|prev(?:Until|All))/,
+    H = { children: !0, contents: !0, next: !0, prev: !0 };
+  function O(e, t) {
+    while ((e = e[t]) && 1 !== e.nodeType);
+    return e;
+  }
+  S.fn.extend({
+    has: function (e) {
+      var t = S(e, this),
+        n = t.length;
+      return this.filter(function () {
+        for (var e = 0; e < n; e++) if (S.contains(this, t[e])) return !0;
+      });
+    },
+    closest: function (e, t) {
+      var n,
+        r = 0,
+        i = this.length,
+        o = [],
+        a = "string" != typeof e && S(e);
+      if (!k.test(e))
+        for (; r < i; r++)
+          for (n = this[r]; n && n !== t; n = n.parentNode)
+            if (
+              n.nodeType < 11 &&
+              (a
+                ? -1 < a.index(n)
+                : 1 === n.nodeType && S.find.matchesSelector(n, e))
+            ) {
+              o.push(n);
+              break;
+            }
+      return this.pushStack(1 < o.length ? S.uniqueSort(o) : o);
+    },
+    index: function (e) {
+      return e
+        ? "string" == typeof e
+          ? i.call(S(e), this[0])
+          : i.call(this, e.jquery ? e[0] : e)
+        : this[0] && this[0].parentNode
+        ? this.first().prevAll().length
+        : -1;
+    },
+    add: function (e, t) {
+      return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t))));
+    },
+    addBack: function (e) {
+      return this.add(null == e ? this.prevObject : this.prevObject.filter(e));
+    },
+  }),
+    S.each(
+      {
+        parent: function (e) {
+          var t = e.parentNode;
+          return t && 11 !== t.nodeType ? t : null;
+        },
+        parents: function (e) {
+          return h(e, "parentNode");
+        },
+        parentsUntil: function (e, t, n) {
+          return h(e, "parentNode", n);
+        },
+        next: function (e) {
+          return O(e, "nextSibling");
+        },
+        prev: function (e) {
+          return O(e, "previousSibling");
+        },
+        nextAll: function (e) {
+          return h(e, "nextSibling");
+        },
+        prevAll: function (e) {
+          return h(e, "previousSibling");
+        },
+        nextUntil: function (e, t, n) {
+          return h(e, "nextSibling", n);
+        },
+        prevUntil: function (e, t, n) {
+          return h(e, "previousSibling", n);
+        },
+        siblings: function (e) {
+          return T((e.parentNode || {}).firstChild, e);
+        },
+        children: function (e) {
+          return T(e.firstChild);
+        },
+        contents: function (e) {
+          return null != e.contentDocument && r(e.contentDocument)
+            ? e.contentDocument
+            : (A(e, "template") && (e = e.content || e),
+              S.merge([], e.childNodes));
+        },
+      },
+      function (r, i) {
+        S.fn[r] = function (e, t) {
+          var n = S.map(this, i, e);
+          return (
+            "Until" !== r.slice(-5) && (t = e),
+            t && "string" == typeof t && (n = S.filter(t, n)),
+            1 < this.length &&
+              (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()),
+            this.pushStack(n)
+          );
+        };
+      }
+    );
+  var P = /[^\x20\t\r\n\f]+/g;
+  function R(e) {
+    return e;
+  }
+  function M(e) {
+    throw e;
+  }
+  function I(e, t, n, r) {
+    var i;
+    try {
+      e && m((i = e.promise))
+        ? i.call(e).done(t).fail(n)
+        : e && m((i = e.then))
+        ? i.call(e, t, n)
+        : t.apply(void 0, [e].slice(r));
+    } catch (e) {
+      n.apply(void 0, [e]);
+    }
+  }
+  (S.Callbacks = function (r) {
+    var e, n;
+    r =
+      "string" == typeof r
+        ? ((e = r),
+          (n = {}),
+          S.each(e.match(P) || [], function (e, t) {
+            n[t] = !0;
+          }),
+          n)
+        : S.extend({}, r);
+    var i,
+      t,
+      o,
+      a,
+      s = [],
+      u = [],
+      l = -1,
+      c = function () {
+        for (a = a || r.once, o = i = !0; u.length; l = -1) {
+          t = u.shift();
+          while (++l < s.length)
+            !1 === s[l].apply(t[0], t[1]) &&
+              r.stopOnFalse &&
+              ((l = s.length), (t = !1));
+        }
+        r.memory || (t = !1), (i = !1), a && (s = t ? [] : "");
+      },
+      f = {
+        add: function () {
+          return (
+            s &&
+              (t && !i && ((l = s.length - 1), u.push(t)),
+              (function n(e) {
+                S.each(e, function (e, t) {
+                  m(t)
+                    ? (r.unique && f.has(t)) || s.push(t)
+                    : t && t.length && "string" !== w(t) && n(t);
+                });
+              })(arguments),
+              t && !i && c()),
+            this
+          );
+        },
+        remove: function () {
+          return (
+            S.each(arguments, function (e, t) {
+              var n;
+              while (-1 < (n = S.inArray(t, s, n)))
+                s.splice(n, 1), n <= l && l--;
+            }),
+            this
+          );
+        },
+        has: function (e) {
+          return e ? -1 < S.inArray(e, s) : 0 < s.length;
+        },
+        empty: function () {
+          return s && (s = []), this;
+        },
+        disable: function () {
+          return (a = u = []), (s = t = ""), this;
+        },
+        disabled: function () {
+          return !s;
+        },
+        lock: function () {
+          return (a = u = []), t || i || (s = t = ""), this;
+        },
+        locked: function () {
+          return !!a;
+        },
+        fireWith: function (e, t) {
+          return (
+            a ||
+              ((t = [e, (t = t || []).slice ? t.slice() : t]),
+              u.push(t),
+              i || c()),
+            this
+          );
+        },
+        fire: function () {
+          return f.fireWith(this, arguments), this;
+        },
+        fired: function () {
+          return !!o;
+        },
+      };
+    return f;
+  }),
+    S.extend({
+      Deferred: function (e) {
+        var o = [
+            [
+              "notify",
+              "progress",
+              S.Callbacks("memory"),
+              S.Callbacks("memory"),
+              2,
+            ],
+            [
+              "resolve",
+              "done",
+              S.Callbacks("once memory"),
+              S.Callbacks("once memory"),
+              0,
+              "resolved",
+            ],
+            [
+              "reject",
+              "fail",
+              S.Callbacks("once memory"),
+              S.Callbacks("once memory"),
+              1,
+              "rejected",
+            ],
+          ],
+          i = "pending",
+          a = {
+            state: function () {
+              return i;
+            },
+            always: function () {
+              return s.done(arguments).fail(arguments), this;
+            },
+            catch: function (e) {
+              return a.then(null, e);
+            },
+            pipe: function () {
+              var i = arguments;
+              return S.Deferred(function (r) {
+                S.each(o, function (e, t) {
+                  var n = m(i[t[4]]) && i[t[4]];
+                  s[t[1]](function () {
+                    var e = n && n.apply(this, arguments);
+                    e && m(e.promise)
+                      ? e
+                          .promise()
+                          .progress(r.notify)
+                          .done(r.resolve)
+                          .fail(r.reject)
+                      : r[t[0] + "With"](this, n ? [e] : arguments);
+                  });
+                }),
+                  (i = null);
+              }).promise();
+            },
+            then: function (t, n, r) {
+              var u = 0;
+              function l(i, o, a, s) {
+                return function () {
+                  var n = this,
+                    r = arguments,
+                    e = function () {
+                      var e, t;
+                      if (!(i < u)) {
+                        if ((e = a.apply(n, r)) === o.promise())
+                          throw new TypeError("Thenable self-resolution");
+                        (t =
+                          e &&
+                          ("object" == typeof e || "function" == typeof e) &&
+                          e.then),
+                          m(t)
+                            ? s
+                              ? t.call(e, l(u, o, R, s), l(u, o, M, s))
+                              : (u++,
+                                t.call(
+                                  e,
+                                  l(u, o, R, s),
+                                  l(u, o, M, s),
+                                  l(u, o, R, o.notifyWith)
+                                ))
+                            : (a !== R && ((n = void 0), (r = [e])),
+                              (s || o.resolveWith)(n, r));
+                      }
+                    },
+                    t = s
+                      ? e
+                      : function () {
+                          try {
+                            e();
+                          } catch (e) {
+                            S.Deferred.exceptionHook &&
+                              S.Deferred.exceptionHook(e, t.stackTrace),
+                              u <= i + 1 &&
+                                (a !== M && ((n = void 0), (r = [e])),
+                                o.rejectWith(n, r));
+                          }
+                        };
+                  i
+                    ? t()
+                    : (S.Deferred.getStackHook &&
+                        (t.stackTrace = S.Deferred.getStackHook()),
+                      C.setTimeout(t));
+                };
+              }
+              return S.Deferred(function (e) {
+                o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)),
+                  o[1][3].add(l(0, e, m(t) ? t : R)),
+                  o[2][3].add(l(0, e, m(n) ? n : M));
+              }).promise();
+            },
+            promise: function (e) {
+              return null != e ? S.extend(e, a) : a;
+            },
+          },
+          s = {};
+        return (
+          S.each(o, function (e, t) {
+            var n = t[2],
+              r = t[5];
+            (a[t[1]] = n.add),
+              r &&
+                n.add(
+                  function () {
+                    i = r;
+                  },
+                  o[3 - e][2].disable,
+                  o[3 - e][3].disable,
+                  o[0][2].lock,
+                  o[0][3].lock
+                ),
+              n.add(t[3].fire),
+              (s[t[0]] = function () {
+                return (
+                  s[t[0] + "With"](this === s ? void 0 : this, arguments), this
+                );
+              }),
+              (s[t[0] + "With"] = n.fireWith);
+          }),
+          a.promise(s),
+          e && e.call(s, s),
+          s
+        );
+      },
+      when: function (e) {
+        var n = arguments.length,
+          t = n,
+          r = Array(t),
+          i = s.call(arguments),
+          o = S.Deferred(),
+          a = function (t) {
+            return function (e) {
+              (r[t] = this),
+                (i[t] = 1 < arguments.length ? s.call(arguments) : e),
+                --n || o.resolveWith(r, i);
+            };
+          };
+        if (
+          n <= 1 &&
+          (I(e, o.done(a(t)).resolve, o.reject, !n),
+          "pending" === o.state() || m(i[t] && i[t].then))
+        )
+          return o.then();
+        while (t--) I(i[t], a(t), o.reject);
+        return o.promise();
+      },
+    });
+  var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
+  (S.Deferred.exceptionHook = function (e, t) {
+    C.console &&
+      C.console.warn &&
+      e &&
+      W.test(e.name) &&
+      C.console.warn("jQuery.Deferred exception: " + e.message, e.stack, t);
+  }),
+    (S.readyException = function (e) {
+      C.setTimeout(function () {
+        throw e;
+      });
+    });
+  var F = S.Deferred();
+  function B() {
+    E.removeEventListener("DOMContentLoaded", B),
+      C.removeEventListener("load", B),
+      S.ready();
+  }
+  (S.fn.ready = function (e) {
+    return (
+      F.then(e)["catch"](function (e) {
+        S.readyException(e);
+      }),
+      this
+    );
+  }),
+    S.extend({
+      isReady: !1,
+      readyWait: 1,
+      ready: function (e) {
+        (!0 === e ? --S.readyWait : S.isReady) ||
+          ((S.isReady = !0) !== e && 0 < --S.readyWait) ||
+          F.resolveWith(E, [S]);
+      },
+    }),
+    (S.ready.then = F.then),
+    "complete" === E.readyState ||
+    ("loading" !== E.readyState && !E.documentElement.doScroll)
+      ? C.setTimeout(S.ready)
+      : (E.addEventListener("DOMContentLoaded", B),
+        C.addEventListener("load", B));
+  var $ = function (e, t, n, r, i, o, a) {
+      var s = 0,
+        u = e.length,
+        l = null == n;
+      if ("object" === w(n))
+        for (s in ((i = !0), n)) $(e, t, s, n[s], !0, o, a);
+      else if (
+        void 0 !== r &&
+        ((i = !0),
+        m(r) || (a = !0),
+        l &&
+          (a
+            ? (t.call(e, r), (t = null))
+            : ((l = t),
+              (t = function (e, t, n) {
+                return l.call(S(e), n);
+              }))),
+        t)
+      )
+        for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
+      return i ? e : l ? t.call(e) : u ? t(e[0], n) : o;
+    },
+    _ = /^-ms-/,
+    z = /-([a-z])/g;
+  function U(e, t) {
+    return t.toUpperCase();
+  }
+  function X(e) {
+    return e.replace(_, "ms-").replace(z, U);
+  }
+  var V = function (e) {
+    return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType;
+  };
+  function G() {
+    this.expando = S.expando + G.uid++;
+  }
+  (G.uid = 1),
+    (G.prototype = {
+      cache: function (e) {
+        var t = e[this.expando];
+        return (
+          t ||
+            ((t = {}),
+            V(e) &&
+              (e.nodeType
+                ? (e[this.expando] = t)
+                : Object.defineProperty(e, this.expando, {
+                    value: t,
+                    configurable: !0,
+                  }))),
+          t
+        );
+      },
+      set: function (e, t, n) {
+        var r,
+          i = this.cache(e);
+        if ("string" == typeof t) i[X(t)] = n;
+        else for (r in t) i[X(r)] = t[r];
+        return i;
+      },
+      get: function (e, t) {
+        return void 0 === t
+          ? this.cache(e)
+          : e[this.expando] && e[this.expando][X(t)];
+      },
+      access: function (e, t, n) {
+        return void 0 === t || (t && "string" == typeof t && void 0 === n)
+          ? this.get(e, t)
+          : (this.set(e, t, n), void 0 !== n ? n : t);
+      },
+      remove: function (e, t) {
+        var n,
+          r = e[this.expando];
+        if (void 0 !== r) {
+          if (void 0 !== t) {
+            n = (t = Array.isArray(t)
+              ? t.map(X)
+              : (t = X(t)) in r
+              ? [t]
+              : t.match(P) || []).length;
+            while (n--) delete r[t[n]];
+          }
+          (void 0 === t || S.isEmptyObject(r)) &&
+            (e.nodeType ? (e[this.expando] = void 0) : delete e[this.expando]);
+        }
+      },
+      hasData: function (e) {
+        var t = e[this.expando];
+        return void 0 !== t && !S.isEmptyObject(t);
+      },
+    });
+  var Y = new G(),
+    Q = new G(),
+    J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+    K = /[A-Z]/g;
+  function Z(e, t, n) {
+    var r, i;
+    if (void 0 === n && 1 === e.nodeType)
+      if (
+        ((r = "data-" + t.replace(K, "-$&").toLowerCase()),
+        "string" == typeof (n = e.getAttribute(r)))
+      ) {
+        try {
+          n =
+            "true" === (i = n) ||
+            ("false" !== i &&
+              ("null" === i
+                ? null
+                : i === +i + ""
+                ? +i
+                : J.test(i)
+                ? JSON.parse(i)
+                : i));
+        } catch (e) {}
+        Q.set(e, t, n);
+      } else n = void 0;
+    return n;
+  }
+  S.extend({
+    hasData: function (e) {
+      return Q.hasData(e) || Y.hasData(e);
+    },
+    data: function (e, t, n) {
+      return Q.access(e, t, n);
+    },
+    removeData: function (e, t) {
+      Q.remove(e, t);
+    },
+    _data: function (e, t, n) {
+      return Y.access(e, t, n);
+    },
+    _removeData: function (e, t) {
+      Y.remove(e, t);
+    },
+  }),
+    S.fn.extend({
+      data: function (n, e) {
+        var t,
+          r,
+          i,
+          o = this[0],
+          a = o && o.attributes;
+        if (void 0 === n) {
+          if (
+            this.length &&
+            ((i = Q.get(o)), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))
+          ) {
+            t = a.length;
+            while (t--)
+              a[t] &&
+                0 === (r = a[t].name).indexOf("data-") &&
+                ((r = X(r.slice(5))), Z(o, r, i[r]));
+            Y.set(o, "hasDataAttrs", !0);
+          }
+          return i;
+        }
+        return "object" == typeof n
+          ? this.each(function () {
+              Q.set(this, n);
+            })
+          : $(
+              this,
+              function (e) {
+                var t;
+                if (o && void 0 === e)
+                  return void 0 !== (t = Q.get(o, n))
+                    ? t
+                    : void 0 !== (t = Z(o, n))
+                    ? t
+                    : void 0;
+                this.each(function () {
+                  Q.set(this, n, e);
+                });
+              },
+              null,
+              e,
+              1 < arguments.length,
+              null,
+              !0
+            );
+      },
+      removeData: function (e) {
+        return this.each(function () {
+          Q.remove(this, e);
+        });
+      },
+    }),
+    S.extend({
+      queue: function (e, t, n) {
+        var r;
+        if (e)
+          return (
+            (t = (t || "fx") + "queue"),
+            (r = Y.get(e, t)),
+            n &&
+              (!r || Array.isArray(n)
+                ? (r = Y.access(e, t, S.makeArray(n)))
+                : r.push(n)),
+            r || []
+          );
+      },
+      dequeue: function (e, t) {
+        t = t || "fx";
+        var n = S.queue(e, t),
+          r = n.length,
+          i = n.shift(),
+          o = S._queueHooks(e, t);
+        "inprogress" === i && ((i = n.shift()), r--),
+          i &&
+            ("fx" === t && n.unshift("inprogress"),
+            delete o.stop,
+            i.call(
+              e,
+              function () {
+                S.dequeue(e, t);
+              },
+              o
+            )),
+          !r && o && o.empty.fire();
+      },
+      _queueHooks: function (e, t) {
+        var n = t + "queueHooks";
+        return (
+          Y.get(e, n) ||
+          Y.access(e, n, {
+            empty: S.Callbacks("once memory").add(function () {
+              Y.remove(e, [t + "queue", n]);
+            }),
+          })
+        );
+      },
+    }),
+    S.fn.extend({
+      queue: function (t, n) {
+        var e = 2;
+        return (
+          "string" != typeof t && ((n = t), (t = "fx"), e--),
+          arguments.length < e
+            ? S.queue(this[0], t)
+            : void 0 === n
+            ? this
+            : this.each(function () {
+                var e = S.queue(this, t, n);
+                S._queueHooks(this, t),
+                  "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t);
+              })
+        );
+      },
+      dequeue: function (e) {
+        return this.each(function () {
+          S.dequeue(this, e);
+        });
+      },
+      clearQueue: function (e) {
+        return this.queue(e || "fx", []);
+      },
+      promise: function (e, t) {
+        var n,
+          r = 1,
+          i = S.Deferred(),
+          o = this,
+          a = this.length,
+          s = function () {
+            --r || i.resolveWith(o, [o]);
+          };
+        "string" != typeof e && ((t = e), (e = void 0)), (e = e || "fx");
+        while (a--)
+          (n = Y.get(o[a], e + "queueHooks")) &&
+            n.empty &&
+            (r++, n.empty.add(s));
+        return s(), i.promise(t);
+      },
+    });
+  var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+    te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"),
+    ne = ["Top", "Right", "Bottom", "Left"],
+    re = E.documentElement,
+    ie = function (e) {
+      return S.contains(e.ownerDocument, e);
+    },
+    oe = { composed: !0 };
+  re.getRootNode &&
+    (ie = function (e) {
+      return (
+        S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument
+      );
+    });
+  var ae = function (e, t) {
+    return (
+      "none" === (e = t || e).style.display ||
+      ("" === e.style.display && ie(e) && "none" === S.css(e, "display"))
+    );
+  };
+  function se(e, t, n, r) {
+    var i,
+      o,
+      a = 20,
+      s = r
+        ? function () {
+            return r.cur();
+          }
+        : function () {
+            return S.css(e, t, "");
+          },
+      u = s(),
+      l = (n && n[3]) || (S.cssNumber[t] ? "" : "px"),
+      c =
+        e.nodeType &&
+        (S.cssNumber[t] || ("px" !== l && +u)) &&
+        te.exec(S.css(e, t));
+    if (c && c[3] !== l) {
+      (u /= 2), (l = l || c[3]), (c = +u || 1);
+      while (a--)
+        S.style(e, t, c + l),
+          (1 - o) * (1 - (o = s() / u || 0.5)) <= 0 && (a = 0),
+          (c /= o);
+      (c *= 2), S.style(e, t, c + l), (n = n || []);
+    }
+    return (
+      n &&
+        ((c = +c || +u || 0),
+        (i = n[1] ? c + (n[1] + 1) * n[2] : +n[2]),
+        r && ((r.unit = l), (r.start = c), (r.end = i))),
+      i
+    );
+  }
+  var ue = {};
+  function le(e, t) {
+    for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)
+      (r = e[c]).style &&
+        ((n = r.style.display),
+        t
+          ? ("none" === n &&
+              ((l[c] = Y.get(r, "display") || null),
+              l[c] || (r.style.display = "")),
+            "" === r.style.display &&
+              ae(r) &&
+              (l[c] =
+                ((u = a = o = void 0),
+                (a = (i = r).ownerDocument),
+                (s = i.nodeName),
+                (u = ue[s]) ||
+                  ((o = a.body.appendChild(a.createElement(s))),
+                  (u = S.css(o, "display")),
+                  o.parentNode.removeChild(o),
+                  "none" === u && (u = "block"),
+                  (ue[s] = u)))))
+          : "none" !== n && ((l[c] = "none"), Y.set(r, "display", n)));
+    for (c = 0; c < f; c++) null != l[c] && (e[c].style.display = l[c]);
+    return e;
+  }
+  S.fn.extend({
+    show: function () {
+      return le(this, !0);
+    },
+    hide: function () {
+      return le(this);
+    },
+    toggle: function (e) {
+      return "boolean" == typeof e
+        ? e
+          ? this.show()
+          : this.hide()
+        : this.each(function () {
+            ae(this) ? S(this).show() : S(this).hide();
+          });
+    },
+  });
+  var ce,
+    fe,
+    pe = /^(?:checkbox|radio)$/i,
+    de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i,
+    he = /^$|^module$|\/(?:java|ecma)script/i;
+  (ce = E.createDocumentFragment().appendChild(E.createElement("div"))),
+    (fe = E.createElement("input")).setAttribute("type", "radio"),
+    fe.setAttribute("checked", "checked"),
+    fe.setAttribute("name", "t"),
+    ce.appendChild(fe),
+    (y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked),
+    (ce.innerHTML = "<textarea>x</textarea>"),
+    (y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue),
+    (ce.innerHTML = "<option></option>"),
+    (y.option = !!ce.lastChild);
+  var ge = {
+    thead: [1, "<table>", "</table>"],
+    col: [2, "<table><colgroup>", "</colgroup></table>"],
+    tr: [2, "<table><tbody>", "</tbody></table>"],
+    td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
+    _default: [0, "", ""],
+  };
+  function ve(e, t) {
+    var n;
+    return (
+      (n =
+        "undefined" != typeof e.getElementsByTagName
+          ? e.getElementsByTagName(t || "*")
+          : "undefined" != typeof e.querySelectorAll
+          ? e.querySelectorAll(t || "*")
+          : []),
+      void 0 === t || (t && A(e, t)) ? S.merge([e], n) : n
+    );
+  }
+  function ye(e, t) {
+    for (var n = 0, r = e.length; n < r; n++)
+      Y.set(e[n], "globalEval", !t || Y.get(t[n], "globalEval"));
+  }
+  (ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead),
+    (ge.th = ge.td),
+    y.option ||
+      (ge.optgroup = ge.option =
+        [1, "<select multiple='multiple'>", "</select>"]);
+  var me = /<|&#?\w+;/;
+  function xe(e, t, n, r, i) {
+    for (
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f = t.createDocumentFragment(),
+        p = [],
+        d = 0,
+        h = e.length;
+      d < h;
+      d++
+    )
+      if ((o = e[d]) || 0 === o)
+        if ("object" === w(o)) S.merge(p, o.nodeType ? [o] : o);
+        else if (me.test(o)) {
+          (a = a || f.appendChild(t.createElement("div"))),
+            (s = (de.exec(o) || ["", ""])[1].toLowerCase()),
+            (u = ge[s] || ge._default),
+            (a.innerHTML = u[1] + S.htmlPrefilter(o) + u[2]),
+            (c = u[0]);
+          while (c--) a = a.lastChild;
+          S.merge(p, a.childNodes), ((a = f.firstChild).textContent = "");
+        } else p.push(t.createTextNode(o));
+    (f.textContent = ""), (d = 0);
+    while ((o = p[d++]))
+      if (r && -1 < S.inArray(o, r)) i && i.push(o);
+      else if (
+        ((l = ie(o)), (a = ve(f.appendChild(o), "script")), l && ye(a), n)
+      ) {
+        c = 0;
+        while ((o = a[c++])) he.test(o.type || "") && n.push(o);
+      }
+    return f;
+  }
+  var be = /^([^.]*)(?:\.(.+)|)/;
+  function we() {
+    return !0;
+  }
+  function Te() {
+    return !1;
+  }
+  function Ce(e, t) {
+    return (
+      (e ===
+        (function () {
+          try {
+            return E.activeElement;
+          } catch (e) {}
+        })()) ==
+      ("focus" === t)
+    );
+  }
+  function Ee(e, t, n, r, i, o) {
+    var a, s;
+    if ("object" == typeof t) {
+      for (s in ("string" != typeof n && ((r = r || n), (n = void 0)), t))
+        Ee(e, s, n, r, t[s], o);
+      return e;
+    }
+    if (
+      (null == r && null == i
+        ? ((i = n), (r = n = void 0))
+        : null == i &&
+          ("string" == typeof n
+            ? ((i = r), (r = void 0))
+            : ((i = r), (r = n), (n = void 0))),
+      !1 === i)
+    )
+      i = Te;
+    else if (!i) return e;
+    return (
+      1 === o &&
+        ((a = i),
+        ((i = function (e) {
+          return S().off(e), a.apply(this, arguments);
+        }).guid = a.guid || (a.guid = S.guid++))),
+      e.each(function () {
+        S.event.add(this, t, i, r, n);
+      })
+    );
+  }
+  function Se(e, i, o) {
+    o
+      ? (Y.set(e, i, !1),
+        S.event.add(e, i, {
+          namespace: !1,
+          handler: function (e) {
+            var t,
+              n,
+              r = Y.get(this, i);
+            if (1 & e.isTrigger && this[i]) {
+              if (r.length)
+                (S.event.special[i] || {}).delegateType && e.stopPropagation();
+              else if (
+                ((r = s.call(arguments)),
+                Y.set(this, i, r),
+                (t = o(this, i)),
+                this[i](),
+                r !== (n = Y.get(this, i)) || t ? Y.set(this, i, !1) : (n = {}),
+                r !== n)
+              )
+                return (
+                  e.stopImmediatePropagation(), e.preventDefault(), n && n.value
+                );
+            } else
+              r.length &&
+                (Y.set(this, i, {
+                  value: S.event.trigger(
+                    S.extend(r[0], S.Event.prototype),
+                    r.slice(1),
+                    this
+                  ),
+                }),
+                e.stopImmediatePropagation());
+          },
+        }))
+      : void 0 === Y.get(e, i) && S.event.add(e, i, we);
+  }
+  (S.event = {
+    global: {},
+    add: function (t, e, n, r, i) {
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p,
+        d,
+        h,
+        g,
+        v = Y.get(t);
+      if (V(t)) {
+        n.handler && ((n = (o = n).handler), (i = o.selector)),
+          i && S.find.matchesSelector(re, i),
+          n.guid || (n.guid = S.guid++),
+          (u = v.events) || (u = v.events = Object.create(null)),
+          (a = v.handle) ||
+            (a = v.handle =
+              function (e) {
+                return "undefined" != typeof S && S.event.triggered !== e.type
+                  ? S.event.dispatch.apply(t, arguments)
+                  : void 0;
+              }),
+          (l = (e = (e || "").match(P) || [""]).length);
+        while (l--)
+          (d = g = (s = be.exec(e[l]) || [])[1]),
+            (h = (s[2] || "").split(".").sort()),
+            d &&
+              ((f = S.event.special[d] || {}),
+              (d = (i ? f.delegateType : f.bindType) || d),
+              (f = S.event.special[d] || {}),
+              (c = S.extend(
+                {
+                  type: d,
+                  origType: g,
+                  data: r,
+                  handler: n,
+                  guid: n.guid,
+                  selector: i,
+                  needsContext: i && S.expr.match.needsContext.test(i),
+                  namespace: h.join("."),
+                },
+                o
+              )),
+              (p = u[d]) ||
+                (((p = u[d] = []).delegateCount = 0),
+                (f.setup && !1 !== f.setup.call(t, r, h, a)) ||
+                  (t.addEventListener && t.addEventListener(d, a))),
+              f.add &&
+                (f.add.call(t, c), c.handler.guid || (c.handler.guid = n.guid)),
+              i ? p.splice(p.delegateCount++, 0, c) : p.push(c),
+              (S.event.global[d] = !0));
+      }
+    },
+    remove: function (e, t, n, r, i) {
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p,
+        d,
+        h,
+        g,
+        v = Y.hasData(e) && Y.get(e);
+      if (v && (u = v.events)) {
+        l = (t = (t || "").match(P) || [""]).length;
+        while (l--)
+          if (
+            ((d = g = (s = be.exec(t[l]) || [])[1]),
+            (h = (s[2] || "").split(".").sort()),
+            d)
+          ) {
+            (f = S.event.special[d] || {}),
+              (p = u[(d = (r ? f.delegateType : f.bindType) || d)] || []),
+              (s =
+                s[2] &&
+                new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)")),
+              (a = o = p.length);
+            while (o--)
+              (c = p[o]),
+                (!i && g !== c.origType) ||
+                  (n && n.guid !== c.guid) ||
+                  (s && !s.test(c.namespace)) ||
+                  (r && r !== c.selector && ("**" !== r || !c.selector)) ||
+                  (p.splice(o, 1),
+                  c.selector && p.delegateCount--,
+                  f.remove && f.remove.call(e, c));
+            a &&
+              !p.length &&
+              ((f.teardown && !1 !== f.teardown.call(e, h, v.handle)) ||
+                S.removeEvent(e, d, v.handle),
+              delete u[d]);
+          } else for (d in u) S.event.remove(e, d + t[l], n, r, !0);
+        S.isEmptyObject(u) && Y.remove(e, "handle events");
+      }
+    },
+    dispatch: function (e) {
+      var t,
+        n,
+        r,
+        i,
+        o,
+        a,
+        s = new Array(arguments.length),
+        u = S.event.fix(e),
+        l = (Y.get(this, "events") || Object.create(null))[u.type] || [],
+        c = S.event.special[u.type] || {};
+      for (s[0] = u, t = 1; t < arguments.length; t++) s[t] = arguments[t];
+      if (
+        ((u.delegateTarget = this),
+        !c.preDispatch || !1 !== c.preDispatch.call(this, u))
+      ) {
+        (a = S.event.handlers.call(this, u, l)), (t = 0);
+        while ((i = a[t++]) && !u.isPropagationStopped()) {
+          (u.currentTarget = i.elem), (n = 0);
+          while ((o = i.handlers[n++]) && !u.isImmediatePropagationStopped())
+            (u.rnamespace &&
+              !1 !== o.namespace &&
+              !u.rnamespace.test(o.namespace)) ||
+              ((u.handleObj = o),
+              (u.data = o.data),
+              void 0 !==
+                (r = (
+                  (S.event.special[o.origType] || {}).handle || o.handler
+                ).apply(i.elem, s)) &&
+                !1 === (u.result = r) &&
+                (u.preventDefault(), u.stopPropagation()));
+        }
+        return c.postDispatch && c.postDispatch.call(this, u), u.result;
+      }
+    },
+    handlers: function (e, t) {
+      var n,
+        r,
+        i,
+        o,
+        a,
+        s = [],
+        u = t.delegateCount,
+        l = e.target;
+      if (u && l.nodeType && !("click" === e.type && 1 <= e.button))
+        for (; l !== this; l = l.parentNode || this)
+          if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
+            for (o = [], a = {}, n = 0; n < u; n++)
+              void 0 === a[(i = (r = t[n]).selector + " ")] &&
+                (a[i] = r.needsContext
+                  ? -1 < S(i, this).index(l)
+                  : S.find(i, this, null, [l]).length),
+                a[i] && o.push(r);
+            o.length && s.push({ elem: l, handlers: o });
+          }
+      return (
+        (l = this), u < t.length && s.push({ elem: l, handlers: t.slice(u) }), s
+      );
+    },
+    addProp: function (t, e) {
+      Object.defineProperty(S.Event.prototype, t, {
+        enumerable: !0,
+        configurable: !0,
+        get: m(e)
+          ? function () {
+              if (this.originalEvent) return e(this.originalEvent);
+            }
+          : function () {
+              if (this.originalEvent) return this.originalEvent[t];
+            },
+        set: function (e) {
+          Object.defineProperty(this, t, {
+            enumerable: !0,
+            configurable: !0,
+            writable: !0,
+            value: e,
+          });
+        },
+      });
+    },
+    fix: function (e) {
+      return e[S.expando] ? e : new S.Event(e);
+    },
+    special: {
+      load: { noBubble: !0 },
+      click: {
+        setup: function (e) {
+          var t = this || e;
+          return (
+            pe.test(t.type) && t.click && A(t, "input") && Se(t, "click", we),
+            !1
+          );
+        },
+        trigger: function (e) {
+          var t = this || e;
+          return (
+            pe.test(t.type) && t.click && A(t, "input") && Se(t, "click"), !0
+          );
+        },
+        _default: function (e) {
+          var t = e.target;
+          return (
+            (pe.test(t.type) &&
+              t.click &&
+              A(t, "input") &&
+              Y.get(t, "click")) ||
+            A(t, "a")
+          );
+        },
+      },
+      beforeunload: {
+        postDispatch: function (e) {
+          void 0 !== e.result &&
+            e.originalEvent &&
+            (e.originalEvent.returnValue = e.result);
+        },
+      },
+    },
+  }),
+    (S.removeEvent = function (e, t, n) {
+      e.removeEventListener && e.removeEventListener(t, n);
+    }),
+    (S.Event = function (e, t) {
+      if (!(this instanceof S.Event)) return new S.Event(e, t);
+      e && e.type
+        ? ((this.originalEvent = e),
+          (this.type = e.type),
+          (this.isDefaultPrevented =
+            e.defaultPrevented ||
+            (void 0 === e.defaultPrevented && !1 === e.returnValue)
+              ? we
+              : Te),
+          (this.target =
+            e.target && 3 === e.target.nodeType
+              ? e.target.parentNode
+              : e.target),
+          (this.currentTarget = e.currentTarget),
+          (this.relatedTarget = e.relatedTarget))
+        : (this.type = e),
+        t && S.extend(this, t),
+        (this.timeStamp = (e && e.timeStamp) || Date.now()),
+        (this[S.expando] = !0);
+    }),
+    (S.Event.prototype = {
+      constructor: S.Event,
+      isDefaultPrevented: Te,
+      isPropagationStopped: Te,
+      isImmediatePropagationStopped: Te,
+      isSimulated: !1,
+      preventDefault: function () {
+        var e = this.originalEvent;
+        (this.isDefaultPrevented = we),
+          e && !this.isSimulated && e.preventDefault();
+      },
+      stopPropagation: function () {
+        var e = this.originalEvent;
+        (this.isPropagationStopped = we),
+          e && !this.isSimulated && e.stopPropagation();
+      },
+      stopImmediatePropagation: function () {
+        var e = this.originalEvent;
+        (this.isImmediatePropagationStopped = we),
+          e && !this.isSimulated && e.stopImmediatePropagation(),
+          this.stopPropagation();
+      },
+    }),
+    S.each(
+      {
+        altKey: !0,
+        bubbles: !0,
+        cancelable: !0,
+        changedTouches: !0,
+        ctrlKey: !0,
+        detail: !0,
+        eventPhase: !0,
+        metaKey: !0,
+        pageX: !0,
+        pageY: !0,
+        shiftKey: !0,
+        view: !0,
+        char: !0,
+        code: !0,
+        charCode: !0,
+        key: !0,
+        keyCode: !0,
+        button: !0,
+        buttons: !0,
+        clientX: !0,
+        clientY: !0,
+        offsetX: !0,
+        offsetY: !0,
+        pointerId: !0,
+        pointerType: !0,
+        screenX: !0,
+        screenY: !0,
+        targetTouches: !0,
+        toElement: !0,
+        touches: !0,
+        which: !0,
+      },
+      S.event.addProp
+    ),
+    S.each({ focus: "focusin", blur: "focusout" }, function (e, t) {
+      S.event.special[e] = {
+        setup: function () {
+          return Se(this, e, Ce), !1;
+        },
+        trigger: function () {
+          return Se(this, e), !0;
+        },
+        _default: function () {
+          return !0;
+        },
+        delegateType: t,
+      };
+    }),
+    S.each(
+      {
+        mouseenter: "mouseover",
+        mouseleave: "mouseout",
+        pointerenter: "pointerover",
+        pointerleave: "pointerout",
+      },
+      function (e, i) {
+        S.event.special[e] = {
+          delegateType: i,
+          bindType: i,
+          handle: function (e) {
+            var t,
+              n = e.relatedTarget,
+              r = e.handleObj;
+            return (
+              (n && (n === this || S.contains(this, n))) ||
+                ((e.type = r.origType),
+                (t = r.handler.apply(this, arguments)),
+                (e.type = i)),
+              t
+            );
+          },
+        };
+      }
+    ),
+    S.fn.extend({
+      on: function (e, t, n, r) {
+        return Ee(this, e, t, n, r);
+      },
+      one: function (e, t, n, r) {
+        return Ee(this, e, t, n, r, 1);
+      },
+      off: function (e, t, n) {
+        var r, i;
+        if (e && e.preventDefault && e.handleObj)
+          return (
+            (r = e.handleObj),
+            S(e.delegateTarget).off(
+              r.namespace ? r.origType + "." + r.namespace : r.origType,
+              r.selector,
+              r.handler
+            ),
+            this
+          );
+        if ("object" == typeof e) {
+          for (i in e) this.off(i, t, e[i]);
+          return this;
+        }
+        return (
+          (!1 !== t && "function" != typeof t) || ((n = t), (t = void 0)),
+          !1 === n && (n = Te),
+          this.each(function () {
+            S.event.remove(this, e, n, t);
+          })
+        );
+      },
+    });
+  var ke = /<script|<style|<link/i,
+    Ae = /checked\s*(?:[^=]|=\s*.checked.)/i,
+    Ne = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
+  function je(e, t) {
+    return (
+      (A(e, "table") &&
+        A(11 !== t.nodeType ? t : t.firstChild, "tr") &&
+        S(e).children("tbody")[0]) ||
+      e
+    );
+  }
+  function De(e) {
+    return (e.type = (null !== e.getAttribute("type")) + "/" + e.type), e;
+  }
+  function qe(e) {
+    return (
+      "true/" === (e.type || "").slice(0, 5)
+        ? (e.type = e.type.slice(5))
+        : e.removeAttribute("type"),
+      e
+    );
+  }
+  function Le(e, t) {
+    var n, r, i, o, a, s;
+    if (1 === t.nodeType) {
+      if (Y.hasData(e) && (s = Y.get(e).events))
+        for (i in (Y.remove(t, "handle events"), s))
+          for (n = 0, r = s[i].length; n < r; n++) S.event.add(t, i, s[i][n]);
+      Q.hasData(e) && ((o = Q.access(e)), (a = S.extend({}, o)), Q.set(t, a));
+    }
+  }
+  function He(n, r, i, o) {
+    r = g(r);
+    var e,
+      t,
+      a,
+      s,
+      u,
+      l,
+      c = 0,
+      f = n.length,
+      p = f - 1,
+      d = r[0],
+      h = m(d);
+    if (h || (1 < f && "string" == typeof d && !y.checkClone && Ae.test(d)))
+      return n.each(function (e) {
+        var t = n.eq(e);
+        h && (r[0] = d.call(this, e, t.html())), He(t, r, i, o);
+      });
+    if (
+      f &&
+      ((t = (e = xe(r, n[0].ownerDocument, !1, n, o)).firstChild),
+      1 === e.childNodes.length && (e = t),
+      t || o)
+    ) {
+      for (s = (a = S.map(ve(e, "script"), De)).length; c < f; c++)
+        (u = e),
+          c !== p &&
+            ((u = S.clone(u, !0, !0)), s && S.merge(a, ve(u, "script"))),
+          i.call(n[c], u, c);
+      if (s)
+        for (l = a[a.length - 1].ownerDocument, S.map(a, qe), c = 0; c < s; c++)
+          (u = a[c]),
+            he.test(u.type || "") &&
+              !Y.access(u, "globalEval") &&
+              S.contains(l, u) &&
+              (u.src && "module" !== (u.type || "").toLowerCase()
+                ? S._evalUrl &&
+                  !u.noModule &&
+                  S._evalUrl(
+                    u.src,
+                    { nonce: u.nonce || u.getAttribute("nonce") },
+                    l
+                  )
+                : b(u.textContent.replace(Ne, ""), u, l));
+    }
+    return n;
+  }
+  function Oe(e, t, n) {
+    for (var r, i = t ? S.filter(t, e) : e, o = 0; null != (r = i[o]); o++)
+      n || 1 !== r.nodeType || S.cleanData(ve(r)),
+        r.parentNode &&
+          (n && ie(r) && ye(ve(r, "script")), r.parentNode.removeChild(r));
+    return e;
+  }
+  S.extend({
+    htmlPrefilter: function (e) {
+      return e;
+    },
+    clone: function (e, t, n) {
+      var r,
+        i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c = e.cloneNode(!0),
+        f = ie(e);
+      if (
+        !(
+          y.noCloneChecked ||
+          (1 !== e.nodeType && 11 !== e.nodeType) ||
+          S.isXMLDoc(e)
+        )
+      )
+        for (a = ve(c), r = 0, i = (o = ve(e)).length; r < i; r++)
+          (s = o[r]),
+            (u = a[r]),
+            void 0,
+            "input" === (l = u.nodeName.toLowerCase()) && pe.test(s.type)
+              ? (u.checked = s.checked)
+              : ("input" !== l && "textarea" !== l) ||
+                (u.defaultValue = s.defaultValue);
+      if (t)
+        if (n)
+          for (o = o || ve(e), a = a || ve(c), r = 0, i = o.length; r < i; r++)
+            Le(o[r], a[r]);
+        else Le(e, c);
+      return (
+        0 < (a = ve(c, "script")).length && ye(a, !f && ve(e, "script")), c
+      );
+    },
+    cleanData: function (e) {
+      for (var t, n, r, i = S.event.special, o = 0; void 0 !== (n = e[o]); o++)
+        if (V(n)) {
+          if ((t = n[Y.expando])) {
+            if (t.events)
+              for (r in t.events)
+                i[r] ? S.event.remove(n, r) : S.removeEvent(n, r, t.handle);
+            n[Y.expando] = void 0;
+          }
+          n[Q.expando] && (n[Q.expando] = void 0);
+        }
+    },
+  }),
+    S.fn.extend({
+      detach: function (e) {
+        return Oe(this, e, !0);
+      },
+      remove: function (e) {
+        return Oe(this, e);
+      },
+      text: function (e) {
+        return $(
+          this,
+          function (e) {
+            return void 0 === e
+              ? S.text(this)
+              : this.empty().each(function () {
+                  (1 !== this.nodeType &&
+                    11 !== this.nodeType &&
+                    9 !== this.nodeType) ||
+                    (this.textContent = e);
+                });
+          },
+          null,
+          e,
+          arguments.length
+        );
+      },
+      append: function () {
+        return He(this, arguments, function (e) {
+          (1 !== this.nodeType &&
+            11 !== this.nodeType &&
+            9 !== this.nodeType) ||
+            je(this, e).appendChild(e);
+        });
+      },
+      prepend: function () {
+        return He(this, arguments, function (e) {
+          if (
+            1 === this.nodeType ||
+            11 === this.nodeType ||
+            9 === this.nodeType
+          ) {
+            var t = je(this, e);
+            t.insertBefore(e, t.firstChild);
+          }
+        });
+      },
+      before: function () {
+        return He(this, arguments, function (e) {
+          this.parentNode && this.parentNode.insertBefore(e, this);
+        });
+      },
+      after: function () {
+        return He(this, arguments, function (e) {
+          this.parentNode && this.parentNode.insertBefore(e, this.nextSibling);
+        });
+      },
+      empty: function () {
+        for (var e, t = 0; null != (e = this[t]); t++)
+          1 === e.nodeType && (S.cleanData(ve(e, !1)), (e.textContent = ""));
+        return this;
+      },
+      clone: function (e, t) {
+        return (
+          (e = null != e && e),
+          (t = null == t ? e : t),
+          this.map(function () {
+            return S.clone(this, e, t);
+          })
+        );
+      },
+      html: function (e) {
+        return $(
+          this,
+          function (e) {
+            var t = this[0] || {},
+              n = 0,
+              r = this.length;
+            if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
+            if (
+              "string" == typeof e &&
+              !ke.test(e) &&
+              !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]
+            ) {
+              e = S.htmlPrefilter(e);
+              try {
+                for (; n < r; n++)
+                  1 === (t = this[n] || {}).nodeType &&
+                    (S.cleanData(ve(t, !1)), (t.innerHTML = e));
+                t = 0;
+              } catch (e) {}
+            }
+            t && this.empty().append(e);
+          },
+          null,
+          e,
+          arguments.length
+        );
+      },
+      replaceWith: function () {
+        var n = [];
+        return He(
+          this,
+          arguments,
+          function (e) {
+            var t = this.parentNode;
+            S.inArray(this, n) < 0 &&
+              (S.cleanData(ve(this)), t && t.replaceChild(e, this));
+          },
+          n
+        );
+      },
+    }),
+    S.each(
+      {
+        appendTo: "append",
+        prependTo: "prepend",
+        insertBefore: "before",
+        insertAfter: "after",
+        replaceAll: "replaceWith",
+      },
+      function (e, a) {
+        S.fn[e] = function (e) {
+          for (var t, n = [], r = S(e), i = r.length - 1, o = 0; o <= i; o++)
+            (t = o === i ? this : this.clone(!0)),
+              S(r[o])[a](t),
+              u.apply(n, t.get());
+          return this.pushStack(n);
+        };
+      }
+    );
+  var Pe = new RegExp("^(" + ee + ")(?!px)[a-z%]+$", "i"),
+    Re = function (e) {
+      var t = e.ownerDocument.defaultView;
+      return (t && t.opener) || (t = C), t.getComputedStyle(e);
+    },
+    Me = function (e, t, n) {
+      var r,
+        i,
+        o = {};
+      for (i in t) (o[i] = e.style[i]), (e.style[i] = t[i]);
+      for (i in ((r = n.call(e)), t)) e.style[i] = o[i];
+      return r;
+    },
+    Ie = new RegExp(ne.join("|"), "i");
+  function We(e, t, n) {
+    var r,
+      i,
+      o,
+      a,
+      s = e.style;
+    return (
+      (n = n || Re(e)) &&
+        ("" !== (a = n.getPropertyValue(t) || n[t]) ||
+          ie(e) ||
+          (a = S.style(e, t)),
+        !y.pixelBoxStyles() &&
+          Pe.test(a) &&
+          Ie.test(t) &&
+          ((r = s.width),
+          (i = s.minWidth),
+          (o = s.maxWidth),
+          (s.minWidth = s.maxWidth = s.width = a),
+          (a = n.width),
+          (s.width = r),
+          (s.minWidth = i),
+          (s.maxWidth = o))),
+      void 0 !== a ? a + "" : a
+    );
+  }
+  function Fe(e, t) {
+    return {
+      get: function () {
+        if (!e()) return (this.get = t).apply(this, arguments);
+        delete this.get;
+      },
+    };
+  }
+  !(function () {
+    function e() {
+      if (l) {
+        (u.style.cssText =
+          "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0"),
+          (l.style.cssText =
+            "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%"),
+          re.appendChild(u).appendChild(l);
+        var e = C.getComputedStyle(l);
+        (n = "1%" !== e.top),
+          (s = 12 === t(e.marginLeft)),
+          (l.style.right = "60%"),
+          (o = 36 === t(e.right)),
+          (r = 36 === t(e.width)),
+          (l.style.position = "absolute"),
+          (i = 12 === t(l.offsetWidth / 3)),
+          re.removeChild(u),
+          (l = null);
+      }
+    }
+    function t(e) {
+      return Math.round(parseFloat(e));
+    }
+    var n,
+      r,
+      i,
+      o,
+      a,
+      s,
+      u = E.createElement("div"),
+      l = E.createElement("div");
+    l.style &&
+      ((l.style.backgroundClip = "content-box"),
+      (l.cloneNode(!0).style.backgroundClip = ""),
+      (y.clearCloneStyle = "content-box" === l.style.backgroundClip),
+      S.extend(y, {
+        boxSizingReliable: function () {
+          return e(), r;
+        },
+        pixelBoxStyles: function () {
+          return e(), o;
+        },
+        pixelPosition: function () {
+          return e(), n;
+        },
+        reliableMarginLeft: function () {
+          return e(), s;
+        },
+        scrollboxSize: function () {
+          return e(), i;
+        },
+        reliableTrDimensions: function () {
+          var e, t, n, r;
+          return (
+            null == a &&
+              ((e = E.createElement("table")),
+              (t = E.createElement("tr")),
+              (n = E.createElement("div")),
+              (e.style.cssText =
+                "position:absolute;left:-11111px;border-collapse:separate"),
+              (t.style.cssText = "border:1px solid"),
+              (t.style.height = "1px"),
+              (n.style.height = "9px"),
+              (n.style.display = "block"),
+              re.appendChild(e).appendChild(t).appendChild(n),
+              (r = C.getComputedStyle(t)),
+              (a =
+                parseInt(r.height, 10) +
+                  parseInt(r.borderTopWidth, 10) +
+                  parseInt(r.borderBottomWidth, 10) ===
+                t.offsetHeight),
+              re.removeChild(e)),
+            a
+          );
+        },
+      }));
+  })();
+  var Be = ["Webkit", "Moz", "ms"],
+    $e = E.createElement("div").style,
+    _e = {};
+  function ze(e) {
+    var t = S.cssProps[e] || _e[e];
+    return (
+      t ||
+      (e in $e
+        ? e
+        : (_e[e] =
+            (function (e) {
+              var t = e[0].toUpperCase() + e.slice(1),
+                n = Be.length;
+              while (n--) if ((e = Be[n] + t) in $e) return e;
+            })(e) || e))
+    );
+  }
+  var Ue = /^(none|table(?!-c[ea]).+)/,
+    Xe = /^--/,
+    Ve = { position: "absolute", visibility: "hidden", display: "block" },
+    Ge = { letterSpacing: "0", fontWeight: "400" };
+  function Ye(e, t, n) {
+    var r = te.exec(t);
+    return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t;
+  }
+  function Qe(e, t, n, r, i, o) {
+    var a = "width" === t ? 1 : 0,
+      s = 0,
+      u = 0;
+    if (n === (r ? "border" : "content")) return 0;
+    for (; a < 4; a += 2)
+      "margin" === n && (u += S.css(e, n + ne[a], !0, i)),
+        r
+          ? ("content" === n && (u -= S.css(e, "padding" + ne[a], !0, i)),
+            "margin" !== n &&
+              (u -= S.css(e, "border" + ne[a] + "Width", !0, i)))
+          : ((u += S.css(e, "padding" + ne[a], !0, i)),
+            "padding" !== n
+              ? (u += S.css(e, "border" + ne[a] + "Width", !0, i))
+              : (s += S.css(e, "border" + ne[a] + "Width", !0, i)));
+    return (
+      !r &&
+        0 <= o &&
+        (u +=
+          Math.max(
+            0,
+            Math.ceil(
+              e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s - 0.5
+            )
+          ) || 0),
+      u
+    );
+  }
+  function Je(e, t, n) {
+    var r = Re(e),
+      i =
+        (!y.boxSizingReliable() || n) &&
+        "border-box" === S.css(e, "boxSizing", !1, r),
+      o = i,
+      a = We(e, t, r),
+      s = "offset" + t[0].toUpperCase() + t.slice(1);
+    if (Pe.test(a)) {
+      if (!n) return a;
+      a = "auto";
+    }
+    return (
+      ((!y.boxSizingReliable() && i) ||
+        (!y.reliableTrDimensions() && A(e, "tr")) ||
+        "auto" === a ||
+        (!parseFloat(a) && "inline" === S.css(e, "display", !1, r))) &&
+        e.getClientRects().length &&
+        ((i = "border-box" === S.css(e, "boxSizing", !1, r)),
+        (o = s in e) && (a = e[s])),
+      (a = parseFloat(a) || 0) +
+        Qe(e, t, n || (i ? "border" : "content"), o, r, a) +
+        "px"
+    );
+  }
+  function Ke(e, t, n, r, i) {
+    return new Ke.prototype.init(e, t, n, r, i);
+  }
+  S.extend({
+    cssHooks: {
+      opacity: {
+        get: function (e, t) {
+          if (t) {
+            var n = We(e, "opacity");
+            return "" === n ? "1" : n;
+          }
+        },
+      },
+    },
+    cssNumber: {
+      animationIterationCount: !0,
+      columnCount: !0,
+      fillOpacity: !0,
+      flexGrow: !0,
+      flexShrink: !0,
+      fontWeight: !0,
+      gridArea: !0,
+      gridColumn: !0,
+      gridColumnEnd: !0,
+      gridColumnStart: !0,
+      gridRow: !0,
+      gridRowEnd: !0,
+      gridRowStart: !0,
+      lineHeight: !0,
+      opacity: !0,
+      order: !0,
+      orphans: !0,
+      widows: !0,
+      zIndex: !0,
+      zoom: !0,
+    },
+    cssProps: {},
+    style: function (e, t, n, r) {
+      if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
+        var i,
+          o,
+          a,
+          s = X(t),
+          u = Xe.test(t),
+          l = e.style;
+        if (
+          (u || (t = ze(s)), (a = S.cssHooks[t] || S.cssHooks[s]), void 0 === n)
+        )
+          return a && "get" in a && void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
+        "string" === (o = typeof n) &&
+          (i = te.exec(n)) &&
+          i[1] &&
+          ((n = se(e, t, i)), (o = "number")),
+          null != n &&
+            n == n &&
+            ("number" !== o ||
+              u ||
+              (n += (i && i[3]) || (S.cssNumber[s] ? "" : "px")),
+            y.clearCloneStyle ||
+              "" !== n ||
+              0 !== t.indexOf("background") ||
+              (l[t] = "inherit"),
+            (a && "set" in a && void 0 === (n = a.set(e, n, r))) ||
+              (u ? l.setProperty(t, n) : (l[t] = n)));
+      }
+    },
+    css: function (e, t, n, r) {
+      var i,
+        o,
+        a,
+        s = X(t);
+      return (
+        Xe.test(t) || (t = ze(s)),
+        (a = S.cssHooks[t] || S.cssHooks[s]) &&
+          "get" in a &&
+          (i = a.get(e, !0, n)),
+        void 0 === i && (i = We(e, t, r)),
+        "normal" === i && t in Ge && (i = Ge[t]),
+        "" === n || n
+          ? ((o = parseFloat(i)), !0 === n || isFinite(o) ? o || 0 : i)
+          : i
+      );
+    },
+  }),
+    S.each(["height", "width"], function (e, u) {
+      S.cssHooks[u] = {
+        get: function (e, t, n) {
+          if (t)
+            return !Ue.test(S.css(e, "display")) ||
+              (e.getClientRects().length && e.getBoundingClientRect().width)
+              ? Je(e, u, n)
+              : Me(e, Ve, function () {
+                  return Je(e, u, n);
+                });
+        },
+        set: function (e, t, n) {
+          var r,
+            i = Re(e),
+            o = !y.scrollboxSize() && "absolute" === i.position,
+            a = (o || n) && "border-box" === S.css(e, "boxSizing", !1, i),
+            s = n ? Qe(e, u, n, a, i) : 0;
+          return (
+            a &&
+              o &&
+              (s -= Math.ceil(
+                e["offset" + u[0].toUpperCase() + u.slice(1)] -
+                  parseFloat(i[u]) -
+                  Qe(e, u, "border", !1, i) -
+                  0.5
+              )),
+            s &&
+              (r = te.exec(t)) &&
+              "px" !== (r[3] || "px") &&
+              ((e.style[u] = t), (t = S.css(e, u))),
+            Ye(0, t, s)
+          );
+        },
+      };
+    }),
+    (S.cssHooks.marginLeft = Fe(y.reliableMarginLeft, function (e, t) {
+      if (t)
+        return (
+          (parseFloat(We(e, "marginLeft")) ||
+            e.getBoundingClientRect().left -
+              Me(e, { marginLeft: 0 }, function () {
+                return e.getBoundingClientRect().left;
+              })) + "px"
+        );
+    })),
+    S.each({ margin: "", padding: "", border: "Width" }, function (i, o) {
+      (S.cssHooks[i + o] = {
+        expand: function (e) {
+          for (
+            var t = 0, n = {}, r = "string" == typeof e ? e.split(" ") : [e];
+            t < 4;
+            t++
+          )
+            n[i + ne[t] + o] = r[t] || r[t - 2] || r[0];
+          return n;
+        },
+      }),
+        "margin" !== i && (S.cssHooks[i + o].set = Ye);
+    }),
+    S.fn.extend({
+      css: function (e, t) {
+        return $(
+          this,
+          function (e, t, n) {
+            var r,
+              i,
+              o = {},
+              a = 0;
+            if (Array.isArray(t)) {
+              for (r = Re(e), i = t.length; a < i; a++)
+                o[t[a]] = S.css(e, t[a], !1, r);
+              return o;
+            }
+            return void 0 !== n ? S.style(e, t, n) : S.css(e, t);
+          },
+          e,
+          t,
+          1 < arguments.length
+        );
+      },
+    }),
+    (((S.Tween = Ke).prototype = {
+      constructor: Ke,
+      init: function (e, t, n, r, i, o) {
+        (this.elem = e),
+          (this.prop = n),
+          (this.easing = i || S.easing._default),
+          (this.options = t),
+          (this.start = this.now = this.cur()),
+          (this.end = r),
+          (this.unit = o || (S.cssNumber[n] ? "" : "px"));
+      },
+      cur: function () {
+        var e = Ke.propHooks[this.prop];
+        return e && e.get ? e.get(this) : Ke.propHooks._default.get(this);
+      },
+      run: function (e) {
+        var t,
+          n = Ke.propHooks[this.prop];
+        return (
+          this.options.duration
+            ? (this.pos = t =
+                S.easing[this.easing](
+                  e,
+                  this.options.duration * e,
+                  0,
+                  1,
+                  this.options.duration
+                ))
+            : (this.pos = t = e),
+          (this.now = (this.end - this.start) * t + this.start),
+          this.options.step &&
+            this.options.step.call(this.elem, this.now, this),
+          n && n.set ? n.set(this) : Ke.propHooks._default.set(this),
+          this
+        );
+      },
+    }).init.prototype = Ke.prototype),
+    ((Ke.propHooks = {
+      _default: {
+        get: function (e) {
+          var t;
+          return 1 !== e.elem.nodeType ||
+            (null != e.elem[e.prop] && null == e.elem.style[e.prop])
+            ? e.elem[e.prop]
+            : (t = S.css(e.elem, e.prop, "")) && "auto" !== t
+            ? t
+            : 0;
+        },
+        set: function (e) {
+          S.fx.step[e.prop]
+            ? S.fx.step[e.prop](e)
+            : 1 !== e.elem.nodeType ||
+              (!S.cssHooks[e.prop] && null == e.elem.style[ze(e.prop)])
+            ? (e.elem[e.prop] = e.now)
+            : S.style(e.elem, e.prop, e.now + e.unit);
+        },
+      },
+    }).scrollTop = Ke.propHooks.scrollLeft =
+      {
+        set: function (e) {
+          e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now);
+        },
+      }),
+    (S.easing = {
+      linear: function (e) {
+        return e;
+      },
+      swing: function (e) {
+        return 0.5 - Math.cos(e * Math.PI) / 2;
+      },
+      _default: "swing",
+    }),
+    (S.fx = Ke.prototype.init),
+    (S.fx.step = {});
+  var Ze,
+    et,
+    tt,
+    nt,
+    rt = /^(?:toggle|show|hide)$/,
+    it = /queueHooks$/;
+  function ot() {
+    et &&
+      (!1 === E.hidden && C.requestAnimationFrame
+        ? C.requestAnimationFrame(ot)
+        : C.setTimeout(ot, S.fx.interval),
+      S.fx.tick());
+  }
+  function at() {
+    return (
+      C.setTimeout(function () {
+        Ze = void 0;
+      }),
+      (Ze = Date.now())
+    );
+  }
+  function st(e, t) {
+    var n,
+      r = 0,
+      i = { height: e };
+    for (t = t ? 1 : 0; r < 4; r += 2 - t)
+      i["margin" + (n = ne[r])] = i["padding" + n] = e;
+    return t && (i.opacity = i.width = e), i;
+  }
+  function ut(e, t, n) {
+    for (
+      var r,
+        i = (lt.tweeners[t] || []).concat(lt.tweeners["*"]),
+        o = 0,
+        a = i.length;
+      o < a;
+      o++
+    )
+      if ((r = i[o].call(n, t, e))) return r;
+  }
+  function lt(o, e, t) {
+    var n,
+      a,
+      r = 0,
+      i = lt.prefilters.length,
+      s = S.Deferred().always(function () {
+        delete u.elem;
+      }),
+      u = function () {
+        if (a) return !1;
+        for (
+          var e = Ze || at(),
+            t = Math.max(0, l.startTime + l.duration - e),
+            n = 1 - (t / l.duration || 0),
+            r = 0,
+            i = l.tweens.length;
+          r < i;
+          r++
+        )
+          l.tweens[r].run(n);
+        return (
+          s.notifyWith(o, [l, n, t]),
+          n < 1 && i
+            ? t
+            : (i || s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l]), !1)
+        );
+      },
+      l = s.promise({
+        elem: o,
+        props: S.extend({}, e),
+        opts: S.extend(!0, { specialEasing: {}, easing: S.easing._default }, t),
+        originalProperties: e,
+        originalOptions: t,
+        startTime: Ze || at(),
+        duration: t.duration,
+        tweens: [],
+        createTween: function (e, t) {
+          var n = S.Tween(
+            o,
+            l.opts,
+            e,
+            t,
+            l.opts.specialEasing[e] || l.opts.easing
+          );
+          return l.tweens.push(n), n;
+        },
+        stop: function (e) {
+          var t = 0,
+            n = e ? l.tweens.length : 0;
+          if (a) return this;
+          for (a = !0; t < n; t++) l.tweens[t].run(1);
+          return (
+            e
+              ? (s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l, e]))
+              : s.rejectWith(o, [l, e]),
+            this
+          );
+        },
+      }),
+      c = l.props;
+    for (
+      !(function (e, t) {
+        var n, r, i, o, a;
+        for (n in e)
+          if (
+            ((i = t[(r = X(n))]),
+            (o = e[n]),
+            Array.isArray(o) && ((i = o[1]), (o = e[n] = o[0])),
+            n !== r && ((e[r] = o), delete e[n]),
+            (a = S.cssHooks[r]) && ("expand" in a))
+          )
+            for (n in ((o = a.expand(o)), delete e[r], o))
+              (n in e) || ((e[n] = o[n]), (t[n] = i));
+          else t[r] = i;
+      })(c, l.opts.specialEasing);
+      r < i;
+      r++
+    )
+      if ((n = lt.prefilters[r].call(l, o, c, l.opts)))
+        return (
+          m(n.stop) &&
+            (S._queueHooks(l.elem, l.opts.queue).stop = n.stop.bind(n)),
+          n
+        );
+    return (
+      S.map(c, ut, l),
+      m(l.opts.start) && l.opts.start.call(o, l),
+      l
+        .progress(l.opts.progress)
+        .done(l.opts.done, l.opts.complete)
+        .fail(l.opts.fail)
+        .always(l.opts.always),
+      S.fx.timer(S.extend(u, { elem: o, anim: l, queue: l.opts.queue })),
+      l
+    );
+  }
+  (S.Animation = S.extend(lt, {
+    tweeners: {
+      "*": [
+        function (e, t) {
+          var n = this.createTween(e, t);
+          return se(n.elem, e, te.exec(t), n), n;
+        },
+      ],
+    },
+    tweener: function (e, t) {
+      m(e) ? ((t = e), (e = ["*"])) : (e = e.match(P));
+      for (var n, r = 0, i = e.length; r < i; r++)
+        (n = e[r]),
+          (lt.tweeners[n] = lt.tweeners[n] || []),
+          lt.tweeners[n].unshift(t);
+    },
+    prefilters: [
+      function (e, t, n) {
+        var r,
+          i,
+          o,
+          a,
+          s,
+          u,
+          l,
+          c,
+          f = "width" in t || "height" in t,
+          p = this,
+          d = {},
+          h = e.style,
+          g = e.nodeType && ae(e),
+          v = Y.get(e, "fxshow");
+        for (r in (n.queue ||
+          (null == (a = S._queueHooks(e, "fx")).unqueued &&
+            ((a.unqueued = 0),
+            (s = a.empty.fire),
+            (a.empty.fire = function () {
+              a.unqueued || s();
+            })),
+          a.unqueued++,
+          p.always(function () {
+            p.always(function () {
+              a.unqueued--, S.queue(e, "fx").length || a.empty.fire();
+            });
+          })),
+        t))
+          if (((i = t[r]), rt.test(i))) {
+            if (
+              (delete t[r],
+              (o = o || "toggle" === i),
+              i === (g ? "hide" : "show"))
+            ) {
+              if ("show" !== i || !v || void 0 === v[r]) continue;
+              g = !0;
+            }
+            d[r] = (v && v[r]) || S.style(e, r);
+          }
+        if ((u = !S.isEmptyObject(t)) || !S.isEmptyObject(d))
+          for (r in (f &&
+            1 === e.nodeType &&
+            ((n.overflow = [h.overflow, h.overflowX, h.overflowY]),
+            null == (l = v && v.display) && (l = Y.get(e, "display")),
+            "none" === (c = S.css(e, "display")) &&
+              (l
+                ? (c = l)
+                : (le([e], !0),
+                  (l = e.style.display || l),
+                  (c = S.css(e, "display")),
+                  le([e]))),
+            ("inline" === c || ("inline-block" === c && null != l)) &&
+              "none" === S.css(e, "float") &&
+              (u ||
+                (p.done(function () {
+                  h.display = l;
+                }),
+                null == l && ((c = h.display), (l = "none" === c ? "" : c))),
+              (h.display = "inline-block"))),
+          n.overflow &&
+            ((h.overflow = "hidden"),
+            p.always(function () {
+              (h.overflow = n.overflow[0]),
+                (h.overflowX = n.overflow[1]),
+                (h.overflowY = n.overflow[2]);
+            })),
+          (u = !1),
+          d))
+            u ||
+              (v
+                ? "hidden" in v && (g = v.hidden)
+                : (v = Y.access(e, "fxshow", { display: l })),
+              o && (v.hidden = !g),
+              g && le([e], !0),
+              p.done(function () {
+                for (r in (g || le([e]), Y.remove(e, "fxshow"), d))
+                  S.style(e, r, d[r]);
+              })),
+              (u = ut(g ? v[r] : 0, r, p)),
+              r in v ||
+                ((v[r] = u.start), g && ((u.end = u.start), (u.start = 0)));
+      },
+    ],
+    prefilter: function (e, t) {
+      t ? lt.prefilters.unshift(e) : lt.prefilters.push(e);
+    },
+  })),
+    (S.speed = function (e, t, n) {
+      var r =
+        e && "object" == typeof e
+          ? S.extend({}, e)
+          : {
+              complete: n || (!n && t) || (m(e) && e),
+              duration: e,
+              easing: (n && t) || (t && !m(t) && t),
+            };
+      return (
+        S.fx.off
+          ? (r.duration = 0)
+          : "number" != typeof r.duration &&
+            (r.duration in S.fx.speeds
+              ? (r.duration = S.fx.speeds[r.duration])
+              : (r.duration = S.fx.speeds._default)),
+        (null != r.queue && !0 !== r.queue) || (r.queue = "fx"),
+        (r.old = r.complete),
+        (r.complete = function () {
+          m(r.old) && r.old.call(this), r.queue && S.dequeue(this, r.queue);
+        }),
+        r
+      );
+    }),
+    S.fn.extend({
+      fadeTo: function (e, t, n, r) {
+        return this.filter(ae)
+          .css("opacity", 0)
+          .show()
+          .end()
+          .animate({ opacity: t }, e, n, r);
+      },
+      animate: function (t, e, n, r) {
+        var i = S.isEmptyObject(t),
+          o = S.speed(e, n, r),
+          a = function () {
+            var e = lt(this, S.extend({}, t), o);
+            (i || Y.get(this, "finish")) && e.stop(!0);
+          };
+        return (
+          (a.finish = a),
+          i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
+        );
+      },
+      stop: function (i, e, o) {
+        var a = function (e) {
+          var t = e.stop;
+          delete e.stop, t(o);
+        };
+        return (
+          "string" != typeof i && ((o = e), (e = i), (i = void 0)),
+          e && this.queue(i || "fx", []),
+          this.each(function () {
+            var e = !0,
+              t = null != i && i + "queueHooks",
+              n = S.timers,
+              r = Y.get(this);
+            if (t) r[t] && r[t].stop && a(r[t]);
+            else for (t in r) r[t] && r[t].stop && it.test(t) && a(r[t]);
+            for (t = n.length; t--; )
+              n[t].elem !== this ||
+                (null != i && n[t].queue !== i) ||
+                (n[t].anim.stop(o), (e = !1), n.splice(t, 1));
+            (!e && o) || S.dequeue(this, i);
+          })
+        );
+      },
+      finish: function (a) {
+        return (
+          !1 !== a && (a = a || "fx"),
+          this.each(function () {
+            var e,
+              t = Y.get(this),
+              n = t[a + "queue"],
+              r = t[a + "queueHooks"],
+              i = S.timers,
+              o = n ? n.length : 0;
+            for (
+              t.finish = !0,
+                S.queue(this, a, []),
+                r && r.stop && r.stop.call(this, !0),
+                e = i.length;
+              e--;
+
+            )
+              i[e].elem === this &&
+                i[e].queue === a &&
+                (i[e].anim.stop(!0), i.splice(e, 1));
+            for (e = 0; e < o; e++)
+              n[e] && n[e].finish && n[e].finish.call(this);
+            delete t.finish;
+          })
+        );
+      },
+    }),
+    S.each(["toggle", "show", "hide"], function (e, r) {
+      var i = S.fn[r];
+      S.fn[r] = function (e, t, n) {
+        return null == e || "boolean" == typeof e
+          ? i.apply(this, arguments)
+          : this.animate(st(r, !0), e, t, n);
+      };
+    }),
+    S.each(
+      {
+        slideDown: st("show"),
+        slideUp: st("hide"),
+        slideToggle: st("toggle"),
+        fadeIn: { opacity: "show" },
+        fadeOut: { opacity: "hide" },
+        fadeToggle: { opacity: "toggle" },
+      },
+      function (e, r) {
+        S.fn[e] = function (e, t, n) {
+          return this.animate(r, e, t, n);
+        };
+      }
+    ),
+    (S.timers = []),
+    (S.fx.tick = function () {
+      var e,
+        t = 0,
+        n = S.timers;
+      for (Ze = Date.now(); t < n.length; t++)
+        (e = n[t])() || n[t] !== e || n.splice(t--, 1);
+      n.length || S.fx.stop(), (Ze = void 0);
+    }),
+    (S.fx.timer = function (e) {
+      S.timers.push(e), S.fx.start();
+    }),
+    (S.fx.interval = 13),
+    (S.fx.start = function () {
+      et || ((et = !0), ot());
+    }),
+    (S.fx.stop = function () {
+      et = null;
+    }),
+    (S.fx.speeds = { slow: 600, fast: 200, _default: 400 }),
+    (S.fn.delay = function (r, e) {
+      return (
+        (r = (S.fx && S.fx.speeds[r]) || r),
+        (e = e || "fx"),
+        this.queue(e, function (e, t) {
+          var n = C.setTimeout(e, r);
+          t.stop = function () {
+            C.clearTimeout(n);
+          };
+        })
+      );
+    }),
+    (tt = E.createElement("input")),
+    (nt = E.createElement("select").appendChild(E.createElement("option"))),
+    (tt.type = "checkbox"),
+    (y.checkOn = "" !== tt.value),
+    (y.optSelected = nt.selected),
+    ((tt = E.createElement("input")).value = "t"),
+    (tt.type = "radio"),
+    (y.radioValue = "t" === tt.value);
+  var ct,
+    ft = S.expr.attrHandle;
+  S.fn.extend({
+    attr: function (e, t) {
+      return $(this, S.attr, e, t, 1 < arguments.length);
+    },
+    removeAttr: function (e) {
+      return this.each(function () {
+        S.removeAttr(this, e);
+      });
+    },
+  }),
+    S.extend({
+      attr: function (e, t, n) {
+        var r,
+          i,
+          o = e.nodeType;
+        if (3 !== o && 8 !== o && 2 !== o)
+          return "undefined" == typeof e.getAttribute
+            ? S.prop(e, t, n)
+            : ((1 === o && S.isXMLDoc(e)) ||
+                (i =
+                  S.attrHooks[t.toLowerCase()] ||
+                  (S.expr.match.bool.test(t) ? ct : void 0)),
+              void 0 !== n
+                ? null === n
+                  ? void S.removeAttr(e, t)
+                  : i && "set" in i && void 0 !== (r = i.set(e, n, t))
+                  ? r
+                  : (e.setAttribute(t, n + ""), n)
+                : i && "get" in i && null !== (r = i.get(e, t))
+                ? r
+                : null == (r = S.find.attr(e, t))
+                ? void 0
+                : r);
+      },
+      attrHooks: {
+        type: {
+          set: function (e, t) {
+            if (!y.radioValue && "radio" === t && A(e, "input")) {
+              var n = e.value;
+              return e.setAttribute("type", t), n && (e.value = n), t;
+            }
+          },
+        },
+      },
+      removeAttr: function (e, t) {
+        var n,
+          r = 0,
+          i = t && t.match(P);
+        if (i && 1 === e.nodeType) while ((n = i[r++])) e.removeAttribute(n);
+      },
+    }),
+    (ct = {
+      set: function (e, t, n) {
+        return !1 === t ? S.removeAttr(e, n) : e.setAttribute(n, n), n;
+      },
+    }),
+    S.each(S.expr.match.bool.source.match(/\w+/g), function (e, t) {
+      var a = ft[t] || S.find.attr;
+      ft[t] = function (e, t, n) {
+        var r,
+          i,
+          o = t.toLowerCase();
+        return (
+          n ||
+            ((i = ft[o]),
+            (ft[o] = r),
+            (r = null != a(e, t, n) ? o : null),
+            (ft[o] = i)),
+          r
+        );
+      };
+    });
+  var pt = /^(?:input|select|textarea|button)$/i,
+    dt = /^(?:a|area)$/i;
+  function ht(e) {
+    return (e.match(P) || []).join(" ");
+  }
+  function gt(e) {
+    return (e.getAttribute && e.getAttribute("class")) || "";
+  }
+  function vt(e) {
+    return Array.isArray(e) ? e : ("string" == typeof e && e.match(P)) || [];
+  }
+  S.fn.extend({
+    prop: function (e, t) {
+      return $(this, S.prop, e, t, 1 < arguments.length);
+    },
+    removeProp: function (e) {
+      return this.each(function () {
+        delete this[S.propFix[e] || e];
+      });
+    },
+  }),
+    S.extend({
+      prop: function (e, t, n) {
+        var r,
+          i,
+          o = e.nodeType;
+        if (3 !== o && 8 !== o && 2 !== o)
+          return (
+            (1 === o && S.isXMLDoc(e)) ||
+              ((t = S.propFix[t] || t), (i = S.propHooks[t])),
+            void 0 !== n
+              ? i && "set" in i && void 0 !== (r = i.set(e, n, t))
+                ? r
+                : (e[t] = n)
+              : i && "get" in i && null !== (r = i.get(e, t))
+              ? r
+              : e[t]
+          );
+      },
+      propHooks: {
+        tabIndex: {
+          get: function (e) {
+            var t = S.find.attr(e, "tabindex");
+            return t
+              ? parseInt(t, 10)
+              : pt.test(e.nodeName) || (dt.test(e.nodeName) && e.href)
+              ? 0
+              : -1;
+          },
+        },
+      },
+      propFix: { for: "htmlFor", class: "className" },
+    }),
+    y.optSelected ||
+      (S.propHooks.selected = {
+        get: function (e) {
+          var t = e.parentNode;
+          return t && t.parentNode && t.parentNode.selectedIndex, null;
+        },
+        set: function (e) {
+          var t = e.parentNode;
+          t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex);
+        },
+      }),
+    S.each(
+      [
+        "tabIndex",
+        "readOnly",
+        "maxLength",
+        "cellSpacing",
+        "cellPadding",
+        "rowSpan",
+        "colSpan",
+        "useMap",
+        "frameBorder",
+        "contentEditable",
+      ],
+      function () {
+        S.propFix[this.toLowerCase()] = this;
+      }
+    ),
+    S.fn.extend({
+      addClass: function (t) {
+        var e,
+          n,
+          r,
+          i,
+          o,
+          a,
+          s,
+          u = 0;
+        if (m(t))
+          return this.each(function (e) {
+            S(this).addClass(t.call(this, e, gt(this)));
+          });
+        if ((e = vt(t)).length)
+          while ((n = this[u++]))
+            if (((i = gt(n)), (r = 1 === n.nodeType && " " + ht(i) + " "))) {
+              a = 0;
+              while ((o = e[a++]))
+                r.indexOf(" " + o + " ") < 0 && (r += o + " ");
+              i !== (s = ht(r)) && n.setAttribute("class", s);
+            }
+        return this;
+      },
+      removeClass: function (t) {
+        var e,
+          n,
+          r,
+          i,
+          o,
+          a,
+          s,
+          u = 0;
+        if (m(t))
+          return this.each(function (e) {
+            S(this).removeClass(t.call(this, e, gt(this)));
+          });
+        if (!arguments.length) return this.attr("class", "");
+        if ((e = vt(t)).length)
+          while ((n = this[u++]))
+            if (((i = gt(n)), (r = 1 === n.nodeType && " " + ht(i) + " "))) {
+              a = 0;
+              while ((o = e[a++]))
+                while (-1 < r.indexOf(" " + o + " "))
+                  r = r.replace(" " + o + " ", " ");
+              i !== (s = ht(r)) && n.setAttribute("class", s);
+            }
+        return this;
+      },
+      toggleClass: function (i, t) {
+        var o = typeof i,
+          a = "string" === o || Array.isArray(i);
+        return "boolean" == typeof t && a
+          ? t
+            ? this.addClass(i)
+            : this.removeClass(i)
+          : m(i)
+          ? this.each(function (e) {
+              S(this).toggleClass(i.call(this, e, gt(this), t), t);
+            })
+          : this.each(function () {
+              var e, t, n, r;
+              if (a) {
+                (t = 0), (n = S(this)), (r = vt(i));
+                while ((e = r[t++]))
+                  n.hasClass(e) ? n.removeClass(e) : n.addClass(e);
+              } else (void 0 !== i && "boolean" !== o) || ((e = gt(this)) && Y.set(this, "__className__", e), this.setAttribute && this.setAttribute("class", e || !1 === i ? "" : Y.get(this, "__className__") || ""));
+            });
+      },
+      hasClass: function (e) {
+        var t,
+          n,
+          r = 0;
+        t = " " + e + " ";
+        while ((n = this[r++]))
+          if (1 === n.nodeType && -1 < (" " + ht(gt(n)) + " ").indexOf(t))
+            return !0;
+        return !1;
+      },
+    });
+  var yt = /\r/g;
+  S.fn.extend({
+    val: function (n) {
+      var r,
+        e,
+        i,
+        t = this[0];
+      return arguments.length
+        ? ((i = m(n)),
+          this.each(function (e) {
+            var t;
+            1 === this.nodeType &&
+              (null == (t = i ? n.call(this, e, S(this).val()) : n)
+                ? (t = "")
+                : "number" == typeof t
+                ? (t += "")
+                : Array.isArray(t) &&
+                  (t = S.map(t, function (e) {
+                    return null == e ? "" : e + "";
+                  })),
+              ((r =
+                S.valHooks[this.type] ||
+                S.valHooks[this.nodeName.toLowerCase()]) &&
+                "set" in r &&
+                void 0 !== r.set(this, t, "value")) ||
+                (this.value = t));
+          }))
+        : t
+        ? (r = S.valHooks[t.type] || S.valHooks[t.nodeName.toLowerCase()]) &&
+          "get" in r &&
+          void 0 !== (e = r.get(t, "value"))
+          ? e
+          : "string" == typeof (e = t.value)
+          ? e.replace(yt, "")
+          : null == e
+          ? ""
+          : e
+        : void 0;
+    },
+  }),
+    S.extend({
+      valHooks: {
+        option: {
+          get: function (e) {
+            var t = S.find.attr(e, "value");
+            return null != t ? t : ht(S.text(e));
+          },
+        },
+        select: {
+          get: function (e) {
+            var t,
+              n,
+              r,
+              i = e.options,
+              o = e.selectedIndex,
+              a = "select-one" === e.type,
+              s = a ? null : [],
+              u = a ? o + 1 : i.length;
+            for (r = o < 0 ? u : a ? o : 0; r < u; r++)
+              if (
+                ((n = i[r]).selected || r === o) &&
+                !n.disabled &&
+                (!n.parentNode.disabled || !A(n.parentNode, "optgroup"))
+              ) {
+                if (((t = S(n).val()), a)) return t;
+                s.push(t);
+              }
+            return s;
+          },
+          set: function (e, t) {
+            var n,
+              r,
+              i = e.options,
+              o = S.makeArray(t),
+              a = i.length;
+            while (a--)
+              ((r = i[a]).selected =
+                -1 < S.inArray(S.valHooks.option.get(r), o)) && (n = !0);
+            return n || (e.selectedIndex = -1), o;
+          },
+        },
+      },
+    }),
+    S.each(["radio", "checkbox"], function () {
+      (S.valHooks[this] = {
+        set: function (e, t) {
+          if (Array.isArray(t))
+            return (e.checked = -1 < S.inArray(S(e).val(), t));
+        },
+      }),
+        y.checkOn ||
+          (S.valHooks[this].get = function (e) {
+            return null === e.getAttribute("value") ? "on" : e.value;
+          });
+    }),
+    (y.focusin = "onfocusin" in C);
+  var mt = /^(?:focusinfocus|focusoutblur)$/,
+    xt = function (e) {
+      e.stopPropagation();
+    };
+  S.extend(S.event, {
+    trigger: function (e, t, n, r) {
+      var i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p = [n || E],
+        d = v.call(e, "type") ? e.type : e,
+        h = v.call(e, "namespace") ? e.namespace.split(".") : [];
+      if (
+        ((o = f = a = n = n || E),
+        3 !== n.nodeType &&
+          8 !== n.nodeType &&
+          !mt.test(d + S.event.triggered) &&
+          (-1 < d.indexOf(".") && ((d = (h = d.split(".")).shift()), h.sort()),
+          (u = d.indexOf(":") < 0 && "on" + d),
+          ((e = e[S.expando]
+            ? e
+            : new S.Event(d, "object" == typeof e && e)).isTrigger = r ? 2 : 3),
+          (e.namespace = h.join(".")),
+          (e.rnamespace = e.namespace
+            ? new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)")
+            : null),
+          (e.result = void 0),
+          e.target || (e.target = n),
+          (t = null == t ? [e] : S.makeArray(t, [e])),
+          (c = S.event.special[d] || {}),
+          r || !c.trigger || !1 !== c.trigger.apply(n, t)))
+      ) {
+        if (!r && !c.noBubble && !x(n)) {
+          for (
+            s = c.delegateType || d, mt.test(s + d) || (o = o.parentNode);
+            o;
+            o = o.parentNode
+          )
+            p.push(o), (a = o);
+          a === (n.ownerDocument || E) &&
+            p.push(a.defaultView || a.parentWindow || C);
+        }
+        i = 0;
+        while ((o = p[i++]) && !e.isPropagationStopped())
+          (f = o),
+            (e.type = 1 < i ? s : c.bindType || d),
+            (l =
+              (Y.get(o, "events") || Object.create(null))[e.type] &&
+              Y.get(o, "handle")) && l.apply(o, t),
+            (l = u && o[u]) &&
+              l.apply &&
+              V(o) &&
+              ((e.result = l.apply(o, t)),
+              !1 === e.result && e.preventDefault());
+        return (
+          (e.type = d),
+          r ||
+            e.isDefaultPrevented() ||
+            (c._default && !1 !== c._default.apply(p.pop(), t)) ||
+            !V(n) ||
+            (u &&
+              m(n[d]) &&
+              !x(n) &&
+              ((a = n[u]) && (n[u] = null),
+              (S.event.triggered = d),
+              e.isPropagationStopped() && f.addEventListener(d, xt),
+              n[d](),
+              e.isPropagationStopped() && f.removeEventListener(d, xt),
+              (S.event.triggered = void 0),
+              a && (n[u] = a))),
+          e.result
+        );
+      }
+    },
+    simulate: function (e, t, n) {
+      var r = S.extend(new S.Event(), n, { type: e, isSimulated: !0 });
+      S.event.trigger(r, null, t);
+    },
+  }),
+    S.fn.extend({
+      trigger: function (e, t) {
+        return this.each(function () {
+          S.event.trigger(e, t, this);
+        });
+      },
+      triggerHandler: function (e, t) {
+        var n = this[0];
+        if (n) return S.event.trigger(e, t, n, !0);
+      },
+    }),
+    y.focusin ||
+      S.each({ focus: "focusin", blur: "focusout" }, function (n, r) {
+        var i = function (e) {
+          S.event.simulate(r, e.target, S.event.fix(e));
+        };
+        S.event.special[r] = {
+          setup: function () {
+            var e = this.ownerDocument || this.document || this,
+              t = Y.access(e, r);
+            t || e.addEventListener(n, i, !0), Y.access(e, r, (t || 0) + 1);
+          },
+          teardown: function () {
+            var e = this.ownerDocument || this.document || this,
+              t = Y.access(e, r) - 1;
+            t
+              ? Y.access(e, r, t)
+              : (e.removeEventListener(n, i, !0), Y.remove(e, r));
+          },
+        };
+      });
+  var bt = C.location,
+    wt = { guid: Date.now() },
+    Tt = /\?/;
+  S.parseXML = function (e) {
+    var t, n;
+    if (!e || "string" != typeof e) return null;
+    try {
+      t = new C.DOMParser().parseFromString(e, "text/xml");
+    } catch (e) {}
+    return (
+      (n = t && t.getElementsByTagName("parsererror")[0]),
+      (t && !n) ||
+        S.error(
+          "Invalid XML: " +
+            (n
+              ? S.map(n.childNodes, function (e) {
+                  return e.textContent;
+                }).join("\n")
+              : e)
+        ),
+      t
+    );
+  };
+  var Ct = /\[\]$/,
+    Et = /\r?\n/g,
+    St = /^(?:submit|button|image|reset|file)$/i,
+    kt = /^(?:input|select|textarea|keygen)/i;
+  function At(n, e, r, i) {
+    var t;
+    if (Array.isArray(e))
+      S.each(e, function (e, t) {
+        r || Ct.test(n)
+          ? i(n, t)
+          : At(
+              n + "[" + ("object" == typeof t && null != t ? e : "") + "]",
+              t,
+              r,
+              i
+            );
+      });
+    else if (r || "object" !== w(e)) i(n, e);
+    else for (t in e) At(n + "[" + t + "]", e[t], r, i);
+  }
+  (S.param = function (e, t) {
+    var n,
+      r = [],
+      i = function (e, t) {
+        var n = m(t) ? t() : t;
+        r[r.length] =
+          encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n);
+      };
+    if (null == e) return "";
+    if (Array.isArray(e) || (e.jquery && !S.isPlainObject(e)))
+      S.each(e, function () {
+        i(this.name, this.value);
+      });
+    else for (n in e) At(n, e[n], t, i);
+    return r.join("&");
+  }),
+    S.fn.extend({
+      serialize: function () {
+        return S.param(this.serializeArray());
+      },
+      serializeArray: function () {
+        return this.map(function () {
+          var e = S.prop(this, "elements");
+          return e ? S.makeArray(e) : this;
+        })
+          .filter(function () {
+            var e = this.type;
+            return (
+              this.name &&
+              !S(this).is(":disabled") &&
+              kt.test(this.nodeName) &&
+              !St.test(e) &&
+              (this.checked || !pe.test(e))
+            );
+          })
+          .map(function (e, t) {
+            var n = S(this).val();
+            return null == n
+              ? null
+              : Array.isArray(n)
+              ? S.map(n, function (e) {
+                  return { name: t.name, value: e.replace(Et, "\r\n") };
+                })
+              : { name: t.name, value: n.replace(Et, "\r\n") };
+          })
+          .get();
+      },
+    });
+  var Nt = /%20/g,
+    jt = /#.*$/,
+    Dt = /([?&])_=[^&]*/,
+    qt = /^(.*?):[ \t]*([^\r\n]*)$/gm,
+    Lt = /^(?:GET|HEAD)$/,
+    Ht = /^\/\//,
+    Ot = {},
+    Pt = {},
+    Rt = "*/".concat("*"),
+    Mt = E.createElement("a");
+  function It(o) {
+    return function (e, t) {
+      "string" != typeof e && ((t = e), (e = "*"));
+      var n,
+        r = 0,
+        i = e.toLowerCase().match(P) || [];
+      if (m(t))
+        while ((n = i[r++]))
+          "+" === n[0]
+            ? ((n = n.slice(1) || "*"), (o[n] = o[n] || []).unshift(t))
+            : (o[n] = o[n] || []).push(t);
+    };
+  }
+  function Wt(t, i, o, a) {
+    var s = {},
+      u = t === Pt;
+    function l(e) {
+      var r;
+      return (
+        (s[e] = !0),
+        S.each(t[e] || [], function (e, t) {
+          var n = t(i, o, a);
+          return "string" != typeof n || u || s[n]
+            ? u
+              ? !(r = n)
+              : void 0
+            : (i.dataTypes.unshift(n), l(n), !1);
+        }),
+        r
+      );
+    }
+    return l(i.dataTypes[0]) || (!s["*"] && l("*"));
+  }
+  function Ft(e, t) {
+    var n,
+      r,
+      i = S.ajaxSettings.flatOptions || {};
+    for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
+    return r && S.extend(!0, e, r), e;
+  }
+  (Mt.href = bt.href),
+    S.extend({
+      active: 0,
+      lastModified: {},
+      etag: {},
+      ajaxSettings: {
+        url: bt.href,
+        type: "GET",
+        isLocal:
+          /^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(
+            bt.protocol
+          ),
+        global: !0,
+        processData: !0,
+        async: !0,
+        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+        accepts: {
+          "*": Rt,
+          text: "text/plain",
+          html: "text/html",
+          xml: "application/xml, text/xml",
+          json: "application/json, text/javascript",
+        },
+        contents: { xml: /\bxml\b/, html: /\bhtml/, json: /\bjson\b/ },
+        responseFields: {
+          xml: "responseXML",
+          text: "responseText",
+          json: "responseJSON",
+        },
+        converters: {
+          "* text": String,
+          "text html": !0,
+          "text json": JSON.parse,
+          "text xml": S.parseXML,
+        },
+        flatOptions: { url: !0, context: !0 },
+      },
+      ajaxSetup: function (e, t) {
+        return t ? Ft(Ft(e, S.ajaxSettings), t) : Ft(S.ajaxSettings, e);
+      },
+      ajaxPrefilter: It(Ot),
+      ajaxTransport: It(Pt),
+      ajax: function (e, t) {
+        "object" == typeof e && ((t = e), (e = void 0)), (t = t || {});
+        var c,
+          f,
+          p,
+          n,
+          d,
+          r,
+          h,
+          g,
+          i,
+          o,
+          v = S.ajaxSetup({}, t),
+          y = v.context || v,
+          m = v.context && (y.nodeType || y.jquery) ? S(y) : S.event,
+          x = S.Deferred(),
+          b = S.Callbacks("once memory"),
+          w = v.statusCode || {},
+          a = {},
+          s = {},
+          u = "canceled",
+          T = {
+            readyState: 0,
+            getResponseHeader: function (e) {
+              var t;
+              if (h) {
+                if (!n) {
+                  n = {};
+                  while ((t = qt.exec(p)))
+                    n[t[1].toLowerCase() + " "] = (
+                      n[t[1].toLowerCase() + " "] || []
+                    ).concat(t[2]);
+                }
+                t = n[e.toLowerCase() + " "];
+              }
+              return null == t ? null : t.join(", ");
+            },
+            getAllResponseHeaders: function () {
+              return h ? p : null;
+            },
+            setRequestHeader: function (e, t) {
+              return (
+                null == h &&
+                  ((e = s[e.toLowerCase()] = s[e.toLowerCase()] || e),
+                  (a[e] = t)),
+                this
+              );
+            },
+            overrideMimeType: function (e) {
+              return null == h && (v.mimeType = e), this;
+            },
+            statusCode: function (e) {
+              var t;
+              if (e)
+                if (h) T.always(e[T.status]);
+                else for (t in e) w[t] = [w[t], e[t]];
+              return this;
+            },
+            abort: function (e) {
+              var t = e || u;
+              return c && c.abort(t), l(0, t), this;
+            },
+          };
+        if (
+          (x.promise(T),
+          (v.url = ((e || v.url || bt.href) + "").replace(
+            Ht,
+            bt.protocol + "//"
+          )),
+          (v.type = t.method || t.type || v.method || v.type),
+          (v.dataTypes = (v.dataType || "*").toLowerCase().match(P) || [""]),
+          null == v.crossDomain)
+        ) {
+          r = E.createElement("a");
+          try {
+            (r.href = v.url),
+              (r.href = r.href),
+              (v.crossDomain =
+                Mt.protocol + "//" + Mt.host != r.protocol + "//" + r.host);
+          } catch (e) {
+            v.crossDomain = !0;
+          }
+        }
+        if (
+          (v.data &&
+            v.processData &&
+            "string" != typeof v.data &&
+            (v.data = S.param(v.data, v.traditional)),
+          Wt(Ot, v, t, T),
+          h)
+        )
+          return T;
+        for (i in ((g = S.event && v.global) &&
+          0 == S.active++ &&
+          S.event.trigger("ajaxStart"),
+        (v.type = v.type.toUpperCase()),
+        (v.hasContent = !Lt.test(v.type)),
+        (f = v.url.replace(jt, "")),
+        v.hasContent
+          ? v.data &&
+            v.processData &&
+            0 ===
+              (v.contentType || "").indexOf(
+                "application/x-www-form-urlencoded"
+              ) &&
+            (v.data = v.data.replace(Nt, "+"))
+          : ((o = v.url.slice(f.length)),
+            v.data &&
+              (v.processData || "string" == typeof v.data) &&
+              ((f += (Tt.test(f) ? "&" : "?") + v.data), delete v.data),
+            !1 === v.cache &&
+              ((f = f.replace(Dt, "$1")),
+              (o = (Tt.test(f) ? "&" : "?") + "_=" + wt.guid++ + o)),
+            (v.url = f + o)),
+        v.ifModified &&
+          (S.lastModified[f] &&
+            T.setRequestHeader("If-Modified-Since", S.lastModified[f]),
+          S.etag[f] && T.setRequestHeader("If-None-Match", S.etag[f])),
+        ((v.data && v.hasContent && !1 !== v.contentType) || t.contentType) &&
+          T.setRequestHeader("Content-Type", v.contentType),
+        T.setRequestHeader(
+          "Accept",
+          v.dataTypes[0] && v.accepts[v.dataTypes[0]]
+            ? v.accepts[v.dataTypes[0]] +
+                ("*" !== v.dataTypes[0] ? ", " + Rt + "; q=0.01" : "")
+            : v.accepts["*"]
+        ),
+        v.headers))
+          T.setRequestHeader(i, v.headers[i]);
+        if (v.beforeSend && (!1 === v.beforeSend.call(y, T, v) || h))
+          return T.abort();
+        if (
+          ((u = "abort"),
+          b.add(v.complete),
+          T.done(v.success),
+          T.fail(v.error),
+          (c = Wt(Pt, v, t, T)))
+        ) {
+          if (((T.readyState = 1), g && m.trigger("ajaxSend", [T, v]), h))
+            return T;
+          v.async &&
+            0 < v.timeout &&
+            (d = C.setTimeout(function () {
+              T.abort("timeout");
+            }, v.timeout));
+          try {
+            (h = !1), c.send(a, l);
+          } catch (e) {
+            if (h) throw e;
+            l(-1, e);
+          }
+        } else l(-1, "No Transport");
+        function l(e, t, n, r) {
+          var i,
+            o,
+            a,
+            s,
+            u,
+            l = t;
+          h ||
+            ((h = !0),
+            d && C.clearTimeout(d),
+            (c = void 0),
+            (p = r || ""),
+            (T.readyState = 0 < e ? 4 : 0),
+            (i = (200 <= e && e < 300) || 304 === e),
+            n &&
+              (s = (function (e, t, n) {
+                var r,
+                  i,
+                  o,
+                  a,
+                  s = e.contents,
+                  u = e.dataTypes;
+                while ("*" === u[0])
+                  u.shift(),
+                    void 0 === r &&
+                      (r = e.mimeType || t.getResponseHeader("Content-Type"));
+                if (r)
+                  for (i in s)
+                    if (s[i] && s[i].test(r)) {
+                      u.unshift(i);
+                      break;
+                    }
+                if (u[0] in n) o = u[0];
+                else {
+                  for (i in n) {
+                    if (!u[0] || e.converters[i + " " + u[0]]) {
+                      o = i;
+                      break;
+                    }
+                    a || (a = i);
+                  }
+                  o = o || a;
+                }
+                if (o) return o !== u[0] && u.unshift(o), n[o];
+              })(v, T, n)),
+            !i &&
+              -1 < S.inArray("script", v.dataTypes) &&
+              S.inArray("json", v.dataTypes) < 0 &&
+              (v.converters["text script"] = function () {}),
+            (s = (function (e, t, n, r) {
+              var i,
+                o,
+                a,
+                s,
+                u,
+                l = {},
+                c = e.dataTypes.slice();
+              if (c[1])
+                for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
+              o = c.shift();
+              while (o)
+                if (
+                  (e.responseFields[o] && (n[e.responseFields[o]] = t),
+                  !u && r && e.dataFilter && (t = e.dataFilter(t, e.dataType)),
+                  (u = o),
+                  (o = c.shift()))
+                )
+                  if ("*" === o) o = u;
+                  else if ("*" !== u && u !== o) {
+                    if (!(a = l[u + " " + o] || l["* " + o]))
+                      for (i in l)
+                        if (
+                          (s = i.split(" "))[1] === o &&
+                          (a = l[u + " " + s[0]] || l["* " + s[0]])
+                        ) {
+                          !0 === a
+                            ? (a = l[i])
+                            : !0 !== l[i] && ((o = s[0]), c.unshift(s[1]));
+                          break;
+                        }
+                    if (!0 !== a)
+                      if (a && e["throws"]) t = a(t);
+                      else
+                        try {
+                          t = a(t);
+                        } catch (e) {
+                          return {
+                            state: "parsererror",
+                            error: a
+                              ? e
+                              : "No conversion from " + u + " to " + o,
+                          };
+                        }
+                  }
+              return { state: "success", data: t };
+            })(v, s, T, i)),
+            i
+              ? (v.ifModified &&
+                  ((u = T.getResponseHeader("Last-Modified")) &&
+                    (S.lastModified[f] = u),
+                  (u = T.getResponseHeader("etag")) && (S.etag[f] = u)),
+                204 === e || "HEAD" === v.type
+                  ? (l = "nocontent")
+                  : 304 === e
+                  ? (l = "notmodified")
+                  : ((l = s.state), (o = s.data), (i = !(a = s.error))))
+              : ((a = l), (!e && l) || ((l = "error"), e < 0 && (e = 0))),
+            (T.status = e),
+            (T.statusText = (t || l) + ""),
+            i ? x.resolveWith(y, [o, l, T]) : x.rejectWith(y, [T, l, a]),
+            T.statusCode(w),
+            (w = void 0),
+            g && m.trigger(i ? "ajaxSuccess" : "ajaxError", [T, v, i ? o : a]),
+            b.fireWith(y, [T, l]),
+            g &&
+              (m.trigger("ajaxComplete", [T, v]),
+              --S.active || S.event.trigger("ajaxStop")));
+        }
+        return T;
+      },
+      getJSON: function (e, t, n) {
+        return S.get(e, t, n, "json");
+      },
+      getScript: function (e, t) {
+        return S.get(e, void 0, t, "script");
+      },
+    }),
+    S.each(["get", "post"], function (e, i) {
+      S[i] = function (e, t, n, r) {
+        return (
+          m(t) && ((r = r || n), (n = t), (t = void 0)),
+          S.ajax(
+            S.extend(
+              { url: e, type: i, dataType: r, data: t, success: n },
+              S.isPlainObject(e) && e
+            )
+          )
+        );
+      };
+    }),
+    S.ajaxPrefilter(function (e) {
+      var t;
+      for (t in e.headers)
+        "content-type" === t.toLowerCase() &&
+          (e.contentType = e.headers[t] || "");
+    }),
+    (S._evalUrl = function (e, t, n) {
+      return S.ajax({
+        url: e,
+        type: "GET",
+        dataType: "script",
+        cache: !0,
+        async: !1,
+        global: !1,
+        converters: { "text script": function () {} },
+        dataFilter: function (e) {
+          S.globalEval(e, t, n);
+        },
+      });
+    }),
+    S.fn.extend({
+      wrapAll: function (e) {
+        var t;
+        return (
+          this[0] &&
+            (m(e) && (e = e.call(this[0])),
+            (t = S(e, this[0].ownerDocument).eq(0).clone(!0)),
+            this[0].parentNode && t.insertBefore(this[0]),
+            t
+              .map(function () {
+                var e = this;
+                while (e.firstElementChild) e = e.firstElementChild;
+                return e;
+              })
+              .append(this)),
+          this
+        );
+      },
+      wrapInner: function (n) {
+        return m(n)
+          ? this.each(function (e) {
+              S(this).wrapInner(n.call(this, e));
+            })
+          : this.each(function () {
+              var e = S(this),
+                t = e.contents();
+              t.length ? t.wrapAll(n) : e.append(n);
+            });
+      },
+      wrap: function (t) {
+        var n = m(t);
+        return this.each(function (e) {
+          S(this).wrapAll(n ? t.call(this, e) : t);
+        });
+      },
+      unwrap: function (e) {
+        return (
+          this.parent(e)
+            .not("body")
+            .each(function () {
+              S(this).replaceWith(this.childNodes);
+            }),
+          this
+        );
+      },
+    }),
+    (S.expr.pseudos.hidden = function (e) {
+      return !S.expr.pseudos.visible(e);
+    }),
+    (S.expr.pseudos.visible = function (e) {
+      return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+    }),
+    (S.ajaxSettings.xhr = function () {
+      try {
+        return new C.XMLHttpRequest();
+      } catch (e) {}
+    });
+  var Bt = { 0: 200, 1223: 204 },
+    $t = S.ajaxSettings.xhr();
+  (y.cors = !!$t && "withCredentials" in $t),
+    (y.ajax = $t = !!$t),
+    S.ajaxTransport(function (i) {
+      var o, a;
+      if (y.cors || ($t && !i.crossDomain))
+        return {
+          send: function (e, t) {
+            var n,
+              r = i.xhr();
+            if (
+              (r.open(i.type, i.url, i.async, i.username, i.password),
+              i.xhrFields)
+            )
+              for (n in i.xhrFields) r[n] = i.xhrFields[n];
+            for (n in (i.mimeType &&
+              r.overrideMimeType &&
+              r.overrideMimeType(i.mimeType),
+            i.crossDomain ||
+              e["X-Requested-With"] ||
+              (e["X-Requested-With"] = "XMLHttpRequest"),
+            e))
+              r.setRequestHeader(n, e[n]);
+            (o = function (e) {
+              return function () {
+                o &&
+                  ((o =
+                    a =
+                    r.onload =
+                    r.onerror =
+                    r.onabort =
+                    r.ontimeout =
+                    r.onreadystatechange =
+                      null),
+                  "abort" === e
+                    ? r.abort()
+                    : "error" === e
+                    ? "number" != typeof r.status
+                      ? t(0, "error")
+                      : t(r.status, r.statusText)
+                    : t(
+                        Bt[r.status] || r.status,
+                        r.statusText,
+                        "text" !== (r.responseType || "text") ||
+                          "string" != typeof r.responseText
+                          ? { binary: r.response }
+                          : { text: r.responseText },
+                        r.getAllResponseHeaders()
+                      ));
+              };
+            }),
+              (r.onload = o()),
+              (a = r.onerror = r.ontimeout = o("error")),
+              void 0 !== r.onabort
+                ? (r.onabort = a)
+                : (r.onreadystatechange = function () {
+                    4 === r.readyState &&
+                      C.setTimeout(function () {
+                        o && a();
+                      });
+                  }),
+              (o = o("abort"));
+            try {
+              r.send((i.hasContent && i.data) || null);
+            } catch (e) {
+              if (o) throw e;
+            }
+          },
+          abort: function () {
+            o && o();
+          },
+        };
+    }),
+    S.ajaxPrefilter(function (e) {
+      e.crossDomain && (e.contents.script = !1);
+    }),
+    S.ajaxSetup({
+      accepts: {
+        script:
+          "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript",
+      },
+      contents: { script: /\b(?:java|ecma)script\b/ },
+      converters: {
+        "text script": function (e) {
+          return S.globalEval(e), e;
+        },
+      },
+    }),
+    S.ajaxPrefilter("script", function (e) {
+      void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET");
+    }),
+    S.ajaxTransport("script", function (n) {
+      var r, i;
+      if (n.crossDomain || n.scriptAttrs)
+        return {
+          send: function (e, t) {
+            (r = S("<script>")
+              .attr(n.scriptAttrs || {})
+              .prop({ charset: n.scriptCharset, src: n.url })
+              .on(
+                "load error",
+                (i = function (e) {
+                  r.remove(),
+                    (i = null),
+                    e && t("error" === e.type ? 404 : 200, e.type);
+                })
+              )),
+              E.head.appendChild(r[0]);
+          },
+          abort: function () {
+            i && i();
+          },
+        };
+    });
+  var _t,
+    zt = [],
+    Ut = /(=)\?(?=&|$)|\?\?/;
+  S.ajaxSetup({
+    jsonp: "callback",
+    jsonpCallback: function () {
+      var e = zt.pop() || S.expando + "_" + wt.guid++;
+      return (this[e] = !0), e;
+    },
+  }),
+    S.ajaxPrefilter("json jsonp", function (e, t, n) {
+      var r,
+        i,
+        o,
+        a =
+          !1 !== e.jsonp &&
+          (Ut.test(e.url)
+            ? "url"
+            : "string" == typeof e.data &&
+              0 ===
+                (e.contentType || "").indexOf(
+                  "application/x-www-form-urlencoded"
+                ) &&
+              Ut.test(e.data) &&
+              "data");
+      if (a || "jsonp" === e.dataTypes[0])
+        return (
+          (r = e.jsonpCallback =
+            m(e.jsonpCallback) ? e.jsonpCallback() : e.jsonpCallback),
+          a
+            ? (e[a] = e[a].replace(Ut, "$1" + r))
+            : !1 !== e.jsonp &&
+              (e.url += (Tt.test(e.url) ? "&" : "?") + e.jsonp + "=" + r),
+          (e.converters["script json"] = function () {
+            return o || S.error(r + " was not called"), o[0];
+          }),
+          (e.dataTypes[0] = "json"),
+          (i = C[r]),
+          (C[r] = function () {
+            o = arguments;
+          }),
+          n.always(function () {
+            void 0 === i ? S(C).removeProp(r) : (C[r] = i),
+              e[r] && ((e.jsonpCallback = t.jsonpCallback), zt.push(r)),
+              o && m(i) && i(o[0]),
+              (o = i = void 0);
+          }),
+          "script"
+        );
+    }),
+    (y.createHTMLDocument =
+      (((_t = E.implementation.createHTMLDocument("").body).innerHTML =
+        "<form></form><form></form>"),
+      2 === _t.childNodes.length)),
+    (S.parseHTML = function (e, t, n) {
+      return "string" != typeof e
+        ? []
+        : ("boolean" == typeof t && ((n = t), (t = !1)),
+          t ||
+            (y.createHTMLDocument
+              ? (((r = (t =
+                  E.implementation.createHTMLDocument("")).createElement(
+                  "base"
+                )).href = E.location.href),
+                t.head.appendChild(r))
+              : (t = E)),
+          (o = !n && []),
+          (i = N.exec(e))
+            ? [t.createElement(i[1])]
+            : ((i = xe([e], t, o)),
+              o && o.length && S(o).remove(),
+              S.merge([], i.childNodes)));
+      var r, i, o;
+    }),
+    (S.fn.load = function (e, t, n) {
+      var r,
+        i,
+        o,
+        a = this,
+        s = e.indexOf(" ");
+      return (
+        -1 < s && ((r = ht(e.slice(s))), (e = e.slice(0, s))),
+        m(t)
+          ? ((n = t), (t = void 0))
+          : t && "object" == typeof t && (i = "POST"),
+        0 < a.length &&
+          S.ajax({ url: e, type: i || "GET", dataType: "html", data: t })
+            .done(function (e) {
+              (o = arguments),
+                a.html(r ? S("<div>").append(S.parseHTML(e)).find(r) : e);
+            })
+            .always(
+              n &&
+                function (e, t) {
+                  a.each(function () {
+                    n.apply(this, o || [e.responseText, t, e]);
+                  });
+                }
+            ),
+        this
+      );
+    }),
+    (S.expr.pseudos.animated = function (t) {
+      return S.grep(S.timers, function (e) {
+        return t === e.elem;
+      }).length;
+    }),
+    (S.offset = {
+      setOffset: function (e, t, n) {
+        var r,
+          i,
+          o,
+          a,
+          s,
+          u,
+          l = S.css(e, "position"),
+          c = S(e),
+          f = {};
+        "static" === l && (e.style.position = "relative"),
+          (s = c.offset()),
+          (o = S.css(e, "top")),
+          (u = S.css(e, "left")),
+          ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto")
+            ? ((a = (r = c.position()).top), (i = r.left))
+            : ((a = parseFloat(o) || 0), (i = parseFloat(u) || 0)),
+          m(t) && (t = t.call(e, n, S.extend({}, s))),
+          null != t.top && (f.top = t.top - s.top + a),
+          null != t.left && (f.left = t.left - s.left + i),
+          "using" in t ? t.using.call(e, f) : c.css(f);
+      },
+    }),
+    S.fn.extend({
+      offset: function (t) {
+        if (arguments.length)
+          return void 0 === t
+            ? this
+            : this.each(function (e) {
+                S.offset.setOffset(this, t, e);
+              });
+        var e,
+          n,
+          r = this[0];
+        return r
+          ? r.getClientRects().length
+            ? ((e = r.getBoundingClientRect()),
+              (n = r.ownerDocument.defaultView),
+              { top: e.top + n.pageYOffset, left: e.left + n.pageXOffset })
+            : { top: 0, left: 0 }
+          : void 0;
+      },
+      position: function () {
+        if (this[0]) {
+          var e,
+            t,
+            n,
+            r = this[0],
+            i = { top: 0, left: 0 };
+          if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
+          else {
+            (t = this.offset()),
+              (n = r.ownerDocument),
+              (e = r.offsetParent || n.documentElement);
+            while (
+              e &&
+              (e === n.body || e === n.documentElement) &&
+              "static" === S.css(e, "position")
+            )
+              e = e.parentNode;
+            e &&
+              e !== r &&
+              1 === e.nodeType &&
+              (((i = S(e).offset()).top += S.css(e, "borderTopWidth", !0)),
+              (i.left += S.css(e, "borderLeftWidth", !0)));
+          }
+          return {
+            top: t.top - i.top - S.css(r, "marginTop", !0),
+            left: t.left - i.left - S.css(r, "marginLeft", !0),
+          };
+        }
+      },
+      offsetParent: function () {
+        return this.map(function () {
+          var e = this.offsetParent;
+          while (e && "static" === S.css(e, "position")) e = e.offsetParent;
+          return e || re;
+        });
+      },
+    }),
+    S.each(
+      { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" },
+      function (t, i) {
+        var o = "pageYOffset" === i;
+        S.fn[t] = function (e) {
+          return $(
+            this,
+            function (e, t, n) {
+              var r;
+              if (
+                (x(e) ? (r = e) : 9 === e.nodeType && (r = e.defaultView),
+                void 0 === n)
+              )
+                return r ? r[i] : e[t];
+              r
+                ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset)
+                : (e[t] = n);
+            },
+            t,
+            e,
+            arguments.length
+          );
+        };
+      }
+    ),
+    S.each(["top", "left"], function (e, n) {
+      S.cssHooks[n] = Fe(y.pixelPosition, function (e, t) {
+        if (t)
+          return (t = We(e, n)), Pe.test(t) ? S(e).position()[n] + "px" : t;
+      });
+    }),
+    S.each({ Height: "height", Width: "width" }, function (a, s) {
+      S.each(
+        { padding: "inner" + a, content: s, "": "outer" + a },
+        function (r, o) {
+          S.fn[o] = function (e, t) {
+            var n = arguments.length && (r || "boolean" != typeof e),
+              i = r || (!0 === e || !0 === t ? "margin" : "border");
+            return $(
+              this,
+              function (e, t, n) {
+                var r;
+                return x(e)
+                  ? 0 === o.indexOf("outer")
+                    ? e["inner" + a]
+                    : e.document.documentElement["client" + a]
+                  : 9 === e.nodeType
+                  ? ((r = e.documentElement),
+                    Math.max(
+                      e.body["scroll" + a],
+                      r["scroll" + a],
+                      e.body["offset" + a],
+                      r["offset" + a],
+                      r["client" + a]
+                    ))
+                  : void 0 === n
+                  ? S.css(e, t, i)
+                  : S.style(e, t, n, i);
+              },
+              s,
+              n ? e : void 0,
+              n
+            );
+          };
+        }
+      );
+    }),
+    S.each(
+      [
+        "ajaxStart",
+        "ajaxStop",
+        "ajaxComplete",
+        "ajaxError",
+        "ajaxSuccess",
+        "ajaxSend",
+      ],
+      function (e, t) {
+        S.fn[t] = function (e) {
+          return this.on(t, e);
+        };
+      }
+    ),
+    S.fn.extend({
+      bind: function (e, t, n) {
+        return this.on(e, null, t, n);
+      },
+      unbind: function (e, t) {
+        return this.off(e, null, t);
+      },
+      delegate: function (e, t, n, r) {
+        return this.on(t, e, n, r);
+      },
+      undelegate: function (e, t, n) {
+        return 1 === arguments.length
+          ? this.off(e, "**")
+          : this.off(t, e || "**", n);
+      },
+      hover: function (e, t) {
+        return this.mouseenter(e).mouseleave(t || e);
+      },
+    }),
+    S.each(
+      "blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(
+        " "
+      ),
+      function (e, n) {
+        S.fn[n] = function (e, t) {
+          return 0 < arguments.length
+            ? this.on(n, null, e, t)
+            : this.trigger(n);
+        };
+      }
+    );
+  var Xt = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+  (S.proxy = function (e, t) {
+    var n, r, i;
+    if (("string" == typeof t && ((n = e[t]), (t = e), (e = n)), m(e)))
+      return (
+        (r = s.call(arguments, 2)),
+        ((i = function () {
+          return e.apply(t || this, r.concat(s.call(arguments)));
+        }).guid = e.guid =
+          e.guid || S.guid++),
+        i
+      );
+  }),
+    (S.holdReady = function (e) {
+      e ? S.readyWait++ : S.ready(!0);
+    }),
+    (S.isArray = Array.isArray),
+    (S.parseJSON = JSON.parse),
+    (S.nodeName = A),
+    (S.isFunction = m),
+    (S.isWindow = x),
+    (S.camelCase = X),
+    (S.type = w),
+    (S.now = Date.now),
+    (S.isNumeric = function (e) {
+      var t = S.type(e);
+      return ("number" === t || "string" === t) && !isNaN(e - parseFloat(e));
+    }),
+    (S.trim = function (e) {
+      return null == e ? "" : (e + "").replace(Xt, "");
+    }),
+    "function" == typeof define &&
+      define.amd &&
+      define("jquery", [], function () {
+        return S;
+      });
+  var Vt = C.jQuery,
+    Gt = C.$;
+  return (
+    (S.noConflict = function (e) {
+      return C.$ === S && (C.$ = Gt), e && C.jQuery === S && (C.jQuery = Vt), S;
+    }),
+    "undefined" == typeof e && (C.jQuery = C.$ = S),
+    S
+  );
+});
+/*-------------------------------------------------------------
+  19. Maplace.js
+---------------------------------------------------------------*/
+/**
+ * Maplace.js
+ *
+ * Copyright (c) 2013 Daniele Moraschi
+ * Licensed under the MIT license
+ * For all details and documentation:
+ * http://maplacejs.com
+ *
+ * @version  0.2.10
+ * @preserve
+ */
+!(function (a, b) {
+  "function" == typeof define && define.amd
+    ? define(["jquery"], b)
+    : "object" == typeof exports
+    ? (module.exports = b(require("jquery")))
+    : (a.Maplace = b(a.jQuery));
+})(this, function (a) {
+  "use strict";
+  function b(b) {
+    (this.VERSION = "0.2.10"),
+      (this.loaded = !1),
+      (this.markers = []),
+      (this.circles = []),
+      (this.oMap = !1),
+      (this.view_all_key = "all"),
+      (this.infowindow = null),
+      (this.maxZIndex = 0),
+      (this.ln = 0),
+      (this.oMap = !1),
+      (this.oBounds = null),
+      (this.map_div = null),
+      (this.canvas_map = null),
+      (this.controls_wrapper = null),
+      (this.current_control = null),
+      (this.current_index = null),
+      (this.Polyline = null),
+      (this.Polygon = null),
+      (this.Fusion = null),
+      (this.directionsService = null),
+      (this.directionsDisplay = null),
+      (this.o = {
+        debug: !1,
+        map_div: "#gmap",
+        controls_div: "#controls",
+        generate_controls: !0,
+        controls_type: "dropdown",
+        controls_cssclass: "",
+        controls_title: "",
+        controls_on_map: !0,
+        controls_applycss: !0,
+        controls_position: google.maps.ControlPosition.RIGHT_TOP,
+        type: "marker",
+        view_all: !0,
+        view_all_text: "View All",
+        pan_on_click: !0,
+        start: 0,
+        locations: [],
+        shared: {},
+        map_options: { mapTypeId: google.maps.MapTypeId.ROADMAP },
+        stroke_options: {
+          strokeColor: "#0000FF",
+          strokeOpacity: 0.8,
+          strokeWeight: 2,
+          fillColor: "#0000FF",
+          fillOpacity: 0.4,
+        },
+        directions_options: {
+          travelMode: google.maps.TravelMode.DRIVING,
+          unitSystem: google.maps.UnitSystem.METRIC,
+          optimizeWaypoints: !1,
+          provideRouteAlternatives: !1,
+          avoidHighways: !1,
+          avoidTolls: !1,
+        },
+        circle_options: { radius: 100, visible: !0 },
+        styles: {},
+        fusion_options: {},
+        directions_panel: null,
+        draggable: !1,
+        editable: !1,
+        show_infowindows: !0,
+        show_markers: !0,
+        infowindow_type: "bubble",
+        listeners: {},
+        beforeViewAll: function () {},
+        afterViewAll: function () {},
+        beforeShow: function (a, b, c) {},
+        afterShow: function (a, b, c) {},
+        afterCreateMarker: function (a, b, c) {},
+        beforeCloseInfowindow: function (a, b) {},
+        afterCloseInfowindow: function (a, b) {},
+        beforeOpenInfowindow: function (a, b, c) {},
+        afterOpenInfowindow: function (a, b, c) {},
+        afterRoute: function (a, b, c) {},
+        onPolylineClick: function (a) {},
+        onPolygonClick: function (a) {},
+        circleRadiusChanged: function (a, b, c) {},
+        circleCenterChanged: function (a, b, c) {},
+        drag: function (a, b, c) {},
+        dragEnd: function (a, b, c) {},
+        dragStart: function (a, b, c) {},
+      }),
+      this.AddControl("dropdown", c),
+      this.AddControl("list", d),
+      b &&
+        "directions" === b.type &&
+        (!b.show_markers && (b.show_markers = !1),
+        !b.show_infowindows && (b.show_infowindows = !1)),
+      a.extend(!0, this.o, b);
+  }
+  var c, d;
+  return (
+    (c = {
+      activateCurrent: function (a) {
+        this.html_element.find("select").val(a);
+      },
+      getHtml: function () {
+        var b,
+          c,
+          d = this,
+          e = "";
+        if (this.ln > 1) {
+          for (
+            e +=
+              '<select class="dropdown controls ' +
+              this.o.controls_cssclass +
+              '">',
+              this.ShowOnMenu(this.view_all_key) &&
+                (e +=
+                  '<option value="' +
+                  this.view_all_key +
+                  '">' +
+                  this.o.view_all_text +
+                  "</option>"),
+              c = 0;
+            c < this.ln;
+            c += 1
+          )
+            this.ShowOnMenu(c) &&
+              (e +=
+                '<option value="' +
+                (c + 1) +
+                '">' +
+                (this.o.locations[c].title || "#" + (c + 1)) +
+                "</option>");
+          (e += "</select>"),
+            (e = a(e).bind("change", function () {
+              d.ViewOnMap(this.value);
+            }));
+        }
+        return (
+          (b = this.o.controls_title),
+          this.o.controls_title &&
+            (b = a('<div class="controls_title"></div>')
+              .css(
+                this.o.controls_applycss
+                  ? {
+                      fontWeight: "bold",
+                      fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                      padding: "3px 10px 5px 0",
+                    }
+                  : {}
+              )
+              .append(this.o.controls_title)),
+          (this.html_element = a('<div class="wrap_controls"></div>')
+            .append(b)
+            .append(e)),
+          this.html_element
+        );
+      },
+    }),
+    (d = {
+      html_a: function (b, c, d) {
+        var e = this,
+          f = c || b + 1,
+          g = d || this.o.locations[b].title,
+          h = a(
+            '<a data-load="' +
+              f +
+              '" id="ullist_a_' +
+              f +
+              '" href="#' +
+              f +
+              '" title="' +
+              g +
+              '"><span>' +
+              (g || "#" + (b + 1)) +
+              "</span></a>"
+          );
+        return (
+          h.css(
+            this.o.controls_applycss
+              ? {
+                  color: "#666",
+                  display: "block",
+                  padding: "5px",
+                  fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                  textDecoration: "none",
+                }
+              : {}
+          ),
+          h.on("click", function (b) {
+            b.preventDefault();
+            var c = a(this).attr("data-load");
+            e.ViewOnMap(c);
+          }),
+          h
+        );
+      },
+      activateCurrent: function (a) {
+        this.html_element.find("li").removeClass("active"),
+          this.html_element
+            .find("#ullist_a_" + a)
+            .parent()
+            .addClass("active");
+      },
+      getHtml: function () {
+        var b,
+          c,
+          e = a(
+            "<ul class='ullist controls " + this.o.controls_cssclass + "'></ul>"
+          ).css(
+            this.o.controls_applycss
+              ? { margin: 0, padding: 0, listStyleType: "none" }
+              : {}
+          );
+        for (
+          this.ShowOnMenu(this.view_all_key) &&
+            e.append(
+              a("<li></li>").append(
+                d.html_a.call(this, !1, this.view_all_key, this.o.view_all_text)
+              )
+            ),
+            c = 0;
+          c < this.ln;
+          c++
+        )
+          this.ShowOnMenu(c) &&
+            e.append(a("<li></li>").append(d.html_a.call(this, c)));
+        return (
+          (b = this.o.controls_title),
+          this.o.controls_title &&
+            (b = a('<div class="controls_title"></div>')
+              .css(
+                this.o.controls_applycss
+                  ? {
+                      fontWeight: "bold",
+                      padding: "3px 10px 5px 0",
+                      fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                    }
+                  : {}
+              )
+              .append(this.o.controls_title)),
+          (this.html_element = a('<div class="wrap_controls"></div>')
+            .append(b)
+            .append(e)),
+          this.html_element
+        );
+      },
+    }),
+    (b.prototype.controls = {}),
+    (b.prototype.create_objMap = function () {
+      var b,
+        c = this,
+        d = 0;
+      for (b in this.o.styles)
+        this.o.styles.hasOwnProperty(b) &&
+          (0 === d &&
+            (this.o.map_options.mapTypeControlOptions = {
+              mapTypeIds: [google.maps.MapTypeId.ROADMAP],
+            }),
+          d++,
+          this.o.map_options.mapTypeControlOptions.mapTypeIds.push(
+            "map_style_" + d
+          ));
+      if (this.loaded) c.oMap.setOptions(this.o.map_options);
+      else
+        try {
+          this.map_div.css({ position: "relative", overflow: "hidden" }),
+            (this.canvas_map = a("<div>")
+              .addClass("canvas_map")
+              .css({ width: "100%", height: "100%" })
+              .appendTo(this.map_div)),
+            (this.oMap = new google.maps.Map(
+              this.canvas_map.get(0),
+              this.o.map_options
+            ));
+        } catch (e) {
+          this.debug("create_objMap::" + this.map_div.selector, e.toString());
+        }
+      d = 0;
+      for (b in this.o.styles)
+        this.o.styles.hasOwnProperty(b) &&
+          (d++,
+          this.oMap.mapTypes.set(
+            "map_style_" + d,
+            new google.maps.StyledMapType(this.o.styles[b], { name: b })
+          ),
+          this.oMap.setMapTypeId("map_style_" + d));
+    }),
+    (b.prototype.add_markers_to_objMap = function () {
+      var a,
+        b,
+        c = this.o.type || "marker";
+      switch (c) {
+        case "marker":
+          for (a = 0; a < this.ln; a++)
+            (b = this.create_objPoint(a)), this.create.marker.call(this, a, b);
+          break;
+        default:
+          this.create[c].apply(this);
+      }
+    }),
+    (b.prototype.create_objPoint = function (b) {
+      var c = a.extend({}, this.o.locations[b]),
+        d = void 0 === c.visible ? void 0 : c.visible;
+      return (
+        !c.type && (c.type = this.o.type),
+        (c.map = this.oMap),
+        (c.position = new google.maps.LatLng(c.lat, c.lon)),
+        (c.zIndex = void 0 === c.zIndex ? 1e4 : c.zIndex + 100),
+        (c.visible = void 0 === d ? this.o.show_markers : d),
+        (this.o.maxZIndex =
+          c.zIndex > this.maxZIndex ? c.zIndex : this.maxZIndex),
+        c.image &&
+          (c.icon = new google.maps.MarkerImage(
+            c.image,
+            new google.maps.Size(c.image_w || 32, c.image_h || 32),
+            new google.maps.Point(0, 0),
+            new google.maps.Point((c.image_w || 32) / 2, (c.image_h || 32) / 2)
+          )),
+        c
+      );
+    }),
+    (b.prototype.create_objCircle = function (b) {
+      var c, d, e;
+      return (
+        (e = a.extend({}, b)),
+        (c = a.extend({}, this.o.stroke_options)),
+        (d = a.extend({}, this.o.circle_options)),
+        a.extend(c, b.stroke_options || {}),
+        a.extend(e, c),
+        a.extend(d, b.circle_options || {}),
+        a.extend(e, d),
+        (e.center = b.position),
+        (e.draggable = !1),
+        (e.zIndex = b.zIndex > 0 ? b.zIndex - 10 : 1),
+        e
+      );
+    }),
+    (b.prototype.add_markerEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "click", function (e) {
+        d.CloseInfoWindow(),
+          d.o.beforeShow.call(d, a, b, c),
+          d.o.show_infowindows &&
+            b.show_infowindow !== !1 &&
+            d.open_infowindow(a, c, e),
+          d.o.pan_on_click &&
+            b.pan_on_click !== !1 &&
+            (d.oMap.panTo(b.position), b.zoom && d.oMap.setZoom(b.zoom)),
+          d.current_control &&
+            d.o.generate_controls &&
+            d.current_control.activateCurrent &&
+            d.current_control.activateCurrent.call(d, a + 1),
+          (d.current_index = a),
+          d.o.afterShow.call(d, a, b, c);
+      }),
+        b.draggable && this.add_dragEv(a, b, c);
+    }),
+    (b.prototype.add_circleEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "click", function () {
+        d.ViewOnMap(a + 1);
+      }),
+        google.maps.event.addListener(c, "center_changed", function () {
+          d.o.circleCenterChanged.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "radius_changed", function () {
+          d.o.circleRadiusChanged.call(d, a, b, c);
+        }),
+        b.draggable && this.add_dragEv(a, b, c);
+    }),
+    (b.prototype.add_dragEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "drag", function (e) {
+        var f, g;
+        if (c.getPosition) f = c.getPosition();
+        else {
+          if (!c.getCenter) return;
+          f = c.getCenter();
+        }
+        if (
+          (d.circles[a] && d.circles[a].setCenter(f),
+          d.Polyline ? (g = "Polyline") : d.Polygon && (g = "Polygon"),
+          g)
+        ) {
+          for (
+            var h = d[g].getPath(), i = h.getArray(), j = [], k = 0;
+            k < i.length;
+            ++k
+          )
+            j[k] =
+              a === k
+                ? new google.maps.LatLng(f.lat(), f.lng())
+                : new google.maps.LatLng(i[k].lat(), i[k].lng());
+          d[g].setPath(new google.maps.MVCArray(j)), d.add_polyEv(g);
+        }
+        d.o.drag.call(d, a, b, c);
+      }),
+        google.maps.event.addListener(c, "dragend", function () {
+          d.o.dragEnd.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "dragstart", function () {
+          d.o.dragStart.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "center_changed", function () {
+          d.markers[a] &&
+            c.getCenter &&
+            d.markers[a].setPosition(c.getCenter()),
+            d.o.drag.call(d, a, b, c);
+        });
+    }),
+    (b.prototype.add_polyEv = function (a) {
+      var b = this;
+      google.maps.event.addListener(
+        this[a].getPath(),
+        "set_at",
+        function (c, d) {
+          b.trigger_polyEv(a, c, d);
+        }
+      ),
+        google.maps.event.addListener(
+          this[a].getPath(),
+          "insert_at",
+          function (c, d) {
+            b.trigger_polyEv(a, c, d);
+          }
+        );
+    }),
+    (b.prototype.trigger_polyEv = function (a, b, c) {
+      var d = this[a].getPath().getAt(b),
+        e = new google.maps.LatLng(d.lat(), d.lng());
+      this.markers[b] && this.markers[b].setPosition(e),
+        this.circles[b] && this.circles[b].setCenter(e),
+        this.o["on" + a + "Changed"](b, c, this[a].getPath().getArray());
+    }),
+    (b.prototype.create = {
+      marker: function (a, b, c) {
+        if ("circle" === b.type && !c) {
+          var d = this.create_objCircle(b);
+          b.visible || (d.draggable = b.draggable),
+            (c = new google.maps.Circle(d)),
+            this.add_circleEv(a, d, c),
+            (this.circles[a] = c);
+        }
+        return (
+          (b.type = "marker"),
+          (c = new google.maps.Marker(b)),
+          this.add_markerEv(a, b, c),
+          this.oBounds.extend(b.position),
+          (this.markers[a] = c),
+          this.o.afterCreateMarker.call(this, a, b, c),
+          c
+        );
+      },
+      circle: function () {
+        var a, b, c, d;
+        for (a = 0; a < this.ln; a++)
+          (b = this.create_objPoint(a)),
+            "circle" === b.type &&
+              ((c = this.create_objCircle(b)),
+              b.visible || (c.draggable = b.draggable),
+              (d = new google.maps.Circle(c)),
+              this.add_circleEv(a, c, d),
+              (this.circles[a] = d)),
+            (b.type = "marker"),
+            this.create.marker.call(this, a, b, d);
+      },
+      polyline: function () {
+        var b,
+          c,
+          d = a.extend({}, this.o.stroke_options);
+        for (
+          d.path = [],
+            d.draggable = this.o.draggable,
+            d.editable = this.o.editable,
+            d.map = this.oMap,
+            d.zIndex = this.o.maxZIndex + 100,
+            b = 0;
+          b < this.ln;
+          b++
+        )
+          (c = this.create_objPoint(b)),
+            this.create.marker.call(this, b, c),
+            d.path.push(c.position);
+        this.Polyline
+          ? this.Polyline.setOptions(d)
+          : (this.Polyline = new google.maps.Polyline(d)),
+          this.add_polyEv("Polyline");
+      },
+      polygon: function () {
+        var b,
+          c,
+          d = this,
+          e = a.extend({}, this.o.stroke_options);
+        for (
+          e.path = [],
+            e.draggable = this.o.draggable,
+            e.editable = this.o.editable,
+            e.map = this.oMap,
+            e.zIndex = this.o.maxZIndex + 100,
+            b = 0;
+          b < this.ln;
+          b++
+        )
+          (c = this.create_objPoint(b)),
+            this.create.marker.call(this, b, c),
+            e.path.push(c.position);
+        this.Polygon
+          ? this.Polygon.setOptions(e)
+          : (this.Polygon = new google.maps.Polygon(e)),
+          google.maps.event.addListener(this.Polygon, "click", function (a) {
+            d.o.onPolygonClick.call(d, a);
+          }),
+          this.add_polyEv("Polygon");
+      },
+      fusion: function () {
+        (this.o.fusion_options.styles = [this.o.stroke_options]),
+          (this.o.fusion_options.map = this.oMap),
+          this.Fusion
+            ? this.Fusion.setOptions(this.o.fusion_options)
+            : (this.Fusion = new google.maps.FusionTablesLayer(
+                this.o.fusion_options
+              ));
+      },
+      directions: function () {
+        var b,
+          c,
+          d,
+          e,
+          f,
+          g = this,
+          h = [],
+          i = 0;
+        for (b = 0; b < this.ln; b++)
+          (c = this.create_objPoint(b)),
+            0 === b
+              ? (e = c.position)
+              : b === this.ln - 1
+              ? (f = c.position)
+              : ((d = this.o.locations[b].stopover === !0),
+                h.push({ location: c.position, stopover: d })),
+            this.create.marker.call(this, b, c);
+        (this.o.directions_options.origin = e),
+          (this.o.directions_options.destination = f),
+          (this.o.directions_options.waypoints = h),
+          this.directionsService ||
+            (this.directionsService = new google.maps.DirectionsService()),
+          this.directionsDisplay
+            ? this.directionsDisplay.setOptions({ draggable: this.o.draggable })
+            : (this.directionsDisplay = new google.maps.DirectionsRenderer({
+                draggable: this.o.draggable,
+              })),
+          this.directionsDisplay.setMap(this.oMap),
+          this.o.directions_panel &&
+            ((this.o.directions_panel = a(this.o.directions_panel)),
+            this.directionsDisplay.setPanel(this.o.directions_panel.get(0))),
+          this.o.draggable &&
+            google.maps.event.addListener(
+              this.directionsDisplay,
+              "directions_changed",
+              function () {
+                var a = g.directionsDisplay.getDirections();
+                (i = g.compute_distance(g.directionsDisplay.directions)),
+                  g.o.afterRoute.call(g, i, a.status, a);
+              }
+            ),
+          this.directionsService.route(
+            this.o.directions_options,
+            function (a, b) {
+              b === google.maps.DirectionsStatus.OK &&
+                ((i = g.compute_distance(a)),
+                g.directionsDisplay.setDirections(a)),
+                g.o.afterRoute.call(g, i, b, a);
+            }
+          );
+      },
+    }),
+    (b.prototype.compute_distance = function (a) {
+      var b,
+        c = 0,
+        d = a.routes[0],
+        e = d.legs.length;
+      for (b = 0; b < e; b++) c += d.legs[b].distance.value;
+      return c;
+    }),
+    (b.prototype.type_to_open = {
+      bubble: function (a) {
+        var b = this,
+          c = { content: a.html || "" };
+        a.infoWindowMaxWidth && (c.maxWidth = a.infoWindowMaxWidth),
+          (this.infowindow = new google.maps.InfoWindow(c)),
+          google.maps.event.addListener(
+            this.infowindow,
+            "closeclick",
+            function () {
+              b.CloseInfoWindow();
+            }
+          );
+      },
+    }),
+    (b.prototype.open_infowindow = function (a, b, c) {
+      var d = this.o.locations[a],
+        e = this.o.infowindow_type;
+      d.html &&
+        this.type_to_open[e] &&
+        (this.o.beforeOpenInfowindow.call(this, a, d, b),
+        this.type_to_open[e].call(this, d),
+        this.infowindow.open(this.oMap, b),
+        this.o.afterOpenInfowindow.call(this, a, d, b));
+    }),
+    (b.prototype.get_html_controls = function () {
+      return this.controls[this.o.controls_type] &&
+        this.controls[this.o.controls_type].getHtml
+        ? ((this.current_control = this.controls[this.o.controls_type]),
+          this.current_control.getHtml.apply(this))
+        : "";
+    }),
+    (b.prototype.generate_controls = function () {
+      if (!this.o.controls_on_map)
+        return (
+          this.controls_wrapper.empty(),
+          void this.controls_wrapper.append(this.get_html_controls())
+        );
+      var b = a(
+          '<div class="on_gmap ' +
+            this.o.controls_type +
+            ' gmap_controls"></div>'
+        ).css(this.o.controls_applycss ? { margin: "5px" } : {}),
+        c = a(this.get_html_controls()).css(
+          this.o.controls_applycss
+            ? {
+                background: "#fff",
+                padding: "5px",
+                border: "1px solid #eee",
+                boxShadow: "rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px",
+                maxHeight: this.map_div.find(".canvas_map").outerHeight() - 80,
+                minWidth: 100,
+                overflowY: "auto",
+                overflowX: "hidden",
+              }
+            : {}
+        );
+      b.append(c),
+        this.oMap.controls[this.o.controls_position].clear(),
+        this.oMap.controls[this.o.controls_position].push(b.get(0));
+    }),
+    (b.prototype.init_map = function () {
+      var a = this;
+      this.Polyline && this.Polyline.setMap(null),
+        this.Polygon && this.Polygon.setMap(null),
+        this.Fusion && this.Fusion.setMap(null),
+        this.directionsDisplay && this.directionsDisplay.setMap(null);
+      for (var b = this.markers.length - 1; b >= 0; b -= 1)
+        try {
+          this.markers[b] && this.markers[b].setMap(null);
+        } catch (c) {
+          a.debug("init_map::markers::setMap", c.stack);
+        }
+      (this.markers.length = 0), (this.markers = []);
+      for (var d = this.circles.length - 1; d >= 0; d -= 1)
+        try {
+          this.circles[d] && this.circles[d].setMap(null);
+        } catch (c) {
+          a.debug("init_map::circles::setMap", c.stack);
+        }
+      (this.circles.length = 0),
+        (this.circles = []),
+        this.o.controls_on_map &&
+          this.oMap.controls &&
+          this.oMap.controls[this.o.controls_position].forEach(function (b, c) {
+            try {
+              a.oMap.controls[this.o.controls_position].removeAt(c);
+            } catch (d) {
+              a.debug("init_map::removeAt", d.stack);
+            }
+          }),
+        (this.oBounds = new google.maps.LatLngBounds());
+    }),
+    (b.prototype.perform_load = function () {
+      this.CloseInfoWindow(),
+        1 === this.ln
+          ? (this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : (this.oMap.fitBounds(this.oBounds), this.ViewOnMap(1)),
+            this.o.map_options.zoom &&
+              this.oMap.setZoom(this.o.map_options.zoom))
+          : 0 === this.ln
+          ? (this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : this.oMap.fitBounds(this.oBounds),
+            this.oMap.setZoom(this.o.map_options.zoom || 1))
+          : (this.oMap.fitBounds(this.oBounds),
+            "number" == typeof (this.o.start - 0) &&
+            this.o.start > 0 &&
+            this.o.start <= this.ln
+              ? this.ViewOnMap(this.o.start)
+              : this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : this.ViewOnMap(this.view_all_key),
+            this.o.map_options.zoom &&
+              this.oMap.setZoom(this.o.map_options.zoom));
+    }),
+    (b.prototype.debug = function (a, b) {
+      return this.o.debug && console.log(a, b), this;
+    }),
+    (b.prototype.AddControl = function (a, b) {
+      return a && b
+        ? ((this.controls[a] = b), this)
+        : (self.debug("AddControl", 'Missing "name" and "func" callback.'), !1);
+    }),
+    (b.prototype.CloseInfoWindow = function () {
+      return (
+        this.infowindow &&
+          (this.current_index || 0 === this.current_index) &&
+          (this.o.beforeCloseInfowindow.call(
+            this,
+            this.current_index,
+            this.o.locations[this.current_index]
+          ),
+          this.infowindow.close(),
+          (this.infowindow = null),
+          this.o.afterCloseInfowindow.call(
+            this,
+            this.current_index,
+            this.o.locations[this.current_index]
+          )),
+        this
+      );
+    }),
+    (b.prototype.ShowOnMenu = function (a) {
+      if (a === this.view_all_key && this.o.view_all && this.ln > 1) return !0;
+      if (
+        ((a = parseInt(a, 10)),
+        "number" == typeof (a - 0) && a >= 0 && a < this.ln)
+      ) {
+        var b = this.o.locations[a].on_menu !== !1;
+        if (b) return !0;
+      }
+      return !1;
+    }),
+    (b.prototype.ViewOnMap = function (a) {
+      if (a === this.view_all_key)
+        this.o.beforeViewAll.call(this),
+          (this.current_index = a),
+          this.o.locations.length > 0 &&
+            this.o.generate_controls &&
+            this.current_control &&
+            this.current_control.activateCurrent &&
+            this.current_control.activateCurrent.apply(this, [a]),
+          this.oMap.fitBounds(this.oBounds),
+          this.o.afterViewAll.call(this);
+      else if (
+        ((a = parseInt(a, 10)),
+        "number" == typeof (a - 0) && a > 0 && a <= this.ln)
+      )
+        try {
+          google.maps.event.trigger(this.markers[a - 1], "click");
+        } catch (b) {
+          this.debug("ViewOnMap::trigger", b.stack);
+        }
+      return this;
+    }),
+    (b.prototype.SetLocations = function (a, b) {
+      return (this.o.locations = a), b && this.Load(), this;
+    }),
+    (b.prototype.AddLocations = function (b, c) {
+      var d = this;
+      return (
+        a.isArray(b) &&
+          a.each(b, function (a, b) {
+            d.o.locations.push(b);
+          }),
+        a.isPlainObject(b) && this.o.locations.push(b),
+        c && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.AddLocation = function (b, c, d) {
+      return (
+        a.isPlainObject(b) && this.o.locations.splice(c, 0, b),
+        d && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.RemoveLocations = function (b, c) {
+      var d = this,
+        e = 0;
+      return (
+        a.isArray(b)
+          ? a.each(b, function (a, b) {
+              b - e < d.ln && d.o.locations.splice(b - e, 1), e++;
+            })
+          : b < this.ln && this.o.locations.splice(b, 1),
+        c && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.Loaded = function () {
+      return this.loaded;
+    }),
+    (b.prototype._init = function () {
+      this.ln = this.o.locations.length;
+      for (var b = 0; b < this.ln; b++) {
+        var c = a.extend({}, this.o.shared);
+        (this.o.locations[b] = a.extend(c, this.o.locations[b])),
+          this.o.locations[b].html &&
+            ((this.o.locations[b].html = this.o.locations[b].html.replace(
+              "%index",
+              b + 1
+            )),
+            (this.o.locations[b].html = this.o.locations[b].html.replace(
+              "%title",
+              this.o.locations[b].title || ""
+            )));
+      }
+      return (
+        (this.map_div = a(this.o.map_div)),
+        (this.controls_wrapper = a(this.o.controls_div)),
+        this
+      );
+    }),
+    (b.prototype.Load = function (b) {
+      a.extend(!0, this.o, b),
+        b && b.locations && (this.o.locations = b.locations),
+        this._init(),
+        this.o.visualRefresh === !1
+          ? (google.maps.visualRefresh = !1)
+          : (google.maps.visualRefresh = !0),
+        this.init_map(),
+        this.create_objMap(),
+        this.add_markers_to_objMap(),
+        (this.ln > 1 && this.o.generate_controls) ||
+        this.o.force_generate_controls
+          ? ((this.o.generate_controls = !0), this.generate_controls())
+          : (this.o.generate_controls = !1);
+      var c = this;
+      if (this.loaded) this.perform_load();
+      else {
+        google.maps.event.addListenerOnce(this.oMap, "idle", function () {
+          c.perform_load();
+        });
+        for (var d in this.o.listeners)
+          this.o.listeners.hasOwnProperty(d) &&
+            google.maps.event.addListener(this.oMap, d, this.o.listeners[d]);
+      }
+      return (this.loaded = !0), this;
+    }),
+    b
+  );
+});
diff --git a/quarter-rtl/assets/js/modal.js b/quarter-rtl/assets/js/modal.js
new file mode 100644
index 0000000..67f644b
--- /dev/null
+++ b/quarter-rtl/assets/js/modal.js
@@ -0,0 +1,53 @@
+const modal = () => {
+  const modalContainers = document.querySelectorAll(".modal-container");
+
+  if (!modalContainers.length) {
+    return;
+  }
+
+  modalContainers.forEach((modalContainer) => {
+    const body = document.body;
+    const bodyStyle = body.style;
+    const modals = modalContainer.querySelectorAll(".modal");
+
+    modals?.forEach((modal, idx) => {
+      const modalOpens = modalContainer.querySelectorAll(
+        `[data-modal-index="${idx + 1}"]`
+      );
+
+      const modalContent = modal.querySelector(".modal-content");
+      const modalCloses = modal.querySelectorAll(".modal-close");
+      //  open modal
+      modalOpens.forEach((modalOpen) => {
+        modalOpen.addEventListener("click", () => {
+          modal.style.display = "block";
+          bodyStyle.overflow = "hidden";
+          bodyStyle.paddingRight = "17px";
+
+          setTimeout(() => {
+            // uncomment if you need  body to be scroll down with modal open
+            // window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
+            modal.style.opacity = 100;
+            modal.style.visibility = "visible";
+            modal.scrollTop = 0;
+            modalContent.style.transform = "translateY(0px)";
+          }, 10);
+        });
+      });
+      //  close modal
+      modalCloses.forEach((modalClose) => {
+        modalClose.addEventListener("click", function () {
+          modal.style.opacity = 0;
+          modal.style.visibility = "hidden";
+          modalContent.style.transform = `translateY(-${80}px)`;
+
+          setTimeout(() => {
+            modal.style.display = "none";
+            bodyStyle.overflow = "auto";
+            bodyStyle.paddingRight = 0;
+          }, 500);
+        });
+      });
+    });
+  });
+};
diff --git a/quarter-rtl/assets/js/nice-select2.js b/quarter-rtl/assets/js/nice-select2.js
new file mode 100644
index 0000000..076ccfc
--- /dev/null
+++ b/quarter-rtl/assets/js/nice-select2.js
@@ -0,0 +1,402 @@
+!(function (e, t) {
+  "object" == typeof exports && "object" == typeof module
+    ? (module.exports = t())
+    : "function" == typeof define && define.amd
+    ? define([], t)
+    : "object" == typeof exports
+    ? (exports.NiceSelect = t())
+    : (e.NiceSelect = t());
+})(self, () =>
+  (() => {
+    "use strict";
+    var e = {
+        d: (t, i) => {
+          for (var s in i)
+            e.o(i, s) &&
+              !e.o(t, s) &&
+              Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
+        },
+        o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
+        r: (e) => {
+          "undefined" != typeof Symbol &&
+            Symbol.toStringTag &&
+            Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
+            Object.defineProperty(e, "__esModule", { value: !0 });
+        },
+      },
+      t = {};
+    function i(e) {
+      var t = document.createEvent("MouseEvents");
+      t.initEvent("click", !0, !1), e.dispatchEvent(t);
+    }
+    function s(e) {
+      var t = document.createEvent("HTMLEvents");
+      t.initEvent("change", !0, !1), e.dispatchEvent(t);
+    }
+    function o(e) {
+      var t = document.createEvent("FocusEvent");
+      t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
+    }
+    function n(e) {
+      var t = document.createEvent("FocusEvent");
+      t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
+    }
+    function d(e) {
+      var t = document.createEvent("UIEvent");
+      t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
+    }
+    function l(e, t) {
+      "invalid" == t
+        ? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
+        : (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
+    }
+    function r(e, t) {
+      return null != e[t] ? e[t] : e.getAttribute(t);
+    }
+    function a(e, t) {
+      return !!e && e.classList.contains(t);
+    }
+    function c(e, t) {
+      if (e) return e.classList.add(t);
+    }
+    function h(e, t) {
+      if (e) return e.classList.remove(t);
+    }
+    e.r(t), e.d(t, { bind: () => f, default: () => u });
+    var p = { data: null, searchable: !1, showSelectedItems: !1 };
+    function u(e, t) {
+      (this.el = e),
+        (this.config = Object.assign({}, p, t || {})),
+        (this.data = this.config.data),
+        (this.selectedOptions = []),
+        (this.placeholder =
+          r(this.el, "placeholder") ||
+          this.config.placeholder ||
+          "Select an option"),
+        (this.searchtext =
+          r(this.el, "searchtext") || this.config.searchtext || "Search"),
+        (this.selectedtext =
+          r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
+        (this.dropdown = null),
+        (this.multiple = r(this.el, "multiple")),
+        (this.disabled = r(this.el, "disabled")),
+        this.create();
+    }
+    function f(e, t) {
+      return new u(e, t);
+    }
+    return (
+      (u.prototype.create = function () {
+        (this.el.style.opacity = "0"),
+          (this.el.style.width = "0"),
+          (this.el.style.padding = "0"),
+          (this.el.style.height = "0"),
+          this.data ? this.processData(this.data) : this.extractData(),
+          this.renderDropdown(),
+          this.bindEvent();
+      }),
+      (u.prototype.processData = function (e) {
+        var t = [];
+        e.forEach((e) => {
+          t.push({
+            data: e,
+            attributes: {
+              selected: !!e.selected,
+              disabled: !!e.disabled,
+              optgroup: "optgroup" == e.value,
+            },
+          });
+        }),
+          (this.options = t);
+      }),
+      (u.prototype.extractData = function () {
+        var e = this.el.querySelectorAll("option,optgroup"),
+          t = [],
+          i = [],
+          s = [];
+        e.forEach((e) => {
+          if ("OPTGROUP" == e.tagName)
+            var s = { text: e.label, value: "optgroup" };
+          else
+            s = {
+              text: e.innerText,
+              value: e.value,
+              selected:
+                null != e.getAttribute("selected") || this.el.value == e.value,
+              disabled: null != e.getAttribute("disabled"),
+            };
+          var o = {
+            selected: e.selected,
+            disabled: e.disabled,
+            optgroup: "OPTGROUP" == e.tagName,
+          };
+          t.push(s), i.push({ data: s, attributes: o });
+        }),
+          (this.data = t),
+          (this.options = i),
+          this.options.forEach((e) => {
+            e.attributes.selected && s.push(e);
+          }),
+          (this.selectedOptions = s);
+      }),
+      (u.prototype.renderDropdown = function () {
+        var e = [
+          "nice-select",
+          r(this.el, "class") || "",
+          this.disabled ? "disabled" : "",
+          this.multiple ? "has-multiple" : "",
+        ];
+        let t = '<div class="nice-select-search-box">';
+        (t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
+          (t += "</div>");
+        var i = `<div class="${e.join(" ")}" tabindex="${
+          this.disabled ? null : 0
+        }">`;
+        (i += `<span class="${
+          this.multiple ? "multiple-options" : "current"
+        }"></span>`),
+          (i += '<div class="nice-select-dropdown">'),
+          (i += `${this.config.searchable ? t : ""}`),
+          (i += '<ul class="list"></ul>'),
+          (i += "</div>"),
+          (i += "</div>"),
+          this.el.insertAdjacentHTML("afterend", i),
+          (this.dropdown = this.el.nextElementSibling),
+          this._renderSelectedItems(),
+          this._renderItems();
+      }),
+      (u.prototype._renderSelectedItems = function () {
+        if (this.multiple) {
+          var e = "";
+          this.config.showSelectedItems ||
+          this.config.showSelectedItems ||
+          "auto" == window.getComputedStyle(this.dropdown).width ||
+          this.selectedOptions.length < 2
+            ? (this.selectedOptions.forEach(function (t) {
+                e += `<span class="current">${t.data.text}</span>`;
+              }),
+              (e = "" == e ? this.placeholder : e))
+            : (e = this.selectedOptions.length + " " + this.selectedtext),
+            (this.dropdown.querySelector(".multiple-options").innerHTML = e);
+        } else {
+          var t =
+            this.selectedOptions.length > 0
+              ? this.selectedOptions[0].data.text
+              : this.placeholder;
+          this.dropdown.querySelector(".current").innerHTML = t;
+        }
+      }),
+      (u.prototype._renderItems = function () {
+        var e = this.dropdown.querySelector("ul");
+        this.options.forEach((t) => {
+          e.appendChild(this._renderItem(t));
+        });
+      }),
+      (u.prototype._renderItem = function (e) {
+        var t = document.createElement("li");
+        if (((t.innerHTML = e.data.text), e.attributes.optgroup))
+          c(t, "optgroup");
+        else {
+          t.setAttribute("data-value", e.data.value);
+          var i = [
+            "option",
+            e.attributes.selected ? "selected" : null,
+            e.attributes.disabled ? "disabled" : null,
+          ];
+          t.addEventListener("click", this._onItemClicked.bind(this, e)),
+            t.classList.add(...i);
+        }
+        return (e.element = t), t;
+      }),
+      (u.prototype.update = function () {
+        if ((this.extractData(), this.dropdown)) {
+          var e = a(this.dropdown, "open");
+          this.dropdown.parentNode.removeChild(this.dropdown),
+            this.create(),
+            e && i(this.dropdown);
+        }
+        r(this.el, "disabled") ? this.disable() : this.enable();
+      }),
+      (u.prototype.disable = function () {
+        this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
+      }),
+      (u.prototype.enable = function () {
+        this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
+      }),
+      (u.prototype.clear = function () {
+        this.resetSelectValue(),
+          (this.selectedOptions = []),
+          this._renderSelectedItems(),
+          this.update(),
+          s(this.el);
+      }),
+      (u.prototype.destroy = function () {
+        this.dropdown &&
+          (this.dropdown.parentNode.removeChild(this.dropdown),
+          (this.el.style.display = ""));
+      }),
+      (u.prototype.bindEvent = function () {
+        this.dropdown.addEventListener("click", this._onClicked.bind(this)),
+          this.dropdown.addEventListener(
+            "keydown",
+            this._onKeyPressed.bind(this)
+          ),
+          this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
+          this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
+          this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
+          window.addEventListener("click", this._onClickedOutside.bind(this)),
+          this.config.searchable && this._bindSearchEvent();
+      }),
+      (u.prototype._bindSearchEvent = function () {
+        var e = this.dropdown.querySelector(".nice-select-search");
+        e &&
+          e.addEventListener("click", function (e) {
+            return e.stopPropagation(), !1;
+          }),
+          e.addEventListener("input", this._onSearchChanged.bind(this));
+      }),
+      (u.prototype._onClicked = function (e) {
+        var t, i;
+        if (
+          (e.preventDefault(),
+          a(this.dropdown, "open")
+            ? this.multiple || (h(this.dropdown, "open"), d(this.el))
+            : (c(this.dropdown, "open"),
+              (t = this.el),
+              (i = document.createEvent("UIEvent")).initEvent(
+                "modalopen",
+                !0,
+                !1
+              ),
+              t.dispatchEvent(i)),
+          a(this.dropdown, "open"))
+        ) {
+          var s = this.dropdown.querySelector(".nice-select-search");
+          s && ((s.value = ""), s.focus());
+          var o = this.dropdown.querySelector(".focus");
+          h(o, "focus"),
+            c((o = this.dropdown.querySelector(".selected")), "focus"),
+            this.dropdown.querySelectorAll("ul li").forEach(function (e) {
+              e.style.display = "";
+            });
+        } else this.dropdown.focus();
+      }),
+      (u.prototype._onItemClicked = function (e, t) {
+        var i = t.target;
+        a(i, "disabled") ||
+          (this.multiple
+            ? a(i, "selected")
+              ? (h(i, "selected"),
+                this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
+                this.el
+                  .querySelector(`option[value="${i.dataset.value}"]`)
+                  .removeAttribute("selected"))
+              : (c(i, "selected"), this.selectedOptions.push(e))
+            : (this.selectedOptions.forEach(function (e) {
+                h(e.element, "selected");
+              }),
+              c(i, "selected"),
+              (this.selectedOptions = [e])),
+          this._renderSelectedItems(),
+          this.updateSelectValue());
+      }),
+      (u.prototype.updateSelectValue = function () {
+        if (this.multiple) {
+          var e = this.el;
+          this.selectedOptions.forEach(function (t) {
+            var i = e.querySelector(`option[value="${t.data.value}"]`);
+            i && i.setAttribute("selected", !0);
+          });
+        } else
+          this.selectedOptions.length > 0 &&
+            (this.el.value = this.selectedOptions[0].data.value);
+        s(this.el);
+      }),
+      (u.prototype.resetSelectValue = function () {
+        if (this.multiple) {
+          var e = this.el;
+          this.selectedOptions.forEach(function (t) {
+            var i = e.querySelector(`option[value="${t.data.value}"]`);
+            i && i.removeAttribute("selected");
+          });
+        } else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
+        s(this.el);
+      }),
+      (u.prototype._onClickedOutside = function (e) {
+        this.dropdown.contains(e.target) ||
+          (h(this.dropdown, "open"), d(this.el));
+      }),
+      (u.prototype._onKeyPressed = function (e) {
+        var t = this.dropdown.querySelector(".focus"),
+          s = a(this.dropdown, "open");
+        if (13 == e.keyCode) i(s ? t : this.dropdown);
+        else if (40 == e.keyCode) {
+          if (s) {
+            var o = this._findNext(t);
+            o &&
+              (h(this.dropdown.querySelector(".focus"), "focus"),
+              c(o, "focus"));
+          } else i(this.dropdown);
+          e.preventDefault();
+        } else if (38 == e.keyCode) {
+          if (s) {
+            var n = this._findPrev(t);
+            n &&
+              (h(this.dropdown.querySelector(".focus"), "focus"),
+              c(n, "focus"));
+          } else i(this.dropdown);
+          e.preventDefault();
+        } else if (27 == e.keyCode && s) i(this.dropdown);
+        else if (32 === e.keyCode && s) return !1;
+        return !1;
+      }),
+      (u.prototype._findNext = function (e) {
+        for (
+          e = e
+            ? e.nextElementSibling
+            : this.dropdown.querySelector(".list .option");
+          e;
+
+        ) {
+          if (!a(e, "disabled") && "none" != e.style.display) return e;
+          e = e.nextElementSibling;
+        }
+        return null;
+      }),
+      (u.prototype._findPrev = function (e) {
+        for (
+          e = e
+            ? e.previousElementSibling
+            : this.dropdown.querySelector(".list .option:last-child");
+          e;
+
+        ) {
+          if (!a(e, "disabled") && "none" != e.style.display) return e;
+          e = e.previousElementSibling;
+        }
+        return null;
+      }),
+      (u.prototype._onSearchChanged = function (e) {
+        var t = a(this.dropdown, "open"),
+          i = e.target.value;
+        if ("" == (i = i.toLowerCase()))
+          this.options.forEach(function (e) {
+            e.element.style.display = "";
+          });
+        else if (t) {
+          var s = new RegExp(i);
+          this.options.forEach(function (e) {
+            var t = e.data.text.toLowerCase(),
+              i = s.test(t);
+            e.element.style.display = i ? "" : "none";
+          });
+        }
+        this.dropdown.querySelectorAll(".focus").forEach(function (e) {
+          h(e, "focus");
+        }),
+          c(this._findNext(null), "focus");
+      }),
+      t
+    );
+  })()
+);
diff --git a/quarter-rtl/assets/js/nice_checkbox.js b/quarter-rtl/assets/js/nice_checkbox.js
new file mode 100644
index 0000000..2cff3c3
--- /dev/null
+++ b/quarter-rtl/assets/js/nice_checkbox.js
@@ -0,0 +1,31 @@
+const nice_checkbox = () => {
+  const allChecboxItems = document.querySelectorAll(".checkbox-item");
+
+  if (allChecboxItems?.length) {
+    allChecboxItems.forEach((checkboxItem, idx) => {
+      const checkbox = checkboxItem.querySelector("input[type='checkbox']");
+
+      if (checkbox) {
+        const checkmark = checkbox
+          .closest(".checkbox-item")
+          .querySelector(".checkmark");
+
+        if (checkbox.checked) {
+          checkmark.classList.add("active");
+        } else {
+          checkmark.classList.remove("active");
+        }
+        checkbox.addEventListener("change", function () {
+          const value = this.checked;
+          const checkmark =
+            this.closest(".checkbox-item").querySelector(".checkmark");
+          if (value) {
+            checkmark.classList.add("active");
+          } else {
+            checkmark.classList.remove("active");
+          }
+        });
+      }
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/scrollUp.js b/quarter-rtl/assets/js/scrollUp.js
new file mode 100644
index 0000000..95dccbf
--- /dev/null
+++ b/quarter-rtl/assets/js/scrollUp.js
@@ -0,0 +1,19 @@
+const scrollUp = () => {
+  const scrollUpElement = document.querySelector(".scroll-up");
+  if (scrollUpElement) {
+    scrollUpElement.addEventListener("click", () => {
+      window.scroll({ top: 0, left: 0, behavior: "smooth" });
+    });
+
+    window.addEventListener("scroll", () => {
+      const scrollCount = window.scrollY;
+
+      if (scrollCount < 300) {
+        scrollUpElement.classList.remove("active");
+      }
+      if (scrollCount > 300) {
+        scrollUpElement.classList.add("active");
+      }
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/search.js b/quarter-rtl/assets/js/search.js
new file mode 100644
index 0000000..8c62111
--- /dev/null
+++ b/quarter-rtl/assets/js/search.js
@@ -0,0 +1,11 @@
+const search = () => {
+  const searchForm = document.querySelector(".search-form-container");
+  const searchToggle = document.querySelector(".search-toggle");
+  const searchShow = document.querySelector(".for-search-show");
+  const searchClose = document.querySelector(".for-search-close");
+  if (searchForm) {
+    searchToggle.addEventListener("click", () => {
+      searchForm.classList.toggle("active");
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/service.js b/quarter-rtl/assets/js/service.js
new file mode 100644
index 0000000..ded3cc6
--- /dev/null
+++ b/quarter-rtl/assets/js/service.js
@@ -0,0 +1,19 @@
+const service = () => {
+  const serviceCards = document.querySelectorAll(".service-cards");
+  if (serviceCards?.length) {
+    serviceCards.forEach((serviceCardsSingle) => {
+      const allServiceCards =
+        serviceCardsSingle.querySelectorAll(".service-card");
+
+      allServiceCards.forEach((serviceCard, idx) => {
+        serviceCard.addEventListener("mouseenter", function () {
+          allServiceCards.forEach((serviceCard) => {
+            serviceCard.classList.remove("active");
+          });
+
+          this.classList.add("active");
+        });
+      });
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/silder.js b/quarter-rtl/assets/js/silder.js
new file mode 100644
index 0000000..2384a9c
--- /dev/null
+++ b/quarter-rtl/assets/js/silder.js
@@ -0,0 +1,431 @@
+const silder = () => {
+  const swiperElement = document.querySelector(".swiper");
+  if (swiperElement) {
+    // swiper slider
+    var swiper = new Swiper(".primary-slider", {
+      slidesPerView: 1,
+      effect: "fade",
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+
+    // hero2  slider
+    var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
+      loop: true,
+      spaceBetween: 10,
+      slidesPerView: 3,
+      speed: 800,
+
+      // freeMode: true,
+      watchSlidesProgress: true,
+      breakpoints: {
+        1600: {
+          spaceBetween: 20,
+        },
+      },
+    });
+    var swiper1 = new Swiper(".hero-slider2", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+
+      thumbs: {
+        swiper: swiperThumbs,
+      },
+    });
+
+    // featured apartments slider
+    var swiper = new Swiper(".featured-apartments-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+        1800: {
+          slidesPerView: 4,
+        },
+      },
+    });
+   
+    // featured apartments slider2
+    var swiper = new Swiper(".featured-apartments-slider2", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // testimonials slider
+    var swiper = new Swiper(".testimonials-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // testimonials2 slider
+    var swiper = new Swiper(".testimonials-slider2", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        768: {
+          slidesPerView: 2,
+        },
+      },
+    });
+    // testimonials 3 slider
+    const testimonials3ThumbsSlider = new Swiper(
+      ".testimonials3-tumbs_slider",
+      {
+        slidesPerView: "auto",
+        cssMode: true,
+        preventClicks: false,
+      }
+    );
+    const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 1500,
+      effect: "fade",
+
+      autoplay: {
+        delay: 5000,
+        disableOnInteraction: false,
+      },
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+
+      thumbs: {
+        swiper: testimonials3ThumbsSlider,
+      },
+    });
+    // testimonials 4 slider
+    var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+      },
+    });
+
+    const testimonialQuoteMenus = document.querySelectorAll(
+      ".testimonial-quote-menu"
+    );
+    // random thumb menu
+
+    if (testimonialQuoteMenus?.length) {
+      testimonialQuoteMenus.forEach((quoteMenu, idx) => {
+        const menuContainer = quoteMenu.closest(
+          ".testimonial-quote-menu-container"
+        );
+
+        const quoteMenu2 = quoteMenu;
+        let innerHtmlogQuoteMenu2 = "";
+        let ul = document.createElement("ul");
+
+        ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
+
+        quoteMenu2.querySelectorAll("li").forEach((li2) => {
+          innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
+        });
+        ul.innerHTML = innerHtmlogQuoteMenu2;
+        if (menuContainer) {
+          menuContainer.appendChild(ul);
+        }
+      });
+      const menuCopy = document.querySelector(".testimonial-quote-menu2");
+
+      // add active class to animatable image
+      const isActive = (cs) => {
+        menuCopy.style.zIndex = 20;
+        menuCopy.querySelectorAll("li").forEach((li, idx) => {
+          li.classList.remove("active");
+          if (cs === idx) {
+            li.classList.add("active");
+          }
+
+          setTimeout(() => {
+            li.classList.remove("active");
+            menuCopy.style.zIndex = 1;
+          }, 300);
+        });
+      };
+
+      testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
+        if (
+          testimonialsSlider3.realIndex !==
+          testimonialsSlider3.previousRealIndex
+        ) {
+          isActive(testimonialsSlider3.realIndex);
+        }
+      };
+    }
+
+    // news slider
+    var swiper = new Swiper(".news-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // news single slider
+    var swiper = new Swiper(".news-single-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+    });
+
+    // properties slider
+    var swiper = new Swiper(".properties-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // upcoming projects slider
+    var swiper = new Swiper(".project-slider-container", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+    // neighbour slider
+    var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
+      loop: true,
+      spaceBetween: 8,
+      slidesPerView: 3,
+      freeMode: true,
+      watchSlidesProgress: true,
+    });
+    var swiper = new Swiper(".neighbour-slider", {
+      slidesPerView: 1,
+      speed: 800,
+
+      effect: "fade",
+      thumbs: {
+        swiper: neighbourswiperThumbs,
+      },
+    });
+    // brands slider
+    var swiper = new Swiper(".brand-slider", {
+      slidesPerView: 2,
+      spaceBetween: 30,
+      speed: 800,
+      loop: true,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 3,
+        },
+        768: {
+          slidesPerView: 4,
+        },
+        992: {
+          slidesPerView: 5,
+        },
+      },
+    });
+
+    // portfolio slider
+    var swiper = new Swiper(".portfolio-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+        1200: {
+          slidesPerView: 4,
+        },
+      },
+    });
+    // popular properties slider
+    var swiper = new Swiper(".popular-properties-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      autoplay: {
+        delay: 5000,
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+    // product details slider
+    var swiper = new Swiper(".product-details-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      preventClicksPropagation: false,
+      centeredSlides: true,
+      autoplay: {
+        delay: 10000,
+      },
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        768: {
+          slidesPerView: 1.6,
+        },
+        992: {
+          slidesPerView: 1.55,
+        },
+
+        1600: {
+          slidesPerView: 1.9,
+        },
+      },
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/smoothScroll.js b/quarter-rtl/assets/js/smoothScroll.js
new file mode 100644
index 0000000..1fb64b7
--- /dev/null
+++ b/quarter-rtl/assets/js/smoothScroll.js
@@ -0,0 +1,20 @@
+const smoothScroll = () => {
+  var links = document.querySelectorAll('a[href^="#"]');
+  if (!links.length) {
+    return;
+  }
+  links.forEach(function (link) {
+    link.addEventListener("click", function (e) {
+      e.preventDefault();
+
+      var targetId = this.getAttribute("href").substring(1);
+
+      var targetElement = document.getElementById(targetId);
+      if (targetElement) {
+        targetElement.scrollIntoView({ behavior: "smooth" });
+      } else {
+        window.scroll({ top: 0, left: 0, behavior: "smooth" });
+      }
+    });
+  });
+};
diff --git a/quarter-rtl/assets/js/stickyHeader.js b/quarter-rtl/assets/js/stickyHeader.js
new file mode 100644
index 0000000..4c0bf7c
--- /dev/null
+++ b/quarter-rtl/assets/js/stickyHeader.js
@@ -0,0 +1,35 @@
+const stickystickyHeader = () => {
+  const header = document.querySelector("header");
+  const stickyHeader = header?.querySelector(".sticky-header");
+
+  if (stickyHeader) {
+    window.addEventListener("scroll", () => {
+      const stickyHeaderHeight = stickyHeader.offsetHeight;
+      const scrollCount = window.scrollY;
+
+      // if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
+
+      // }
+      if (scrollCount < 300) {
+        if (scrollCount > 200) {
+          stickyHeader.setAttribute(
+            "style",
+            `position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
+        `
+          );
+          stickyHeader.classList.remove("active");
+        } else {
+          stickyHeader.removeAttribute("style");
+          stickyHeader.classList.remove("active");
+        }
+      }
+      if (scrollCount > 300) {
+        stickyHeader.setAttribute(
+          "style",
+          " position: fixed;top: 0px; left:0;right:0 "
+        );
+        stickyHeader.classList.add("active");
+      }
+    });
+  }
+};
diff --git a/quarter-rtl/assets/js/swiper-bundle.min.js b/quarter-rtl/assets/js/swiper-bundle.min.js
new file mode 100644
index 0000000..63d389b
--- /dev/null
+++ b/quarter-rtl/assets/js/swiper-bundle.min.js
@@ -0,0 +1,7503 @@
+/**
+ * Swiper 11.1.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2024 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: May 30, 2024
+ */
+
+var Swiper = (function () {
+  "use strict";
+  function e(e) {
+    return (
+      null !== e &&
+      "object" == typeof e &&
+      "constructor" in e &&
+      e.constructor === Object
+    );
+  }
+  function t(s, a) {
+    void 0 === s && (s = {}),
+      void 0 === a && (a = {}),
+      Object.keys(a).forEach((i) => {
+        void 0 === s[i]
+          ? (s[i] = a[i])
+          : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]);
+      });
+  }
+  const s = {
+    body: {},
+    addEventListener() {},
+    removeEventListener() {},
+    activeElement: { blur() {}, nodeName: "" },
+    querySelector: () => null,
+    querySelectorAll: () => [],
+    getElementById: () => null,
+    createEvent: () => ({ initEvent() {} }),
+    createElement: () => ({
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute() {},
+      getElementsByTagName: () => [],
+    }),
+    createElementNS: () => ({}),
+    importNode: () => null,
+    location: {
+      hash: "",
+      host: "",
+      hostname: "",
+      href: "",
+      origin: "",
+      pathname: "",
+      protocol: "",
+      search: "",
+    },
+  };
+  function a() {
+    const e = "undefined" != typeof document ? document : {};
+    return t(e, s), e;
+  }
+  const i = {
+    document: s,
+    navigator: { userAgent: "" },
+    location: {
+      hash: "",
+      host: "",
+      hostname: "",
+      href: "",
+      origin: "",
+      pathname: "",
+      protocol: "",
+      search: "",
+    },
+    history: { replaceState() {}, pushState() {}, go() {}, back() {} },
+    CustomEvent: function () {
+      return this;
+    },
+    addEventListener() {},
+    removeEventListener() {},
+    getComputedStyle: () => ({ getPropertyValue: () => "" }),
+    Image() {},
+    Date() {},
+    screen: {},
+    setTimeout() {},
+    clearTimeout() {},
+    matchMedia: () => ({}),
+    requestAnimationFrame: (e) =>
+      "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0),
+    cancelAnimationFrame(e) {
+      "undefined" != typeof setTimeout && clearTimeout(e);
+    },
+  };
+  function r() {
+    const e = "undefined" != typeof window ? window : {};
+    return t(e, i), e;
+  }
+  function n(e) {
+    return (
+      void 0 === e && (e = ""),
+      e
+        .trim()
+        .split(" ")
+        .filter((e) => !!e.trim())
+    );
+  }
+  function l(e, t) {
+    return void 0 === t && (t = 0), setTimeout(e, t);
+  }
+  function o() {
+    return Date.now();
+  }
+  function d(e, t) {
+    void 0 === t && (t = "x");
+    const s = r();
+    let a, i, n;
+    const l = (function (e) {
+      const t = r();
+      let s;
+      return (
+        t.getComputedStyle && (s = t.getComputedStyle(e, null)),
+        !s && e.currentStyle && (s = e.currentStyle),
+        s || (s = e.style),
+        s
+      );
+    })(e);
+    return (
+      s.WebKitCSSMatrix
+        ? ((i = l.transform || l.webkitTransform),
+          i.split(",").length > 6 &&
+            (i = i
+              .split(", ")
+              .map((e) => e.replace(",", "."))
+              .join(", ")),
+          (n = new s.WebKitCSSMatrix("none" === i ? "" : i)))
+        : ((n =
+            l.MozTransform ||
+            l.OTransform ||
+            l.MsTransform ||
+            l.msTransform ||
+            l.transform ||
+            l
+              .getPropertyValue("transform")
+              .replace("translate(", "matrix(1, 0, 0, 1,")),
+          (a = n.toString().split(","))),
+      "x" === t &&
+        (i = s.WebKitCSSMatrix
+          ? n.m41
+          : 16 === a.length
+          ? parseFloat(a[12])
+          : parseFloat(a[4])),
+      "y" === t &&
+        (i = s.WebKitCSSMatrix
+          ? n.m42
+          : 16 === a.length
+          ? parseFloat(a[13])
+          : parseFloat(a[5])),
+      i || 0
+    );
+  }
+  function c(e) {
+    return (
+      "object" == typeof e &&
+      null !== e &&
+      e.constructor &&
+      "Object" === Object.prototype.toString.call(e).slice(8, -1)
+    );
+  }
+  function p() {
+    const e = Object(arguments.length <= 0 ? void 0 : arguments[0]),
+      t = ["__proto__", "constructor", "prototype"];
+    for (let a = 1; a < arguments.length; a += 1) {
+      const i = a < 0 || arguments.length <= a ? void 0 : arguments[a];
+      if (
+        null != i &&
+        ((s = i),
+        !("undefined" != typeof window && void 0 !== window.HTMLElement
+          ? s instanceof HTMLElement
+          : s && (1 === s.nodeType || 11 === s.nodeType)))
+      ) {
+        const s = Object.keys(Object(i)).filter((e) => t.indexOf(e) < 0);
+        for (let t = 0, a = s.length; t < a; t += 1) {
+          const a = s[t],
+            r = Object.getOwnPropertyDescriptor(i, a);
+          void 0 !== r &&
+            r.enumerable &&
+            (c(e[a]) && c(i[a])
+              ? i[a].__swiper__
+                ? (e[a] = i[a])
+                : p(e[a], i[a])
+              : !c(e[a]) && c(i[a])
+              ? ((e[a] = {}), i[a].__swiper__ ? (e[a] = i[a]) : p(e[a], i[a]))
+              : (e[a] = i[a]));
+        }
+      }
+    }
+    var s;
+    return e;
+  }
+  function u(e, t, s) {
+    e.style.setProperty(t, s);
+  }
+  function m(e) {
+    let { swiper: t, targetPosition: s, side: a } = e;
+    const i = r(),
+      n = -t.translate;
+    let l,
+      o = null;
+    const d = t.params.speed;
+    (t.wrapperEl.style.scrollSnapType = "none"),
+      i.cancelAnimationFrame(t.cssModeFrameID);
+    const c = s > n ? "next" : "prev",
+      p = (e, t) => ("next" === c && e >= t) || ("prev" === c && e <= t),
+      u = () => {
+        (l = new Date().getTime()), null === o && (o = l);
+        const e = Math.max(Math.min((l - o) / d, 1), 0),
+          r = 0.5 - Math.cos(e * Math.PI) / 2;
+        let c = n + r * (s - n);
+        if ((p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s)))
+          return (
+            (t.wrapperEl.style.overflow = "hidden"),
+            (t.wrapperEl.style.scrollSnapType = ""),
+            setTimeout(() => {
+              (t.wrapperEl.style.overflow = ""),
+                t.wrapperEl.scrollTo({ [a]: c });
+            }),
+            void i.cancelAnimationFrame(t.cssModeFrameID)
+          );
+        t.cssModeFrameID = i.requestAnimationFrame(u);
+      };
+    u();
+  }
+  function h(e) {
+    return (
+      e.querySelector(".swiper-slide-transform") ||
+      (e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform")) ||
+      e
+    );
+  }
+  function f(e, t) {
+    return (
+      void 0 === t && (t = ""), [...e.children].filter((e) => e.matches(t))
+    );
+  }
+  function g(e) {
+    try {
+      return void console.warn(e);
+    } catch (e) {}
+  }
+  function v(e, t) {
+    void 0 === t && (t = []);
+    const s = document.createElement(e);
+    return s.classList.add(...(Array.isArray(t) ? t : n(t))), s;
+  }
+  function w(e) {
+    const t = r(),
+      s = a(),
+      i = e.getBoundingClientRect(),
+      n = s.body,
+      l = e.clientTop || n.clientTop || 0,
+      o = e.clientLeft || n.clientLeft || 0,
+      d = e === t ? t.scrollY : e.scrollTop,
+      c = e === t ? t.scrollX : e.scrollLeft;
+    return { top: i.top + d - l, left: i.left + c - o };
+  }
+  function b(e, t) {
+    return r().getComputedStyle(e, null).getPropertyValue(t);
+  }
+  function y(e) {
+    let t,
+      s = e;
+    if (s) {
+      for (t = 0; null !== (s = s.previousSibling); )
+        1 === s.nodeType && (t += 1);
+      return t;
+    }
+  }
+  function E(e, t) {
+    const s = [];
+    let a = e.parentElement;
+    for (; a; )
+      t ? a.matches(t) && s.push(a) : s.push(a), (a = a.parentElement);
+    return s;
+  }
+  function x(e, t) {
+    t &&
+      e.addEventListener("transitionend", function s(a) {
+        a.target === e &&
+          (t.call(e, a), e.removeEventListener("transitionend", s));
+      });
+  }
+  function S(e, t, s) {
+    const a = r();
+    return s
+      ? e["width" === t ? "offsetWidth" : "offsetHeight"] +
+          parseFloat(
+            a
+              .getComputedStyle(e, null)
+              .getPropertyValue("width" === t ? "margin-right" : "margin-top")
+          ) +
+          parseFloat(
+            a
+              .getComputedStyle(e, null)
+              .getPropertyValue("width" === t ? "margin-left" : "margin-bottom")
+          )
+      : e.offsetWidth;
+  }
+  function T(e) {
+    return (Array.isArray(e) ? e : [e]).filter((e) => !!e);
+  }
+  let M, C, P;
+  function L() {
+    return (
+      M ||
+        (M = (function () {
+          const e = r(),
+            t = a();
+          return {
+            smoothScroll:
+              t.documentElement &&
+              t.documentElement.style &&
+              "scrollBehavior" in t.documentElement.style,
+            touch: !!(
+              "ontouchstart" in e ||
+              (e.DocumentTouch && t instanceof e.DocumentTouch)
+            ),
+          };
+        })()),
+      M
+    );
+  }
+  function I(e) {
+    return (
+      void 0 === e && (e = {}),
+      C ||
+        (C = (function (e) {
+          let { userAgent: t } = void 0 === e ? {} : e;
+          const s = L(),
+            a = r(),
+            i = a.navigator.platform,
+            n = t || a.navigator.userAgent,
+            l = { ios: !1, android: !1 },
+            o = a.screen.width,
+            d = a.screen.height,
+            c = n.match(/(Android);?[\s\/]+([\d.]+)?/);
+          let p = n.match(/(iPad).*OS\s([\d_]+)/);
+          const u = n.match(/(iPod)(.*OS\s([\d_]+))?/),
+            m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),
+            h = "Win32" === i;
+          let f = "MacIntel" === i;
+          return (
+            !p &&
+              f &&
+              s.touch &&
+              [
+                "1024x1366",
+                "1366x1024",
+                "834x1194",
+                "1194x834",
+                "834x1112",
+                "1112x834",
+                "768x1024",
+                "1024x768",
+                "820x1180",
+                "1180x820",
+                "810x1080",
+                "1080x810",
+              ].indexOf(`${o}x${d}`) >= 0 &&
+              ((p = n.match(/(Version)\/([\d.]+)/)),
+              p || (p = [0, 1, "13_0_0"]),
+              (f = !1)),
+            c && !h && ((l.os = "android"), (l.android = !0)),
+            (p || m || u) && ((l.os = "ios"), (l.ios = !0)),
+            l
+          );
+        })(e)),
+      C
+    );
+  }
+  function A() {
+    return (
+      P ||
+        (P = (function () {
+          const e = r(),
+            t = I();
+          let s = !1;
+          function a() {
+            const t = e.navigator.userAgent.toLowerCase();
+            return (
+              t.indexOf("safari") >= 0 &&
+              t.indexOf("chrome") < 0 &&
+              t.indexOf("android") < 0
+            );
+          }
+          if (a()) {
+            const t = String(e.navigator.userAgent);
+            if (t.includes("Version/")) {
+              const [e, a] = t
+                .split("Version/")[1]
+                .split(" ")[0]
+                .split(".")
+                .map((e) => Number(e));
+              s = e < 16 || (16 === e && a < 2);
+            }
+          }
+          const i = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(
+              e.navigator.userAgent
+            ),
+            n = a();
+          return {
+            isSafari: s || n,
+            needPerspectiveFix: s,
+            need3dFix: n || (i && t.ios),
+            isWebView: i,
+          };
+        })()),
+      P
+    );
+  }
+  var z = {
+    on(e, t, s) {
+      const a = this;
+      if (!a.eventsListeners || a.destroyed) return a;
+      if ("function" != typeof t) return a;
+      const i = s ? "unshift" : "push";
+      return (
+        e.split(" ").forEach((e) => {
+          a.eventsListeners[e] || (a.eventsListeners[e] = []),
+            a.eventsListeners[e][i](t);
+        }),
+        a
+      );
+    },
+    once(e, t, s) {
+      const a = this;
+      if (!a.eventsListeners || a.destroyed) return a;
+      if ("function" != typeof t) return a;
+      function i() {
+        a.off(e, i), i.__emitterProxy && delete i.__emitterProxy;
+        for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++)
+          r[n] = arguments[n];
+        t.apply(a, r);
+      }
+      return (i.__emitterProxy = t), a.on(e, i, s);
+    },
+    onAny(e, t) {
+      const s = this;
+      if (!s.eventsListeners || s.destroyed) return s;
+      if ("function" != typeof e) return s;
+      const a = t ? "unshift" : "push";
+      return (
+        s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s
+      );
+    },
+    offAny(e) {
+      const t = this;
+      if (!t.eventsListeners || t.destroyed) return t;
+      if (!t.eventsAnyListeners) return t;
+      const s = t.eventsAnyListeners.indexOf(e);
+      return s >= 0 && t.eventsAnyListeners.splice(s, 1), t;
+    },
+    off(e, t) {
+      const s = this;
+      return !s.eventsListeners || s.destroyed
+        ? s
+        : s.eventsListeners
+        ? (e.split(" ").forEach((e) => {
+            void 0 === t
+              ? (s.eventsListeners[e] = [])
+              : s.eventsListeners[e] &&
+                s.eventsListeners[e].forEach((a, i) => {
+                  (a === t || (a.__emitterProxy && a.__emitterProxy === t)) &&
+                    s.eventsListeners[e].splice(i, 1);
+                });
+          }),
+          s)
+        : s;
+    },
+    emit() {
+      const e = this;
+      if (!e.eventsListeners || e.destroyed) return e;
+      if (!e.eventsListeners) return e;
+      let t, s, a;
+      for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)
+        r[n] = arguments[n];
+      "string" == typeof r[0] || Array.isArray(r[0])
+        ? ((t = r[0]), (s = r.slice(1, r.length)), (a = e))
+        : ((t = r[0].events), (s = r[0].data), (a = r[0].context || e)),
+        s.unshift(a);
+      return (
+        (Array.isArray(t) ? t : t.split(" ")).forEach((t) => {
+          e.eventsAnyListeners &&
+            e.eventsAnyListeners.length &&
+            e.eventsAnyListeners.forEach((e) => {
+              e.apply(a, [t, ...s]);
+            }),
+            e.eventsListeners &&
+              e.eventsListeners[t] &&
+              e.eventsListeners[t].forEach((e) => {
+                e.apply(a, s);
+              });
+        }),
+        e
+      );
+    },
+  };
+  const $ = (e, t, s) => {
+    t && !e.classList.contains(s)
+      ? e.classList.add(s)
+      : !t && e.classList.contains(s) && e.classList.remove(s);
+  };
+  const k = (e, t, s) => {
+    t && !e.classList.contains(s)
+      ? e.classList.add(s)
+      : !t && e.classList.contains(s) && e.classList.remove(s);
+  };
+  const O = (e, t) => {
+      if (!e || e.destroyed || !e.params) return;
+      const s = t.closest(
+        e.isElement ? "swiper-slide" : `.${e.params.slideClass}`
+      );
+      if (s) {
+        let t = s.querySelector(`.${e.params.lazyPreloaderClass}`);
+        !t &&
+          e.isElement &&
+          (s.shadowRoot
+            ? (t = s.shadowRoot.querySelector(
+                `.${e.params.lazyPreloaderClass}`
+              ))
+            : requestAnimationFrame(() => {
+                s.shadowRoot &&
+                  ((t = s.shadowRoot.querySelector(
+                    `.${e.params.lazyPreloaderClass}`
+                  )),
+                  t && t.remove());
+              })),
+          t && t.remove();
+      }
+    },
+    D = (e, t) => {
+      if (!e.slides[t]) return;
+      const s = e.slides[t].querySelector('[loading="lazy"]');
+      s && s.removeAttribute("loading");
+    },
+    G = (e) => {
+      if (!e || e.destroyed || !e.params) return;
+      let t = e.params.lazyPreloadPrevNext;
+      const s = e.slides.length;
+      if (!s || !t || t < 0) return;
+      t = Math.min(t, s);
+      const a =
+          "auto" === e.params.slidesPerView
+            ? e.slidesPerViewDynamic()
+            : Math.ceil(e.params.slidesPerView),
+        i = e.activeIndex;
+      if (e.params.grid && e.params.grid.rows > 1) {
+        const s = i,
+          r = [s - t];
+        return (
+          r.push(...Array.from({ length: t }).map((e, t) => s + a + t)),
+          void e.slides.forEach((t, s) => {
+            r.includes(t.column) && D(e, s);
+          })
+        );
+      }
+      const r = i + a - 1;
+      if (e.params.rewind || e.params.loop)
+        for (let a = i - t; a <= r + t; a += 1) {
+          const t = ((a % s) + s) % s;
+          (t < i || t > r) && D(e, t);
+        }
+      else
+        for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1)
+          a !== i && (a > r || a < i) && D(e, a);
+    };
+  var H = {
+    updateSize: function () {
+      const e = this;
+      let t, s;
+      const a = e.el;
+      (t =
+        void 0 !== e.params.width && null !== e.params.width
+          ? e.params.width
+          : a.clientWidth),
+        (s =
+          void 0 !== e.params.height && null !== e.params.height
+            ? e.params.height
+            : a.clientHeight),
+        (0 === t && e.isHorizontal()) ||
+          (0 === s && e.isVertical()) ||
+          ((t =
+            t -
+            parseInt(b(a, "padding-left") || 0, 10) -
+            parseInt(b(a, "padding-right") || 0, 10)),
+          (s =
+            s -
+            parseInt(b(a, "padding-top") || 0, 10) -
+            parseInt(b(a, "padding-bottom") || 0, 10)),
+          Number.isNaN(t) && (t = 0),
+          Number.isNaN(s) && (s = 0),
+          Object.assign(e, {
+            width: t,
+            height: s,
+            size: e.isHorizontal() ? t : s,
+          }));
+    },
+    updateSlides: function () {
+      const e = this;
+      function t(t, s) {
+        return parseFloat(t.getPropertyValue(e.getDirectionLabel(s)) || 0);
+      }
+      const s = e.params,
+        {
+          wrapperEl: a,
+          slidesEl: i,
+          size: r,
+          rtlTranslate: n,
+          wrongRTL: l,
+        } = e,
+        o = e.virtual && s.virtual.enabled,
+        d = o ? e.virtual.slides.length : e.slides.length,
+        c = f(i, `.${e.params.slideClass}, swiper-slide`),
+        p = o ? e.virtual.slides.length : c.length;
+      let m = [];
+      const h = [],
+        g = [];
+      let v = s.slidesOffsetBefore;
+      "function" == typeof v && (v = s.slidesOffsetBefore.call(e));
+      let w = s.slidesOffsetAfter;
+      "function" == typeof w && (w = s.slidesOffsetAfter.call(e));
+      const y = e.snapGrid.length,
+        E = e.slidesGrid.length;
+      let x = s.spaceBetween,
+        T = -v,
+        M = 0,
+        C = 0;
+      if (void 0 === r) return;
+      "string" == typeof x && x.indexOf("%") >= 0
+        ? (x = (parseFloat(x.replace("%", "")) / 100) * r)
+        : "string" == typeof x && (x = parseFloat(x)),
+        (e.virtualSize = -x),
+        c.forEach((e) => {
+          n ? (e.style.marginLeft = "") : (e.style.marginRight = ""),
+            (e.style.marginBottom = ""),
+            (e.style.marginTop = "");
+        }),
+        s.centeredSlides &&
+          s.cssMode &&
+          (u(a, "--swiper-centered-offset-before", ""),
+          u(a, "--swiper-centered-offset-after", ""));
+      const P = s.grid && s.grid.rows > 1 && e.grid;
+      let L;
+      P ? e.grid.initSlides(c) : e.grid && e.grid.unsetSlides();
+      const I =
+        "auto" === s.slidesPerView &&
+        s.breakpoints &&
+        Object.keys(s.breakpoints).filter(
+          (e) => void 0 !== s.breakpoints[e].slidesPerView
+        ).length > 0;
+      for (let a = 0; a < p; a += 1) {
+        let i;
+        if (
+          ((L = 0),
+          c[a] && (i = c[a]),
+          P && e.grid.updateSlide(a, i, c),
+          !c[a] || "none" !== b(i, "display"))
+        ) {
+          if ("auto" === s.slidesPerView) {
+            I && (c[a].style[e.getDirectionLabel("width")] = "");
+            const r = getComputedStyle(i),
+              n = i.style.transform,
+              l = i.style.webkitTransform;
+            if (
+              (n && (i.style.transform = "none"),
+              l && (i.style.webkitTransform = "none"),
+              s.roundLengths)
+            )
+              L = e.isHorizontal() ? S(i, "width", !0) : S(i, "height", !0);
+            else {
+              const e = t(r, "width"),
+                s = t(r, "padding-left"),
+                a = t(r, "padding-right"),
+                n = t(r, "margin-left"),
+                l = t(r, "margin-right"),
+                o = r.getPropertyValue("box-sizing");
+              if (o && "border-box" === o) L = e + n + l;
+              else {
+                const { clientWidth: t, offsetWidth: r } = i;
+                L = e + s + a + n + l + (r - t);
+              }
+            }
+            n && (i.style.transform = n),
+              l && (i.style.webkitTransform = l),
+              s.roundLengths && (L = Math.floor(L));
+          } else
+            (L = (r - (s.slidesPerView - 1) * x) / s.slidesPerView),
+              s.roundLengths && (L = Math.floor(L)),
+              c[a] && (c[a].style[e.getDirectionLabel("width")] = `${L}px`);
+          c[a] && (c[a].swiperSlideSize = L),
+            g.push(L),
+            s.centeredSlides
+              ? ((T = T + L / 2 + M / 2 + x),
+                0 === M && 0 !== a && (T = T - r / 2 - x),
+                0 === a && (T = T - r / 2 - x),
+                Math.abs(T) < 0.001 && (T = 0),
+                s.roundLengths && (T = Math.floor(T)),
+                C % s.slidesPerGroup == 0 && m.push(T),
+                h.push(T))
+              : (s.roundLengths && (T = Math.floor(T)),
+                (C - Math.min(e.params.slidesPerGroupSkip, C)) %
+                  e.params.slidesPerGroup ==
+                  0 && m.push(T),
+                h.push(T),
+                (T = T + L + x)),
+            (e.virtualSize += L + x),
+            (M = L),
+            (C += 1);
+        }
+      }
+      if (
+        ((e.virtualSize = Math.max(e.virtualSize, r) + w),
+        n &&
+          l &&
+          ("slide" === s.effect || "coverflow" === s.effect) &&
+          (a.style.width = `${e.virtualSize + x}px`),
+        s.setWrapperSize &&
+          (a.style[e.getDirectionLabel("width")] = `${e.virtualSize + x}px`),
+        P && e.grid.updateWrapperSize(L, m),
+        !s.centeredSlides)
+      ) {
+        const t = [];
+        for (let a = 0; a < m.length; a += 1) {
+          let i = m[a];
+          s.roundLengths && (i = Math.floor(i)),
+            m[a] <= e.virtualSize - r && t.push(i);
+        }
+        (m = t),
+          Math.floor(e.virtualSize - r) - Math.floor(m[m.length - 1]) > 1 &&
+            m.push(e.virtualSize - r);
+      }
+      if (o && s.loop) {
+        const t = g[0] + x;
+        if (s.slidesPerGroup > 1) {
+          const a = Math.ceil(
+              (e.virtual.slidesBefore + e.virtual.slidesAfter) /
+                s.slidesPerGroup
+            ),
+            i = t * s.slidesPerGroup;
+          for (let e = 0; e < a; e += 1) m.push(m[m.length - 1] + i);
+        }
+        for (
+          let a = 0;
+          a < e.virtual.slidesBefore + e.virtual.slidesAfter;
+          a += 1
+        )
+          1 === s.slidesPerGroup && m.push(m[m.length - 1] + t),
+            h.push(h[h.length - 1] + t),
+            (e.virtualSize += t);
+      }
+      if ((0 === m.length && (m = [0]), 0 !== x)) {
+        const t =
+          e.isHorizontal() && n
+            ? "marginLeft"
+            : e.getDirectionLabel("marginRight");
+        c.filter(
+          (e, t) => !(s.cssMode && !s.loop) || t !== c.length - 1
+        ).forEach((e) => {
+          e.style[t] = `${x}px`;
+        });
+      }
+      if (s.centeredSlides && s.centeredSlidesBounds) {
+        let e = 0;
+        g.forEach((t) => {
+          e += t + (x || 0);
+        }),
+          (e -= x);
+        const t = e - r;
+        m = m.map((e) => (e <= 0 ? -v : e > t ? t + w : e));
+      }
+      if (s.centerInsufficientSlides) {
+        let e = 0;
+        g.forEach((t) => {
+          e += t + (x || 0);
+        }),
+          (e -= x);
+        const t = (s.slidesOffsetBefore || 0) + (s.slidesOffsetAfter || 0);
+        if (e + t < r) {
+          const s = (r - e - t) / 2;
+          m.forEach((e, t) => {
+            m[t] = e - s;
+          }),
+            h.forEach((e, t) => {
+              h[t] = e + s;
+            });
+        }
+      }
+      if (
+        (Object.assign(e, {
+          slides: c,
+          snapGrid: m,
+          slidesGrid: h,
+          slidesSizesGrid: g,
+        }),
+        s.centeredSlides && s.cssMode && !s.centeredSlidesBounds)
+      ) {
+        u(a, "--swiper-centered-offset-before", -m[0] + "px"),
+          u(
+            a,
+            "--swiper-centered-offset-after",
+            e.size / 2 - g[g.length - 1] / 2 + "px"
+          );
+        const t = -e.snapGrid[0],
+          s = -e.slidesGrid[0];
+        (e.snapGrid = e.snapGrid.map((e) => e + t)),
+          (e.slidesGrid = e.slidesGrid.map((e) => e + s));
+      }
+      if (
+        (p !== d && e.emit("slidesLengthChange"),
+        m.length !== y &&
+          (e.params.watchOverflow && e.checkOverflow(),
+          e.emit("snapGridLengthChange")),
+        h.length !== E && e.emit("slidesGridLengthChange"),
+        s.watchSlidesProgress && e.updateSlidesOffset(),
+        e.emit("slidesUpdated"),
+        !(o || s.cssMode || ("slide" !== s.effect && "fade" !== s.effect)))
+      ) {
+        const t = `${s.containerModifierClass}backface-hidden`,
+          a = e.el.classList.contains(t);
+        p <= s.maxBackfaceHiddenSlides
+          ? a || e.el.classList.add(t)
+          : a && e.el.classList.remove(t);
+      }
+    },
+    updateAutoHeight: function (e) {
+      const t = this,
+        s = [],
+        a = t.virtual && t.params.virtual.enabled;
+      let i,
+        r = 0;
+      "number" == typeof e
+        ? t.setTransition(e)
+        : !0 === e && t.setTransition(t.params.speed);
+      const n = (e) => (a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]);
+      if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1)
+        if (t.params.centeredSlides)
+          (t.visibleSlides || []).forEach((e) => {
+            s.push(e);
+          });
+        else
+          for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) {
+            const e = t.activeIndex + i;
+            if (e > t.slides.length && !a) break;
+            s.push(n(e));
+          }
+      else s.push(n(t.activeIndex));
+      for (i = 0; i < s.length; i += 1)
+        if (void 0 !== s[i]) {
+          const e = s[i].offsetHeight;
+          r = e > r ? e : r;
+        }
+      (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`);
+    },
+    updateSlidesOffset: function () {
+      const e = this,
+        t = e.slides,
+        s = e.isElement
+          ? e.isHorizontal()
+            ? e.wrapperEl.offsetLeft
+            : e.wrapperEl.offsetTop
+          : 0;
+      for (let a = 0; a < t.length; a += 1)
+        t[a].swiperSlideOffset =
+          (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) -
+          s -
+          e.cssOverflowAdjustment();
+    },
+    updateSlidesProgress: function (e) {
+      void 0 === e && (e = (this && this.translate) || 0);
+      const t = this,
+        s = t.params,
+        { slides: a, rtlTranslate: i, snapGrid: r } = t;
+      if (0 === a.length) return;
+      void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset();
+      let n = -e;
+      i && (n = e), (t.visibleSlidesIndexes = []), (t.visibleSlides = []);
+      let l = s.spaceBetween;
+      "string" == typeof l && l.indexOf("%") >= 0
+        ? (l = (parseFloat(l.replace("%", "")) / 100) * t.size)
+        : "string" == typeof l && (l = parseFloat(l));
+      for (let e = 0; e < a.length; e += 1) {
+        const o = a[e];
+        let d = o.swiperSlideOffset;
+        s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset);
+        const c =
+            (n + (s.centeredSlides ? t.minTranslate() : 0) - d) /
+            (o.swiperSlideSize + l),
+          p =
+            (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) /
+            (o.swiperSlideSize + l),
+          u = -(n - d),
+          m = u + t.slidesSizesGrid[e],
+          h = u >= 0 && u <= t.size - t.slidesSizesGrid[e],
+          f =
+            (u >= 0 && u < t.size - 1) ||
+            (m > 1 && m <= t.size) ||
+            (u <= 0 && m >= t.size);
+        f && (t.visibleSlides.push(o), t.visibleSlidesIndexes.push(e)),
+          $(o, f, s.slideVisibleClass),
+          $(o, h, s.slideFullyVisibleClass),
+          (o.progress = i ? -c : c),
+          (o.originalProgress = i ? -p : p);
+      }
+    },
+    updateProgress: function (e) {
+      const t = this;
+      if (void 0 === e) {
+        const s = t.rtlTranslate ? -1 : 1;
+        e = (t && t.translate && t.translate * s) || 0;
+      }
+      const s = t.params,
+        a = t.maxTranslate() - t.minTranslate();
+      let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t;
+      const o = r,
+        d = n;
+      if (0 === a) (i = 0), (r = !0), (n = !0);
+      else {
+        i = (e - t.minTranslate()) / a;
+        const s = Math.abs(e - t.minTranslate()) < 1,
+          l = Math.abs(e - t.maxTranslate()) < 1;
+        (r = s || i <= 0), (n = l || i >= 1), s && (i = 0), l && (i = 1);
+      }
+      if (s.loop) {
+        const s = t.getSlideIndexByData(0),
+          a = t.getSlideIndexByData(t.slides.length - 1),
+          i = t.slidesGrid[s],
+          r = t.slidesGrid[a],
+          n = t.slidesGrid[t.slidesGrid.length - 1],
+          o = Math.abs(e);
+        (l = o >= i ? (o - i) / n : (o + n - r) / n), l > 1 && (l -= 1);
+      }
+      Object.assign(t, {
+        progress: i,
+        progressLoop: l,
+        isBeginning: r,
+        isEnd: n,
+      }),
+        (s.watchSlidesProgress || (s.centeredSlides && s.autoHeight)) &&
+          t.updateSlidesProgress(e),
+        r && !o && t.emit("reachBeginning toEdge"),
+        n && !d && t.emit("reachEnd toEdge"),
+        ((o && !r) || (d && !n)) && t.emit("fromEdge"),
+        t.emit("progress", i);
+    },
+    updateSlidesClasses: function () {
+      const e = this,
+        { slides: t, params: s, slidesEl: a, activeIndex: i } = e,
+        r = e.virtual && s.virtual.enabled,
+        n = e.grid && s.grid && s.grid.rows > 1,
+        l = (e) => f(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0];
+      let o, d, c;
+      if (r)
+        if (s.loop) {
+          let t = i - e.virtual.slidesBefore;
+          t < 0 && (t = e.virtual.slides.length + t),
+            t >= e.virtual.slides.length && (t -= e.virtual.slides.length),
+            (o = l(`[data-swiper-slide-index="${t}"]`));
+        } else o = l(`[data-swiper-slide-index="${i}"]`);
+      else
+        n
+          ? ((o = t.filter((e) => e.column === i)[0]),
+            (c = t.filter((e) => e.column === i + 1)[0]),
+            (d = t.filter((e) => e.column === i - 1)[0]))
+          : (o = t[i]);
+      o &&
+        (n ||
+          ((c = (function (e, t) {
+            const s = [];
+            for (; e.nextElementSibling; ) {
+              const a = e.nextElementSibling;
+              t ? a.matches(t) && s.push(a) : s.push(a), (e = a);
+            }
+            return s;
+          })(o, `.${s.slideClass}, swiper-slide`)[0]),
+          s.loop && !c && (c = t[0]),
+          (d = (function (e, t) {
+            const s = [];
+            for (; e.previousElementSibling; ) {
+              const a = e.previousElementSibling;
+              t ? a.matches(t) && s.push(a) : s.push(a), (e = a);
+            }
+            return s;
+          })(o, `.${s.slideClass}, swiper-slide`)[0]),
+          s.loop && 0 === !d && (d = t[t.length - 1]))),
+        t.forEach((e) => {
+          k(e, e === o, s.slideActiveClass),
+            k(e, e === c, s.slideNextClass),
+            k(e, e === d, s.slidePrevClass);
+        }),
+        e.emitSlidesClasses();
+    },
+    updateActiveIndex: function (e) {
+      const t = this,
+        s = t.rtlTranslate ? t.translate : -t.translate,
+        {
+          snapGrid: a,
+          params: i,
+          activeIndex: r,
+          realIndex: n,
+          snapIndex: l,
+        } = t;
+      let o,
+        d = e;
+      const c = (e) => {
+        let s = e - t.virtual.slidesBefore;
+        return (
+          s < 0 && (s = t.virtual.slides.length + s),
+          s >= t.virtual.slides.length && (s -= t.virtual.slides.length),
+          s
+        );
+      };
+      if (
+        (void 0 === d &&
+          (d = (function (e) {
+            const { slidesGrid: t, params: s } = e,
+              a = e.rtlTranslate ? e.translate : -e.translate;
+            let i;
+            for (let e = 0; e < t.length; e += 1)
+              void 0 !== t[e + 1]
+                ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2
+                  ? (i = e)
+                  : a >= t[e] && a < t[e + 1] && (i = e + 1)
+                : a >= t[e] && (i = e);
+            return (
+              s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i
+            );
+          })(t)),
+        a.indexOf(s) >= 0)
+      )
+        o = a.indexOf(s);
+      else {
+        const e = Math.min(i.slidesPerGroupSkip, d);
+        o = e + Math.floor((d - e) / i.slidesPerGroup);
+      }
+      if ((o >= a.length && (o = a.length - 1), d === r && !t.params.loop))
+        return void (o !== l && ((t.snapIndex = o), t.emit("snapIndexChange")));
+      if (d === r && t.params.loop && t.virtual && t.params.virtual.enabled)
+        return void (t.realIndex = c(d));
+      const p = t.grid && i.grid && i.grid.rows > 1;
+      let u;
+      if (t.virtual && i.virtual.enabled && i.loop) u = c(d);
+      else if (p) {
+        const e = t.slides.filter((e) => e.column === d)[0];
+        let s = parseInt(e.getAttribute("data-swiper-slide-index"), 10);
+        Number.isNaN(s) && (s = Math.max(t.slides.indexOf(e), 0)),
+          (u = Math.floor(s / i.grid.rows));
+      } else if (t.slides[d]) {
+        const e = t.slides[d].getAttribute("data-swiper-slide-index");
+        u = e ? parseInt(e, 10) : d;
+      } else u = d;
+      Object.assign(t, {
+        previousSnapIndex: l,
+        snapIndex: o,
+        previousRealIndex: n,
+        realIndex: u,
+        previousIndex: r,
+        activeIndex: d,
+      }),
+        t.initialized && G(t),
+        t.emit("activeIndexChange"),
+        t.emit("snapIndexChange"),
+        (t.initialized || t.params.runCallbacksOnInit) &&
+          (n !== u && t.emit("realIndexChange"), t.emit("slideChange"));
+    },
+    updateClickedSlide: function (e, t) {
+      const s = this,
+        a = s.params;
+      let i = e.closest(`.${a.slideClass}, swiper-slide`);
+      !i &&
+        s.isElement &&
+        t &&
+        t.length > 1 &&
+        t.includes(e) &&
+        [...t.slice(t.indexOf(e) + 1, t.length)].forEach((e) => {
+          !i &&
+            e.matches &&
+            e.matches(`.${a.slideClass}, swiper-slide`) &&
+            (i = e);
+        });
+      let r,
+        n = !1;
+      if (i)
+        for (let e = 0; e < s.slides.length; e += 1)
+          if (s.slides[e] === i) {
+            (n = !0), (r = e);
+            break;
+          }
+      if (!i || !n)
+        return (s.clickedSlide = void 0), void (s.clickedIndex = void 0);
+      (s.clickedSlide = i),
+        s.virtual && s.params.virtual.enabled
+          ? (s.clickedIndex = parseInt(
+              i.getAttribute("data-swiper-slide-index"),
+              10
+            ))
+          : (s.clickedIndex = r),
+        a.slideToClickedSlide &&
+          void 0 !== s.clickedIndex &&
+          s.clickedIndex !== s.activeIndex &&
+          s.slideToClickedSlide();
+    },
+  };
+  var N = {
+    getTranslate: function (e) {
+      void 0 === e && (e = this.isHorizontal() ? "x" : "y");
+      const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this;
+      if (t.virtualTranslate) return s ? -a : a;
+      if (t.cssMode) return a;
+      let r = d(i, e);
+      return (r += this.cssOverflowAdjustment()), s && (r = -r), r || 0;
+    },
+    setTranslate: function (e, t) {
+      const s = this,
+        { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s;
+      let l,
+        o = 0,
+        d = 0;
+      s.isHorizontal() ? (o = a ? -e : e) : (d = e),
+        i.roundLengths && ((o = Math.floor(o)), (d = Math.floor(d))),
+        (s.previousTranslate = s.translate),
+        (s.translate = s.isHorizontal() ? o : d),
+        i.cssMode
+          ? (r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal()
+              ? -o
+              : -d)
+          : i.virtualTranslate ||
+            (s.isHorizontal()
+              ? (o -= s.cssOverflowAdjustment())
+              : (d -= s.cssOverflowAdjustment()),
+            (r.style.transform = `translate3d(${o}px, ${d}px, 0px)`));
+      const c = s.maxTranslate() - s.minTranslate();
+      (l = 0 === c ? 0 : (e - s.minTranslate()) / c),
+        l !== n && s.updateProgress(e),
+        s.emit("setTranslate", s.translate, t);
+    },
+    minTranslate: function () {
+      return -this.snapGrid[0];
+    },
+    maxTranslate: function () {
+      return -this.snapGrid[this.snapGrid.length - 1];
+    },
+    translateTo: function (e, t, s, a, i) {
+      void 0 === e && (e = 0),
+        void 0 === t && (t = this.params.speed),
+        void 0 === s && (s = !0),
+        void 0 === a && (a = !0);
+      const r = this,
+        { params: n, wrapperEl: l } = r;
+      if (r.animating && n.preventInteractionOnTransition) return !1;
+      const o = r.minTranslate(),
+        d = r.maxTranslate();
+      let c;
+      if (
+        ((c = a && e > o ? o : a && e < d ? d : e),
+        r.updateProgress(c),
+        n.cssMode)
+      ) {
+        const e = r.isHorizontal();
+        if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c;
+        else {
+          if (!r.support.smoothScroll)
+            return (
+              m({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0
+            );
+          l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" });
+        }
+        return !0;
+      }
+      return (
+        0 === t
+          ? (r.setTransition(0),
+            r.setTranslate(c),
+            s &&
+              (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd")))
+          : (r.setTransition(t),
+            r.setTranslate(c),
+            s &&
+              (r.emit("beforeTransitionStart", t, i),
+              r.emit("transitionStart")),
+            r.animating ||
+              ((r.animating = !0),
+              r.onTranslateToWrapperTransitionEnd ||
+                (r.onTranslateToWrapperTransitionEnd = function (e) {
+                  r &&
+                    !r.destroyed &&
+                    e.target === this &&
+                    (r.wrapperEl.removeEventListener(
+                      "transitionend",
+                      r.onTranslateToWrapperTransitionEnd
+                    ),
+                    (r.onTranslateToWrapperTransitionEnd = null),
+                    delete r.onTranslateToWrapperTransitionEnd,
+                    (r.animating = !1),
+                    s && r.emit("transitionEnd"));
+                }),
+              r.wrapperEl.addEventListener(
+                "transitionend",
+                r.onTranslateToWrapperTransitionEnd
+              ))),
+        !0
+      );
+    },
+  };
+  function X(e) {
+    let { swiper: t, runCallbacks: s, direction: a, step: i } = e;
+    const { activeIndex: r, previousIndex: n } = t;
+    let l = a;
+    if (
+      (l || (l = r > n ? "next" : r < n ? "prev" : "reset"),
+      t.emit(`transition${i}`),
+      s && r !== n)
+    ) {
+      if ("reset" === l) return void t.emit(`slideResetTransition${i}`);
+      t.emit(`slideChangeTransition${i}`),
+        "next" === l
+          ? t.emit(`slideNextTransition${i}`)
+          : t.emit(`slidePrevTransition${i}`);
+    }
+  }
+  var B = {
+    slideTo: function (e, t, s, a, i) {
+      void 0 === e && (e = 0),
+        void 0 === s && (s = !0),
+        "string" == typeof e && (e = parseInt(e, 10));
+      const r = this;
+      let n = e;
+      n < 0 && (n = 0);
+      const {
+        params: l,
+        snapGrid: o,
+        slidesGrid: d,
+        previousIndex: c,
+        activeIndex: p,
+        rtlTranslate: u,
+        wrapperEl: h,
+        enabled: f,
+      } = r;
+      if (
+        (!f && !a && !i) ||
+        r.destroyed ||
+        (r.animating && l.preventInteractionOnTransition)
+      )
+        return !1;
+      void 0 === t && (t = r.params.speed);
+      const g = Math.min(r.params.slidesPerGroupSkip, n);
+      let v = g + Math.floor((n - g) / r.params.slidesPerGroup);
+      v >= o.length && (v = o.length - 1);
+      const w = -o[v];
+      if (l.normalizeSlideIndex)
+        for (let e = 0; e < d.length; e += 1) {
+          const t = -Math.floor(100 * w),
+            s = Math.floor(100 * d[e]),
+            a = Math.floor(100 * d[e + 1]);
+          void 0 !== d[e + 1]
+            ? t >= s && t < a - (a - s) / 2
+              ? (n = e)
+              : t >= s && t < a && (n = e + 1)
+            : t >= s && (n = e);
+        }
+      if (r.initialized && n !== p) {
+        if (
+          !r.allowSlideNext &&
+          (u
+            ? w > r.translate && w > r.minTranslate()
+            : w < r.translate && w < r.minTranslate())
+        )
+          return !1;
+        if (
+          !r.allowSlidePrev &&
+          w > r.translate &&
+          w > r.maxTranslate() &&
+          (p || 0) !== n
+        )
+          return !1;
+      }
+      let b;
+      if (
+        (n !== (c || 0) && s && r.emit("beforeSlideChangeStart"),
+        r.updateProgress(w),
+        (b = n > p ? "next" : n < p ? "prev" : "reset"),
+        (u && -w === r.translate) || (!u && w === r.translate))
+      )
+        return (
+          r.updateActiveIndex(n),
+          l.autoHeight && r.updateAutoHeight(),
+          r.updateSlidesClasses(),
+          "slide" !== l.effect && r.setTranslate(w),
+          "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)),
+          !1
+        );
+      if (l.cssMode) {
+        const e = r.isHorizontal(),
+          s = u ? w : -w;
+        if (0 === t) {
+          const t = r.virtual && r.params.virtual.enabled;
+          t &&
+            ((r.wrapperEl.style.scrollSnapType = "none"),
+            (r._immediateVirtual = !0)),
+            t && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0
+              ? ((r._cssModeVirtualInitialSet = !0),
+                requestAnimationFrame(() => {
+                  h[e ? "scrollLeft" : "scrollTop"] = s;
+                }))
+              : (h[e ? "scrollLeft" : "scrollTop"] = s),
+            t &&
+              requestAnimationFrame(() => {
+                (r.wrapperEl.style.scrollSnapType = ""),
+                  (r._immediateVirtual = !1);
+              });
+        } else {
+          if (!r.support.smoothScroll)
+            return (
+              m({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0
+            );
+          h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" });
+        }
+        return !0;
+      }
+      return (
+        r.setTransition(t),
+        r.setTranslate(w),
+        r.updateActiveIndex(n),
+        r.updateSlidesClasses(),
+        r.emit("beforeTransitionStart", t, a),
+        r.transitionStart(s, b),
+        0 === t
+          ? r.transitionEnd(s, b)
+          : r.animating ||
+            ((r.animating = !0),
+            r.onSlideToWrapperTransitionEnd ||
+              (r.onSlideToWrapperTransitionEnd = function (e) {
+                r &&
+                  !r.destroyed &&
+                  e.target === this &&
+                  (r.wrapperEl.removeEventListener(
+                    "transitionend",
+                    r.onSlideToWrapperTransitionEnd
+                  ),
+                  (r.onSlideToWrapperTransitionEnd = null),
+                  delete r.onSlideToWrapperTransitionEnd,
+                  r.transitionEnd(s, b));
+              }),
+            r.wrapperEl.addEventListener(
+              "transitionend",
+              r.onSlideToWrapperTransitionEnd
+            )),
+        !0
+      );
+    },
+    slideToLoop: function (e, t, s, a) {
+      if (
+        (void 0 === e && (e = 0),
+        void 0 === s && (s = !0),
+        "string" == typeof e)
+      ) {
+        e = parseInt(e, 10);
+      }
+      const i = this;
+      if (i.destroyed) return;
+      void 0 === t && (t = i.params.speed);
+      const r = i.grid && i.params.grid && i.params.grid.rows > 1;
+      let n = e;
+      if (i.params.loop)
+        if (i.virtual && i.params.virtual.enabled) n += i.virtual.slidesBefore;
+        else {
+          let e;
+          if (r) {
+            const t = n * i.params.grid.rows;
+            e = i.slides.filter(
+              (e) => 1 * e.getAttribute("data-swiper-slide-index") === t
+            )[0].column;
+          } else e = i.getSlideIndexByData(n);
+          const t = r
+              ? Math.ceil(i.slides.length / i.params.grid.rows)
+              : i.slides.length,
+            { centeredSlides: s } = i.params;
+          let l = i.params.slidesPerView;
+          "auto" === l
+            ? (l = i.slidesPerViewDynamic())
+            : ((l = Math.ceil(parseFloat(i.params.slidesPerView, 10))),
+              s && l % 2 == 0 && (l += 1));
+          let o = t - e < l;
+          if (
+            (s && (o = o || e < Math.ceil(l / 2)),
+            a && s && "auto" !== i.params.slidesPerView && !r && (o = !1),
+            o)
+          ) {
+            const a = s
+              ? e < i.activeIndex
+                ? "prev"
+                : "next"
+              : e - i.activeIndex - 1 < i.params.slidesPerView
+              ? "next"
+              : "prev";
+            i.loopFix({
+              direction: a,
+              slideTo: !0,
+              activeSlideIndex: "next" === a ? e + 1 : e - t + 1,
+              slideRealIndex: "next" === a ? i.realIndex : void 0,
+            });
+          }
+          if (r) {
+            const e = n * i.params.grid.rows;
+            n = i.slides.filter(
+              (t) => 1 * t.getAttribute("data-swiper-slide-index") === e
+            )[0].column;
+          } else n = i.getSlideIndexByData(n);
+        }
+      return (
+        requestAnimationFrame(() => {
+          i.slideTo(n, t, s, a);
+        }),
+        i
+      );
+    },
+    slideNext: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this,
+        { enabled: i, params: r, animating: n } = a;
+      if (!i || a.destroyed) return a;
+      void 0 === e && (e = a.params.speed);
+      let l = r.slidesPerGroup;
+      "auto" === r.slidesPerView &&
+        1 === r.slidesPerGroup &&
+        r.slidesPerGroupAuto &&
+        (l = Math.max(a.slidesPerViewDynamic("current", !0), 1));
+      const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l,
+        d = a.virtual && r.virtual.enabled;
+      if (r.loop) {
+        if (n && !d && r.loopPreventsSliding) return !1;
+        if (
+          (a.loopFix({ direction: "next" }),
+          (a._clientLeft = a.wrapperEl.clientLeft),
+          a.activeIndex === a.slides.length - 1 && r.cssMode)
+        )
+          return (
+            requestAnimationFrame(() => {
+              a.slideTo(a.activeIndex + o, e, t, s);
+            }),
+            !0
+          );
+      }
+      return r.rewind && a.isEnd
+        ? a.slideTo(0, e, t, s)
+        : a.slideTo(a.activeIndex + o, e, t, s);
+    },
+    slidePrev: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this,
+        {
+          params: i,
+          snapGrid: r,
+          slidesGrid: n,
+          rtlTranslate: l,
+          enabled: o,
+          animating: d,
+        } = a;
+      if (!o || a.destroyed) return a;
+      void 0 === e && (e = a.params.speed);
+      const c = a.virtual && i.virtual.enabled;
+      if (i.loop) {
+        if (d && !c && i.loopPreventsSliding) return !1;
+        a.loopFix({ direction: "prev" }),
+          (a._clientLeft = a.wrapperEl.clientLeft);
+      }
+      function p(e) {
+        return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e);
+      }
+      const u = p(l ? a.translate : -a.translate),
+        m = r.map((e) => p(e));
+      let h = r[m.indexOf(u) - 1];
+      if (void 0 === h && i.cssMode) {
+        let e;
+        r.forEach((t, s) => {
+          u >= t && (e = s);
+        }),
+          void 0 !== e && (h = r[e > 0 ? e - 1 : e]);
+      }
+      let f = 0;
+      if (
+        (void 0 !== h &&
+          ((f = n.indexOf(h)),
+          f < 0 && (f = a.activeIndex - 1),
+          "auto" === i.slidesPerView &&
+            1 === i.slidesPerGroup &&
+            i.slidesPerGroupAuto &&
+            ((f = f - a.slidesPerViewDynamic("previous", !0) + 1),
+            (f = Math.max(f, 0)))),
+        i.rewind && a.isBeginning)
+      ) {
+        const i =
+          a.params.virtual && a.params.virtual.enabled && a.virtual
+            ? a.virtual.slides.length - 1
+            : a.slides.length - 1;
+        return a.slideTo(i, e, t, s);
+      }
+      return i.loop && 0 === a.activeIndex && i.cssMode
+        ? (requestAnimationFrame(() => {
+            a.slideTo(f, e, t, s);
+          }),
+          !0)
+        : a.slideTo(f, e, t, s);
+    },
+    slideReset: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this;
+      if (!a.destroyed)
+        return (
+          void 0 === e && (e = a.params.speed),
+          a.slideTo(a.activeIndex, e, t, s)
+        );
+    },
+    slideToClosest: function (e, t, s, a) {
+      void 0 === t && (t = !0), void 0 === a && (a = 0.5);
+      const i = this;
+      if (i.destroyed) return;
+      void 0 === e && (e = i.params.speed);
+      let r = i.activeIndex;
+      const n = Math.min(i.params.slidesPerGroupSkip, r),
+        l = n + Math.floor((r - n) / i.params.slidesPerGroup),
+        o = i.rtlTranslate ? i.translate : -i.translate;
+      if (o >= i.snapGrid[l]) {
+        const e = i.snapGrid[l];
+        o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup);
+      } else {
+        const e = i.snapGrid[l - 1];
+        o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup);
+      }
+      return (
+        (r = Math.max(r, 0)),
+        (r = Math.min(r, i.slidesGrid.length - 1)),
+        i.slideTo(r, e, t, s)
+      );
+    },
+    slideToClickedSlide: function () {
+      const e = this;
+      if (e.destroyed) return;
+      const { params: t, slidesEl: s } = e,
+        a =
+          "auto" === t.slidesPerView
+            ? e.slidesPerViewDynamic()
+            : t.slidesPerView;
+      let i,
+        r = e.clickedIndex;
+      const n = e.isElement ? "swiper-slide" : `.${t.slideClass}`;
+      if (t.loop) {
+        if (e.animating) return;
+        (i = parseInt(
+          e.clickedSlide.getAttribute("data-swiper-slide-index"),
+          10
+        )),
+          t.centeredSlides
+            ? r < e.loopedSlides - a / 2 ||
+              r > e.slides.length - e.loopedSlides + a / 2
+              ? (e.loopFix(),
+                (r = e.getSlideIndex(
+                  f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]
+                )),
+                l(() => {
+                  e.slideTo(r);
+                }))
+              : e.slideTo(r)
+            : r > e.slides.length - a
+            ? (e.loopFix(),
+              (r = e.getSlideIndex(
+                f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]
+              )),
+              l(() => {
+                e.slideTo(r);
+              }))
+            : e.slideTo(r);
+      } else e.slideTo(r);
+    },
+  };
+  var Y = {
+    loopCreate: function (e) {
+      const t = this,
+        { params: s, slidesEl: a } = t;
+      if (!s.loop || (t.virtual && t.params.virtual.enabled)) return;
+      const i = () => {
+          f(a, `.${s.slideClass}, swiper-slide`).forEach((e, t) => {
+            e.setAttribute("data-swiper-slide-index", t);
+          });
+        },
+        r = t.grid && s.grid && s.grid.rows > 1,
+        n = s.slidesPerGroup * (r ? s.grid.rows : 1),
+        l = t.slides.length % n != 0,
+        o = r && t.slides.length % s.grid.rows != 0,
+        d = (e) => {
+          for (let a = 0; a < e; a += 1) {
+            const e = t.isElement
+              ? v("swiper-slide", [s.slideBlankClass])
+              : v("div", [s.slideClass, s.slideBlankClass]);
+            t.slidesEl.append(e);
+          }
+        };
+      if (l) {
+        if (s.loopAddBlankSlides) {
+          d(n - (t.slides.length % n)), t.recalcSlides(), t.updateSlides();
+        } else
+          g(
+            "Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"
+          );
+        i();
+      } else if (o) {
+        if (s.loopAddBlankSlides) {
+          d(s.grid.rows - (t.slides.length % s.grid.rows)),
+            t.recalcSlides(),
+            t.updateSlides();
+        } else
+          g(
+            "Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"
+          );
+        i();
+      } else i();
+      t.loopFix({
+        slideRealIndex: e,
+        direction: s.centeredSlides ? void 0 : "next",
+      });
+    },
+    loopFix: function (e) {
+      let {
+        slideRealIndex: t,
+        slideTo: s = !0,
+        direction: a,
+        setTranslate: i,
+        activeSlideIndex: r,
+        byController: n,
+        byMousewheel: l,
+      } = void 0 === e ? {} : e;
+      const o = this;
+      if (!o.params.loop) return;
+      o.emit("beforeLoopFix");
+      const {
+          slides: d,
+          allowSlidePrev: c,
+          allowSlideNext: p,
+          slidesEl: u,
+          params: m,
+        } = o,
+        { centeredSlides: h } = m;
+      if (
+        ((o.allowSlidePrev = !0),
+        (o.allowSlideNext = !0),
+        o.virtual && m.virtual.enabled)
+      )
+        return (
+          s &&
+            (m.centeredSlides || 0 !== o.snapIndex
+              ? m.centeredSlides && o.snapIndex < m.slidesPerView
+                ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0)
+                : o.snapIndex === o.snapGrid.length - 1 &&
+                  o.slideTo(o.virtual.slidesBefore, 0, !1, !0)
+              : o.slideTo(o.virtual.slides.length, 0, !1, !0)),
+          (o.allowSlidePrev = c),
+          (o.allowSlideNext = p),
+          void o.emit("loopFix")
+        );
+      let f = m.slidesPerView;
+      "auto" === f
+        ? (f = o.slidesPerViewDynamic())
+        : ((f = Math.ceil(parseFloat(m.slidesPerView, 10))),
+          h && f % 2 == 0 && (f += 1));
+      const v = m.slidesPerGroupAuto ? f : m.slidesPerGroup;
+      let w = v;
+      w % v != 0 && (w += v - (w % v)),
+        (w += m.loopAdditionalSlides),
+        (o.loopedSlides = w);
+      const b = o.grid && m.grid && m.grid.rows > 1;
+      d.length < f + w
+        ? g(
+            "Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"
+          )
+        : b &&
+          "row" === m.grid.fill &&
+          g(
+            "Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`"
+          );
+      const y = [],
+        E = [];
+      let x = o.activeIndex;
+      void 0 === r
+        ? (r = o.getSlideIndex(
+            d.filter((e) => e.classList.contains(m.slideActiveClass))[0]
+          ))
+        : (x = r);
+      const S = "next" === a || !a,
+        T = "prev" === a || !a;
+      let M = 0,
+        C = 0;
+      const P = b ? Math.ceil(d.length / m.grid.rows) : d.length,
+        L = (b ? d[r].column : r) + (h && void 0 === i ? -f / 2 + 0.5 : 0);
+      if (L < w) {
+        M = Math.max(w - L, v);
+        for (let e = 0; e < w - L; e += 1) {
+          const t = e - Math.floor(e / P) * P;
+          if (b) {
+            const e = P - t - 1;
+            for (let t = d.length - 1; t >= 0; t -= 1)
+              d[t].column === e && y.push(t);
+          } else y.push(P - t - 1);
+        }
+      } else if (L + f > P - w) {
+        C = Math.max(L - (P - 2 * w), v);
+        for (let e = 0; e < C; e += 1) {
+          const t = e - Math.floor(e / P) * P;
+          b
+            ? d.forEach((e, s) => {
+                e.column === t && E.push(s);
+              })
+            : E.push(t);
+        }
+      }
+      if (
+        ((o.__preventObserver__ = !0),
+        requestAnimationFrame(() => {
+          o.__preventObserver__ = !1;
+        }),
+        T &&
+          y.forEach((e) => {
+            (d[e].swiperLoopMoveDOM = !0),
+              u.prepend(d[e]),
+              (d[e].swiperLoopMoveDOM = !1);
+          }),
+        S &&
+          E.forEach((e) => {
+            (d[e].swiperLoopMoveDOM = !0),
+              u.append(d[e]),
+              (d[e].swiperLoopMoveDOM = !1);
+          }),
+        o.recalcSlides(),
+        "auto" === m.slidesPerView
+          ? o.updateSlides()
+          : b &&
+            ((y.length > 0 && T) || (E.length > 0 && S)) &&
+            o.slides.forEach((e, t) => {
+              o.grid.updateSlide(t, e, o.slides);
+            }),
+        m.watchSlidesProgress && o.updateSlidesOffset(),
+        s)
+      )
+        if (y.length > 0 && T) {
+          if (void 0 === t) {
+            const e = o.slidesGrid[x],
+              t = o.slidesGrid[x + M] - e;
+            l
+              ? o.setTranslate(o.translate - t)
+              : (o.slideTo(x + Math.ceil(M), 0, !1, !0),
+                i &&
+                  ((o.touchEventsData.startTranslate =
+                    o.touchEventsData.startTranslate - t),
+                  (o.touchEventsData.currentTranslate =
+                    o.touchEventsData.currentTranslate - t)));
+          } else if (i) {
+            const e = b ? y.length / m.grid.rows : y.length;
+            o.slideTo(o.activeIndex + e, 0, !1, !0),
+              (o.touchEventsData.currentTranslate = o.translate);
+          }
+        } else if (E.length > 0 && S)
+          if (void 0 === t) {
+            const e = o.slidesGrid[x],
+              t = o.slidesGrid[x - C] - e;
+            l
+              ? o.setTranslate(o.translate - t)
+              : (o.slideTo(x - C, 0, !1, !0),
+                i &&
+                  ((o.touchEventsData.startTranslate =
+                    o.touchEventsData.startTranslate - t),
+                  (o.touchEventsData.currentTranslate =
+                    o.touchEventsData.currentTranslate - t)));
+          } else {
+            const e = b ? E.length / m.grid.rows : E.length;
+            o.slideTo(o.activeIndex - e, 0, !1, !0);
+          }
+      if (
+        ((o.allowSlidePrev = c),
+        (o.allowSlideNext = p),
+        o.controller && o.controller.control && !n)
+      ) {
+        const e = {
+          slideRealIndex: t,
+          direction: a,
+          setTranslate: i,
+          activeSlideIndex: r,
+          byController: !0,
+        };
+        Array.isArray(o.controller.control)
+          ? o.controller.control.forEach((t) => {
+              !t.destroyed &&
+                t.params.loop &&
+                t.loopFix({
+                  ...e,
+                  slideTo: t.params.slidesPerView === m.slidesPerView && s,
+                });
+            })
+          : o.controller.control instanceof o.constructor &&
+            o.controller.control.params.loop &&
+            o.controller.control.loopFix({
+              ...e,
+              slideTo:
+                o.controller.control.params.slidesPerView === m.slidesPerView &&
+                s,
+            });
+      }
+      o.emit("loopFix");
+    },
+    loopDestroy: function () {
+      const e = this,
+        { params: t, slidesEl: s } = e;
+      if (!t.loop || (e.virtual && e.params.virtual.enabled)) return;
+      e.recalcSlides();
+      const a = [];
+      e.slides.forEach((e) => {
+        const t =
+          void 0 === e.swiperSlideIndex
+            ? 1 * e.getAttribute("data-swiper-slide-index")
+            : e.swiperSlideIndex;
+        a[t] = e;
+      }),
+        e.slides.forEach((e) => {
+          e.removeAttribute("data-swiper-slide-index");
+        }),
+        a.forEach((e) => {
+          s.append(e);
+        }),
+        e.recalcSlides(),
+        e.slideTo(e.realIndex, 0);
+    },
+  };
+  function R(e, t, s) {
+    const a = r(),
+      { params: i } = e,
+      n = i.edgeSwipeDetection,
+      l = i.edgeSwipeThreshold;
+    return (
+      !n ||
+      !(s <= l || s >= a.innerWidth - l) ||
+      ("prevent" === n && (t.preventDefault(), !0))
+    );
+  }
+  function F(e) {
+    const t = this,
+      s = a();
+    let i = e;
+    i.originalEvent && (i = i.originalEvent);
+    const n = t.touchEventsData;
+    if ("pointerdown" === i.type) {
+      if (null !== n.pointerId && n.pointerId !== i.pointerId) return;
+      n.pointerId = i.pointerId;
+    } else
+      "touchstart" === i.type &&
+        1 === i.targetTouches.length &&
+        (n.touchId = i.targetTouches[0].identifier);
+    if ("touchstart" === i.type) return void R(t, i, i.targetTouches[0].pageX);
+    const { params: l, touches: d, enabled: c } = t;
+    if (!c) return;
+    if (!l.simulateTouch && "mouse" === i.pointerType) return;
+    if (t.animating && l.preventInteractionOnTransition) return;
+    !t.animating && l.cssMode && l.loop && t.loopFix();
+    let p = i.target;
+    if ("wrapper" === l.touchEventsTarget && !t.wrapperEl.contains(p)) return;
+    if ("which" in i && 3 === i.which) return;
+    if ("button" in i && i.button > 0) return;
+    if (n.isTouched && n.isMoved) return;
+    const u = !!l.noSwipingClass && "" !== l.noSwipingClass,
+      m = i.composedPath ? i.composedPath() : i.path;
+    u && i.target && i.target.shadowRoot && m && (p = m[0]);
+    const h = l.noSwipingSelector
+        ? l.noSwipingSelector
+        : `.${l.noSwipingClass}`,
+      f = !(!i.target || !i.target.shadowRoot);
+    if (
+      l.noSwiping &&
+      (f
+        ? (function (e, t) {
+            return (
+              void 0 === t && (t = this),
+              (function t(s) {
+                if (!s || s === a() || s === r()) return null;
+                s.assignedSlot && (s = s.assignedSlot);
+                const i = s.closest(e);
+                return i || s.getRootNode ? i || t(s.getRootNode().host) : null;
+              })(t)
+            );
+          })(h, p)
+        : p.closest(h))
+    )
+      return void (t.allowClick = !0);
+    if (l.swipeHandler && !p.closest(l.swipeHandler)) return;
+    (d.currentX = i.pageX), (d.currentY = i.pageY);
+    const g = d.currentX,
+      v = d.currentY;
+    if (!R(t, i, g)) return;
+    Object.assign(n, {
+      isTouched: !0,
+      isMoved: !1,
+      allowTouchCallbacks: !0,
+      isScrolling: void 0,
+      startMoving: void 0,
+    }),
+      (d.startX = g),
+      (d.startY = v),
+      (n.touchStartTime = o()),
+      (t.allowClick = !0),
+      t.updateSize(),
+      (t.swipeDirection = void 0),
+      l.threshold > 0 && (n.allowThresholdMove = !1);
+    let w = !0;
+    p.matches(n.focusableElements) &&
+      ((w = !1), "SELECT" === p.nodeName && (n.isTouched = !1)),
+      s.activeElement &&
+        s.activeElement.matches(n.focusableElements) &&
+        s.activeElement !== p &&
+        s.activeElement.blur();
+    const b = w && t.allowTouchMove && l.touchStartPreventDefault;
+    (!l.touchStartForcePreventDefault && !b) ||
+      p.isContentEditable ||
+      i.preventDefault(),
+      l.freeMode &&
+        l.freeMode.enabled &&
+        t.freeMode &&
+        t.animating &&
+        !l.cssMode &&
+        t.freeMode.onTouchStart(),
+      t.emit("touchStart", i);
+  }
+  function q(e) {
+    const t = a(),
+      s = this,
+      i = s.touchEventsData,
+      { params: r, touches: n, rtlTranslate: l, enabled: d } = s;
+    if (!d) return;
+    if (!r.simulateTouch && "mouse" === e.pointerType) return;
+    let c,
+      p = e;
+    if ((p.originalEvent && (p = p.originalEvent), "pointermove" === p.type)) {
+      if (null !== i.touchId) return;
+      if (p.pointerId !== i.pointerId) return;
+    }
+    if ("touchmove" === p.type) {
+      if (
+        ((c = [...p.changedTouches].filter(
+          (e) => e.identifier === i.touchId
+        )[0]),
+        !c || c.identifier !== i.touchId)
+      )
+        return;
+    } else c = p;
+    if (!i.isTouched)
+      return void (
+        i.startMoving &&
+        i.isScrolling &&
+        s.emit("touchMoveOpposite", p)
+      );
+    const u = c.pageX,
+      m = c.pageY;
+    if (p.preventedByNestedSwiper) return (n.startX = u), void (n.startY = m);
+    if (!s.allowTouchMove)
+      return (
+        p.target.matches(i.focusableElements) || (s.allowClick = !1),
+        void (
+          i.isTouched &&
+          (Object.assign(n, { startX: u, startY: m, currentX: u, currentY: m }),
+          (i.touchStartTime = o()))
+        )
+      );
+    if (r.touchReleaseOnEdges && !r.loop)
+      if (s.isVertical()) {
+        if (
+          (m < n.startY && s.translate <= s.maxTranslate()) ||
+          (m > n.startY && s.translate >= s.minTranslate())
+        )
+          return (i.isTouched = !1), void (i.isMoved = !1);
+      } else if (
+        (u < n.startX && s.translate <= s.maxTranslate()) ||
+        (u > n.startX && s.translate >= s.minTranslate())
+      )
+        return;
+    if (
+      t.activeElement &&
+      p.target === t.activeElement &&
+      p.target.matches(i.focusableElements)
+    )
+      return (i.isMoved = !0), void (s.allowClick = !1);
+    i.allowTouchCallbacks && s.emit("touchMove", p),
+      (n.previousX = n.currentX),
+      (n.previousY = n.currentY),
+      (n.currentX = u),
+      (n.currentY = m);
+    const h = n.currentX - n.startX,
+      f = n.currentY - n.startY;
+    if (s.params.threshold && Math.sqrt(h ** 2 + f ** 2) < s.params.threshold)
+      return;
+    if (void 0 === i.isScrolling) {
+      let e;
+      (s.isHorizontal() && n.currentY === n.startY) ||
+      (s.isVertical() && n.currentX === n.startX)
+        ? (i.isScrolling = !1)
+        : h * h + f * f >= 25 &&
+          ((e = (180 * Math.atan2(Math.abs(f), Math.abs(h))) / Math.PI),
+          (i.isScrolling = s.isHorizontal()
+            ? e > r.touchAngle
+            : 90 - e > r.touchAngle));
+    }
+    if (
+      (i.isScrolling && s.emit("touchMoveOpposite", p),
+      void 0 === i.startMoving &&
+        ((n.currentX === n.startX && n.currentY === n.startY) ||
+          (i.startMoving = !0)),
+      i.isScrolling ||
+        ("touchmove" === p.type && i.preventTouchMoveFromPointerMove))
+    )
+      return void (i.isTouched = !1);
+    if (!i.startMoving) return;
+    (s.allowClick = !1),
+      !r.cssMode && p.cancelable && p.preventDefault(),
+      r.touchMoveStopPropagation && !r.nested && p.stopPropagation();
+    let g = s.isHorizontal() ? h : f,
+      v = s.isHorizontal()
+        ? n.currentX - n.previousX
+        : n.currentY - n.previousY;
+    r.oneWayMovement &&
+      ((g = Math.abs(g) * (l ? 1 : -1)), (v = Math.abs(v) * (l ? 1 : -1))),
+      (n.diff = g),
+      (g *= r.touchRatio),
+      l && ((g = -g), (v = -v));
+    const w = s.touchesDirection;
+    (s.swipeDirection = g > 0 ? "prev" : "next"),
+      (s.touchesDirection = v > 0 ? "prev" : "next");
+    const b = s.params.loop && !r.cssMode,
+      y =
+        ("next" === s.touchesDirection && s.allowSlideNext) ||
+        ("prev" === s.touchesDirection && s.allowSlidePrev);
+    if (!i.isMoved) {
+      if (
+        (b && y && s.loopFix({ direction: s.swipeDirection }),
+        (i.startTranslate = s.getTranslate()),
+        s.setTransition(0),
+        s.animating)
+      ) {
+        const e = new window.CustomEvent("transitionend", {
+          bubbles: !0,
+          cancelable: !0,
+          detail: { bySwiperTouchMove: !0 },
+        });
+        s.wrapperEl.dispatchEvent(e);
+      }
+      (i.allowMomentumBounce = !1),
+        !r.grabCursor ||
+          (!0 !== s.allowSlideNext && !0 !== s.allowSlidePrev) ||
+          s.setGrabCursor(!0),
+        s.emit("sliderFirstMove", p);
+    }
+    if (
+      (new Date().getTime(),
+      i.isMoved &&
+        i.allowThresholdMove &&
+        w !== s.touchesDirection &&
+        b &&
+        y &&
+        Math.abs(g) >= 1)
+    )
+      return (
+        Object.assign(n, {
+          startX: u,
+          startY: m,
+          currentX: u,
+          currentY: m,
+          startTranslate: i.currentTranslate,
+        }),
+        (i.loopSwapReset = !0),
+        void (i.startTranslate = i.currentTranslate)
+      );
+    s.emit("sliderMove", p),
+      (i.isMoved = !0),
+      (i.currentTranslate = g + i.startTranslate);
+    let E = !0,
+      x = r.resistanceRatio;
+    if (
+      (r.touchReleaseOnEdges && (x = 0),
+      g > 0
+        ? (b &&
+            y &&
+            i.allowThresholdMove &&
+            i.currentTranslate >
+              (r.centeredSlides
+                ? s.minTranslate() - s.slidesSizesGrid[s.activeIndex + 1]
+                : s.minTranslate()) &&
+            s.loopFix({
+              direction: "prev",
+              setTranslate: !0,
+              activeSlideIndex: 0,
+            }),
+          i.currentTranslate > s.minTranslate() &&
+            ((E = !1),
+            r.resistance &&
+              (i.currentTranslate =
+                s.minTranslate() -
+                1 +
+                (-s.minTranslate() + i.startTranslate + g) ** x)))
+        : g < 0 &&
+          (b &&
+            y &&
+            i.allowThresholdMove &&
+            i.currentTranslate <
+              (r.centeredSlides
+                ? s.maxTranslate() +
+                  s.slidesSizesGrid[s.slidesSizesGrid.length - 1]
+                : s.maxTranslate()) &&
+            s.loopFix({
+              direction: "next",
+              setTranslate: !0,
+              activeSlideIndex:
+                s.slides.length -
+                ("auto" === r.slidesPerView
+                  ? s.slidesPerViewDynamic()
+                  : Math.ceil(parseFloat(r.slidesPerView, 10))),
+            }),
+          i.currentTranslate < s.maxTranslate() &&
+            ((E = !1),
+            r.resistance &&
+              (i.currentTranslate =
+                s.maxTranslate() +
+                1 -
+                (s.maxTranslate() - i.startTranslate - g) ** x))),
+      E && (p.preventedByNestedSwiper = !0),
+      !s.allowSlideNext &&
+        "next" === s.swipeDirection &&
+        i.currentTranslate < i.startTranslate &&
+        (i.currentTranslate = i.startTranslate),
+      !s.allowSlidePrev &&
+        "prev" === s.swipeDirection &&
+        i.currentTranslate > i.startTranslate &&
+        (i.currentTranslate = i.startTranslate),
+      s.allowSlidePrev ||
+        s.allowSlideNext ||
+        (i.currentTranslate = i.startTranslate),
+      r.threshold > 0)
+    ) {
+      if (!(Math.abs(g) > r.threshold || i.allowThresholdMove))
+        return void (i.currentTranslate = i.startTranslate);
+      if (!i.allowThresholdMove)
+        return (
+          (i.allowThresholdMove = !0),
+          (n.startX = n.currentX),
+          (n.startY = n.currentY),
+          (i.currentTranslate = i.startTranslate),
+          void (n.diff = s.isHorizontal()
+            ? n.currentX - n.startX
+            : n.currentY - n.startY)
+        );
+    }
+    r.followFinger &&
+      !r.cssMode &&
+      (((r.freeMode && r.freeMode.enabled && s.freeMode) ||
+        r.watchSlidesProgress) &&
+        (s.updateActiveIndex(), s.updateSlidesClasses()),
+      r.freeMode &&
+        r.freeMode.enabled &&
+        s.freeMode &&
+        s.freeMode.onTouchMove(),
+      s.updateProgress(i.currentTranslate),
+      s.setTranslate(i.currentTranslate));
+  }
+  function V(e) {
+    const t = this,
+      s = t.touchEventsData;
+    let a,
+      i = e;
+    i.originalEvent && (i = i.originalEvent);
+    if ("touchend" === i.type || "touchcancel" === i.type) {
+      if (
+        ((a = [...i.changedTouches].filter(
+          (e) => e.identifier === s.touchId
+        )[0]),
+        !a || a.identifier !== s.touchId)
+      )
+        return;
+    } else {
+      if (null !== s.touchId) return;
+      if (i.pointerId !== s.pointerId) return;
+      a = i;
+    }
+    if (
+      ["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(
+        i.type
+      )
+    ) {
+      if (
+        !(
+          ["pointercancel", "contextmenu"].includes(i.type) &&
+          (t.browser.isSafari || t.browser.isWebView)
+        )
+      )
+        return;
+    }
+    (s.pointerId = null), (s.touchId = null);
+    const {
+      params: r,
+      touches: n,
+      rtlTranslate: d,
+      slidesGrid: c,
+      enabled: p,
+    } = t;
+    if (!p) return;
+    if (!r.simulateTouch && "mouse" === i.pointerType) return;
+    if (
+      (s.allowTouchCallbacks && t.emit("touchEnd", i),
+      (s.allowTouchCallbacks = !1),
+      !s.isTouched)
+    )
+      return (
+        s.isMoved && r.grabCursor && t.setGrabCursor(!1),
+        (s.isMoved = !1),
+        void (s.startMoving = !1)
+      );
+    r.grabCursor &&
+      s.isMoved &&
+      s.isTouched &&
+      (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) &&
+      t.setGrabCursor(!1);
+    const u = o(),
+      m = u - s.touchStartTime;
+    if (t.allowClick) {
+      const e = i.path || (i.composedPath && i.composedPath());
+      t.updateClickedSlide((e && e[0]) || i.target, e),
+        t.emit("tap click", i),
+        m < 300 &&
+          u - s.lastClickTime < 300 &&
+          t.emit("doubleTap doubleClick", i);
+    }
+    if (
+      ((s.lastClickTime = o()),
+      l(() => {
+        t.destroyed || (t.allowClick = !0);
+      }),
+      !s.isTouched ||
+        !s.isMoved ||
+        !t.swipeDirection ||
+        (0 === n.diff && !s.loopSwapReset) ||
+        (s.currentTranslate === s.startTranslate && !s.loopSwapReset))
+    )
+      return (s.isTouched = !1), (s.isMoved = !1), void (s.startMoving = !1);
+    let h;
+    if (
+      ((s.isTouched = !1),
+      (s.isMoved = !1),
+      (s.startMoving = !1),
+      (h = r.followFinger
+        ? d
+          ? t.translate
+          : -t.translate
+        : -s.currentTranslate),
+      r.cssMode)
+    )
+      return;
+    if (r.freeMode && r.freeMode.enabled)
+      return void t.freeMode.onTouchEnd({ currentPos: h });
+    const f = h >= -t.maxTranslate() && !t.params.loop;
+    let g = 0,
+      v = t.slidesSizesGrid[0];
+    for (
+      let e = 0;
+      e < c.length;
+      e += e < r.slidesPerGroupSkip ? 1 : r.slidesPerGroup
+    ) {
+      const t = e < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
+      void 0 !== c[e + t]
+        ? (f || (h >= c[e] && h < c[e + t])) && ((g = e), (v = c[e + t] - c[e]))
+        : (f || h >= c[e]) &&
+          ((g = e), (v = c[c.length - 1] - c[c.length - 2]));
+    }
+    let w = null,
+      b = null;
+    r.rewind &&
+      (t.isBeginning
+        ? (b =
+            r.virtual && r.virtual.enabled && t.virtual
+              ? t.virtual.slides.length - 1
+              : t.slides.length - 1)
+        : t.isEnd && (w = 0));
+    const y = (h - c[g]) / v,
+      E = g < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
+    if (m > r.longSwipesMs) {
+      if (!r.longSwipes) return void t.slideTo(t.activeIndex);
+      "next" === t.swipeDirection &&
+        (y >= r.longSwipesRatio
+          ? t.slideTo(r.rewind && t.isEnd ? w : g + E)
+          : t.slideTo(g)),
+        "prev" === t.swipeDirection &&
+          (y > 1 - r.longSwipesRatio
+            ? t.slideTo(g + E)
+            : null !== b && y < 0 && Math.abs(y) > r.longSwipesRatio
+            ? t.slideTo(b)
+            : t.slideTo(g));
+    } else {
+      if (!r.shortSwipes) return void t.slideTo(t.activeIndex);
+      t.navigation &&
+      (i.target === t.navigation.nextEl || i.target === t.navigation.prevEl)
+        ? i.target === t.navigation.nextEl
+          ? t.slideTo(g + E)
+          : t.slideTo(g)
+        : ("next" === t.swipeDirection && t.slideTo(null !== w ? w : g + E),
+          "prev" === t.swipeDirection && t.slideTo(null !== b ? b : g));
+    }
+  }
+  function _() {
+    const e = this,
+      { params: t, el: s } = e;
+    if (s && 0 === s.offsetWidth) return;
+    t.breakpoints && e.setBreakpoint();
+    const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e,
+      n = e.virtual && e.params.virtual.enabled;
+    (e.allowSlideNext = !0),
+      (e.allowSlidePrev = !0),
+      e.updateSize(),
+      e.updateSlides(),
+      e.updateSlidesClasses();
+    const l = n && t.loop;
+    !("auto" === t.slidesPerView || t.slidesPerView > 1) ||
+    !e.isEnd ||
+    e.isBeginning ||
+    e.params.centeredSlides ||
+    l
+      ? e.params.loop && !n
+        ? e.slideToLoop(e.realIndex, 0, !1, !0)
+        : e.slideTo(e.activeIndex, 0, !1, !0)
+      : e.slideTo(e.slides.length - 1, 0, !1, !0),
+      e.autoplay &&
+        e.autoplay.running &&
+        e.autoplay.paused &&
+        (clearTimeout(e.autoplay.resizeTimeout),
+        (e.autoplay.resizeTimeout = setTimeout(() => {
+          e.autoplay &&
+            e.autoplay.running &&
+            e.autoplay.paused &&
+            e.autoplay.resume();
+        }, 500))),
+      (e.allowSlidePrev = i),
+      (e.allowSlideNext = a),
+      e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow();
+  }
+  function W(e) {
+    const t = this;
+    t.enabled &&
+      (t.allowClick ||
+        (t.params.preventClicks && e.preventDefault(),
+        t.params.preventClicksPropagation &&
+          t.animating &&
+          (e.stopPropagation(), e.stopImmediatePropagation())));
+  }
+  function j() {
+    const e = this,
+      { wrapperEl: t, rtlTranslate: s, enabled: a } = e;
+    if (!a) return;
+    let i;
+    (e.previousTranslate = e.translate),
+      e.isHorizontal()
+        ? (e.translate = -t.scrollLeft)
+        : (e.translate = -t.scrollTop),
+      0 === e.translate && (e.translate = 0),
+      e.updateActiveIndex(),
+      e.updateSlidesClasses();
+    const r = e.maxTranslate() - e.minTranslate();
+    (i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r),
+      i !== e.progress && e.updateProgress(s ? -e.translate : e.translate),
+      e.emit("setTranslate", e.translate, !1);
+  }
+  function U(e) {
+    const t = this;
+    O(t, e.target),
+      t.params.cssMode ||
+        ("auto" !== t.params.slidesPerView && !t.params.autoHeight) ||
+        t.update();
+  }
+  function K() {
+    const e = this;
+    e.documentTouchHandlerProceeded ||
+      ((e.documentTouchHandlerProceeded = !0),
+      e.params.touchReleaseOnEdges && (e.el.style.touchAction = "auto"));
+  }
+  const Z = (e, t) => {
+    const s = a(),
+      { params: i, el: r, wrapperEl: n, device: l } = e,
+      o = !!i.nested,
+      d = "on" === t ? "addEventListener" : "removeEventListener",
+      c = t;
+    r &&
+      "string" != typeof r &&
+      (s[d]("touchstart", e.onDocumentTouchStart, { passive: !1, capture: o }),
+      r[d]("touchstart", e.onTouchStart, { passive: !1 }),
+      r[d]("pointerdown", e.onTouchStart, { passive: !1 }),
+      s[d]("touchmove", e.onTouchMove, { passive: !1, capture: o }),
+      s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }),
+      s[d]("touchend", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerup", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointercancel", e.onTouchEnd, { passive: !0 }),
+      s[d]("touchcancel", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerout", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerleave", e.onTouchEnd, { passive: !0 }),
+      s[d]("contextmenu", e.onTouchEnd, { passive: !0 }),
+      (i.preventClicks || i.preventClicksPropagation) &&
+        r[d]("click", e.onClick, !0),
+      i.cssMode && n[d]("scroll", e.onScroll),
+      i.updateOnWindowResize
+        ? e[c](
+            l.ios || l.android
+              ? "resize orientationchange observerUpdate"
+              : "resize observerUpdate",
+            _,
+            !0
+          )
+        : e[c]("observerUpdate", _, !0),
+      r[d]("load", e.onLoad, { capture: !0 }));
+  };
+  const Q = (e, t) => e.grid && t.grid && t.grid.rows > 1;
+  var J = {
+    init: !0,
+    direction: "horizontal",
+    oneWayMovement: !1,
+    swiperElementNodeName: "SWIPER-CONTAINER",
+    touchEventsTarget: "wrapper",
+    initialSlide: 0,
+    speed: 300,
+    cssMode: !1,
+    updateOnWindowResize: !0,
+    resizeObserver: !0,
+    nested: !1,
+    createElements: !1,
+    eventsPrefix: "swiper",
+    enabled: !0,
+    focusableElements: "input, select, option, textarea, button, video, label",
+    width: null,
+    height: null,
+    preventInteractionOnTransition: !1,
+    userAgent: null,
+    url: null,
+    edgeSwipeDetection: !1,
+    edgeSwipeThreshold: 20,
+    autoHeight: !1,
+    setWrapperSize: !1,
+    virtualTranslate: !1,
+    effect: "slide",
+    breakpoints: void 0,
+    breakpointsBase: "window",
+    spaceBetween: 0,
+    slidesPerView: 1,
+    slidesPerGroup: 1,
+    slidesPerGroupSkip: 0,
+    slidesPerGroupAuto: !1,
+    centeredSlides: !1,
+    centeredSlidesBounds: !1,
+    slidesOffsetBefore: 0,
+    slidesOffsetAfter: 0,
+    normalizeSlideIndex: !0,
+    centerInsufficientSlides: !1,
+    watchOverflow: !0,
+    roundLengths: !1,
+    touchRatio: 1,
+    touchAngle: 45,
+    simulateTouch: !0,
+    shortSwipes: !0,
+    longSwipes: !0,
+    longSwipesRatio: 0.5,
+    longSwipesMs: 300,
+    followFinger: !0,
+    allowTouchMove: !0,
+    threshold: 5,
+    touchMoveStopPropagation: !1,
+    touchStartPreventDefault: !0,
+    touchStartForcePreventDefault: !1,
+    touchReleaseOnEdges: !1,
+    uniqueNavElements: !0,
+    resistance: !0,
+    resistanceRatio: 0.85,
+    watchSlidesProgress: !1,
+    grabCursor: !1,
+    preventClicks: !0,
+    preventClicksPropagation: !0,
+    slideToClickedSlide: !1,
+    loop: !1,
+    loopAddBlankSlides: !0,
+    loopAdditionalSlides: 0,
+    loopPreventsSliding: !0,
+    rewind: !1,
+    allowSlidePrev: !0,
+    allowSlideNext: !0,
+    swipeHandler: null,
+    noSwiping: !0,
+    noSwipingClass: "swiper-no-swiping",
+    noSwipingSelector: null,
+    passiveListeners: !0,
+    maxBackfaceHiddenSlides: 10,
+    containerModifierClass: "swiper-",
+    slideClass: "swiper-slide",
+    slideBlankClass: "swiper-slide-blank",
+    slideActiveClass: "swiper-slide-active",
+    slideVisibleClass: "swiper-slide-visible",
+    slideFullyVisibleClass: "swiper-slide-fully-visible",
+    slideNextClass: "swiper-slide-next",
+    slidePrevClass: "swiper-slide-prev",
+    wrapperClass: "swiper-wrapper",
+    lazyPreloaderClass: "swiper-lazy-preloader",
+    lazyPreloadPrevNext: 0,
+    runCallbacksOnInit: !0,
+    _emitClasses: !1,
+  };
+  function ee(e, t) {
+    return function (s) {
+      void 0 === s && (s = {});
+      const a = Object.keys(s)[0],
+        i = s[a];
+      "object" == typeof i && null !== i
+        ? (!0 === e[a] && (e[a] = { enabled: !0 }),
+          "navigation" === a &&
+            e[a] &&
+            e[a].enabled &&
+            !e[a].prevEl &&
+            !e[a].nextEl &&
+            (e[a].auto = !0),
+          ["pagination", "scrollbar"].indexOf(a) >= 0 &&
+            e[a] &&
+            e[a].enabled &&
+            !e[a].el &&
+            (e[a].auto = !0),
+          a in e && "enabled" in i
+            ? ("object" != typeof e[a] ||
+                "enabled" in e[a] ||
+                (e[a].enabled = !0),
+              e[a] || (e[a] = { enabled: !1 }),
+              p(t, s))
+            : p(t, s))
+        : p(t, s);
+    };
+  }
+  const te = {
+      eventsEmitter: z,
+      update: H,
+      translate: N,
+      transition: {
+        setTransition: function (e, t) {
+          const s = this;
+          s.params.cssMode ||
+            ((s.wrapperEl.style.transitionDuration = `${e}ms`),
+            (s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : "")),
+            s.emit("setTransition", e, t);
+        },
+        transitionStart: function (e, t) {
+          void 0 === e && (e = !0);
+          const s = this,
+            { params: a } = s;
+          a.cssMode ||
+            (a.autoHeight && s.updateAutoHeight(),
+            X({ swiper: s, runCallbacks: e, direction: t, step: "Start" }));
+        },
+        transitionEnd: function (e, t) {
+          void 0 === e && (e = !0);
+          const s = this,
+            { params: a } = s;
+          (s.animating = !1),
+            a.cssMode ||
+              (s.setTransition(0),
+              X({ swiper: s, runCallbacks: e, direction: t, step: "End" }));
+        },
+      },
+      slide: B,
+      loop: Y,
+      grabCursor: {
+        setGrabCursor: function (e) {
+          const t = this;
+          if (
+            !t.params.simulateTouch ||
+            (t.params.watchOverflow && t.isLocked) ||
+            t.params.cssMode
+          )
+            return;
+          const s =
+            "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl;
+          t.isElement && (t.__preventObserver__ = !0),
+            (s.style.cursor = "move"),
+            (s.style.cursor = e ? "grabbing" : "grab"),
+            t.isElement &&
+              requestAnimationFrame(() => {
+                t.__preventObserver__ = !1;
+              });
+        },
+        unsetGrabCursor: function () {
+          const e = this;
+          (e.params.watchOverflow && e.isLocked) ||
+            e.params.cssMode ||
+            (e.isElement && (e.__preventObserver__ = !0),
+            (e[
+              "container" === e.params.touchEventsTarget ? "el" : "wrapperEl"
+            ].style.cursor = ""),
+            e.isElement &&
+              requestAnimationFrame(() => {
+                e.__preventObserver__ = !1;
+              }));
+        },
+      },
+      events: {
+        attachEvents: function () {
+          const e = this,
+            { params: t } = e;
+          (e.onTouchStart = F.bind(e)),
+            (e.onTouchMove = q.bind(e)),
+            (e.onTouchEnd = V.bind(e)),
+            (e.onDocumentTouchStart = K.bind(e)),
+            t.cssMode && (e.onScroll = j.bind(e)),
+            (e.onClick = W.bind(e)),
+            (e.onLoad = U.bind(e)),
+            Z(e, "on");
+        },
+        detachEvents: function () {
+          Z(this, "off");
+        },
+      },
+      breakpoints: {
+        setBreakpoint: function () {
+          const e = this,
+            { realIndex: t, initialized: s, params: a, el: i } = e,
+            r = a.breakpoints;
+          if (!r || (r && 0 === Object.keys(r).length)) return;
+          const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el);
+          if (!n || e.currentBreakpoint === n) return;
+          const l = (n in r ? r[n] : void 0) || e.originalParams,
+            o = Q(e, a),
+            d = Q(e, l),
+            c = e.params.grabCursor,
+            u = l.grabCursor,
+            m = a.enabled;
+          o && !d
+            ? (i.classList.remove(
+                `${a.containerModifierClass}grid`,
+                `${a.containerModifierClass}grid-column`
+              ),
+              e.emitContainerClasses())
+            : !o &&
+              d &&
+              (i.classList.add(`${a.containerModifierClass}grid`),
+              ((l.grid.fill && "column" === l.grid.fill) ||
+                (!l.grid.fill && "column" === a.grid.fill)) &&
+                i.classList.add(`${a.containerModifierClass}grid-column`),
+              e.emitContainerClasses()),
+            c && !u ? e.unsetGrabCursor() : !c && u && e.setGrabCursor(),
+            ["navigation", "pagination", "scrollbar"].forEach((t) => {
+              if (void 0 === l[t]) return;
+              const s = a[t] && a[t].enabled,
+                i = l[t] && l[t].enabled;
+              s && !i && e[t].disable(), !s && i && e[t].enable();
+            });
+          const h = l.direction && l.direction !== a.direction,
+            f = a.loop && (l.slidesPerView !== a.slidesPerView || h),
+            g = a.loop;
+          h && s && e.changeDirection(), p(e.params, l);
+          const v = e.params.enabled,
+            w = e.params.loop;
+          Object.assign(e, {
+            allowTouchMove: e.params.allowTouchMove,
+            allowSlideNext: e.params.allowSlideNext,
+            allowSlidePrev: e.params.allowSlidePrev,
+          }),
+            m && !v ? e.disable() : !m && v && e.enable(),
+            (e.currentBreakpoint = n),
+            e.emit("_beforeBreakpoint", l),
+            s &&
+              (f
+                ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides())
+                : !g && w
+                ? (e.loopCreate(t), e.updateSlides())
+                : g && !w && e.loopDestroy()),
+            e.emit("breakpoint", l);
+        },
+        getBreakpoint: function (e, t, s) {
+          if ((void 0 === t && (t = "window"), !e || ("container" === t && !s)))
+            return;
+          let a = !1;
+          const i = r(),
+            n = "window" === t ? i.innerHeight : s.clientHeight,
+            l = Object.keys(e).map((e) => {
+              if ("string" == typeof e && 0 === e.indexOf("@")) {
+                const t = parseFloat(e.substr(1));
+                return { value: n * t, point: e };
+              }
+              return { value: e, point: e };
+            });
+          l.sort((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10));
+          for (let e = 0; e < l.length; e += 1) {
+            const { point: r, value: n } = l[e];
+            "window" === t
+              ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r)
+              : n <= s.clientWidth && (a = r);
+          }
+          return a || "max";
+        },
+      },
+      checkOverflow: {
+        checkOverflow: function () {
+          const e = this,
+            { isLocked: t, params: s } = e,
+            { slidesOffsetBefore: a } = s;
+          if (a) {
+            const t = e.slides.length - 1,
+              s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a;
+            e.isLocked = e.size > s;
+          } else e.isLocked = 1 === e.snapGrid.length;
+          !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked),
+            !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked),
+            t && t !== e.isLocked && (e.isEnd = !1),
+            t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock");
+        },
+      },
+      classes: {
+        addClasses: function () {
+          const e = this,
+            { classNames: t, params: s, rtl: a, el: i, device: r } = e,
+            n = (function (e, t) {
+              const s = [];
+              return (
+                e.forEach((e) => {
+                  "object" == typeof e
+                    ? Object.keys(e).forEach((a) => {
+                        e[a] && s.push(t + a);
+                      })
+                    : "string" == typeof e && s.push(t + e);
+                }),
+                s
+              );
+            })(
+              [
+                "initialized",
+                s.direction,
+                { "free-mode": e.params.freeMode && s.freeMode.enabled },
+                { autoheight: s.autoHeight },
+                { rtl: a },
+                { grid: s.grid && s.grid.rows > 1 },
+                {
+                  "grid-column":
+                    s.grid && s.grid.rows > 1 && "column" === s.grid.fill,
+                },
+                { android: r.android },
+                { ios: r.ios },
+                { "css-mode": s.cssMode },
+                { centered: s.cssMode && s.centeredSlides },
+                { "watch-progress": s.watchSlidesProgress },
+              ],
+              s.containerModifierClass
+            );
+          t.push(...n), i.classList.add(...t), e.emitContainerClasses();
+        },
+        removeClasses: function () {
+          const { el: e, classNames: t } = this;
+          e &&
+            "string" != typeof e &&
+            (e.classList.remove(...t), this.emitContainerClasses());
+        },
+      },
+    },
+    se = {};
+  class ae {
+    constructor() {
+      let e, t;
+      for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++)
+        i[r] = arguments[r];
+      1 === i.length &&
+      i[0].constructor &&
+      "Object" === Object.prototype.toString.call(i[0]).slice(8, -1)
+        ? (t = i[0])
+        : ([e, t] = i),
+        t || (t = {}),
+        (t = p({}, t)),
+        e && !t.el && (t.el = e);
+      const n = a();
+      if (
+        t.el &&
+        "string" == typeof t.el &&
+        n.querySelectorAll(t.el).length > 1
+      ) {
+        const e = [];
+        return (
+          n.querySelectorAll(t.el).forEach((s) => {
+            const a = p({}, t, { el: s });
+            e.push(new ae(a));
+          }),
+          e
+        );
+      }
+      const l = this;
+      (l.__swiper__ = !0),
+        (l.support = L()),
+        (l.device = I({ userAgent: t.userAgent })),
+        (l.browser = A()),
+        (l.eventsListeners = {}),
+        (l.eventsAnyListeners = []),
+        (l.modules = [...l.__modules__]),
+        t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules);
+      const o = {};
+      l.modules.forEach((e) => {
+        e({
+          params: t,
+          swiper: l,
+          extendParams: ee(t, o),
+          on: l.on.bind(l),
+          once: l.once.bind(l),
+          off: l.off.bind(l),
+          emit: l.emit.bind(l),
+        });
+      });
+      const d = p({}, J, o);
+      return (
+        (l.params = p({}, d, se, t)),
+        (l.originalParams = p({}, l.params)),
+        (l.passedParams = p({}, t)),
+        l.params &&
+          l.params.on &&
+          Object.keys(l.params.on).forEach((e) => {
+            l.on(e, l.params.on[e]);
+          }),
+        l.params && l.params.onAny && l.onAny(l.params.onAny),
+        Object.assign(l, {
+          enabled: l.params.enabled,
+          el: e,
+          classNames: [],
+          slides: [],
+          slidesGrid: [],
+          snapGrid: [],
+          slidesSizesGrid: [],
+          isHorizontal: () => "horizontal" === l.params.direction,
+          isVertical: () => "vertical" === l.params.direction,
+          activeIndex: 0,
+          realIndex: 0,
+          isBeginning: !0,
+          isEnd: !1,
+          translate: 0,
+          previousTranslate: 0,
+          progress: 0,
+          velocity: 0,
+          animating: !1,
+          cssOverflowAdjustment() {
+            return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
+          },
+          allowSlideNext: l.params.allowSlideNext,
+          allowSlidePrev: l.params.allowSlidePrev,
+          touchEventsData: {
+            isTouched: void 0,
+            isMoved: void 0,
+            allowTouchCallbacks: void 0,
+            touchStartTime: void 0,
+            isScrolling: void 0,
+            currentTranslate: void 0,
+            startTranslate: void 0,
+            allowThresholdMove: void 0,
+            focusableElements: l.params.focusableElements,
+            lastClickTime: 0,
+            clickTimeout: void 0,
+            velocities: [],
+            allowMomentumBounce: void 0,
+            startMoving: void 0,
+            pointerId: null,
+            touchId: null,
+          },
+          allowClick: !0,
+          allowTouchMove: l.params.allowTouchMove,
+          touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 },
+          imagesToLoad: [],
+          imagesLoaded: 0,
+        }),
+        l.emit("_swiper"),
+        l.params.init && l.init(),
+        l
+      );
+    }
+    getDirectionLabel(e) {
+      return this.isHorizontal()
+        ? e
+        : {
+            width: "height",
+            "margin-top": "margin-left",
+            "margin-bottom ": "margin-right",
+            "margin-left": "margin-top",
+            "margin-right": "margin-bottom",
+            "padding-left": "padding-top",
+            "padding-right": "padding-bottom",
+            marginRight: "marginBottom",
+          }[e];
+    }
+    getSlideIndex(e) {
+      const { slidesEl: t, params: s } = this,
+        a = y(f(t, `.${s.slideClass}, swiper-slide`)[0]);
+      return y(e) - a;
+    }
+    getSlideIndexByData(e) {
+      return this.getSlideIndex(
+        this.slides.filter(
+          (t) => 1 * t.getAttribute("data-swiper-slide-index") === e
+        )[0]
+      );
+    }
+    recalcSlides() {
+      const { slidesEl: e, params: t } = this;
+      this.slides = f(e, `.${t.slideClass}, swiper-slide`);
+    }
+    enable() {
+      const e = this;
+      e.enabled ||
+        ((e.enabled = !0),
+        e.params.grabCursor && e.setGrabCursor(),
+        e.emit("enable"));
+    }
+    disable() {
+      const e = this;
+      e.enabled &&
+        ((e.enabled = !1),
+        e.params.grabCursor && e.unsetGrabCursor(),
+        e.emit("disable"));
+    }
+    setProgress(e, t) {
+      const s = this;
+      e = Math.min(Math.max(e, 0), 1);
+      const a = s.minTranslate(),
+        i = (s.maxTranslate() - a) * e + a;
+      s.translateTo(i, void 0 === t ? 0 : t),
+        s.updateActiveIndex(),
+        s.updateSlidesClasses();
+    }
+    emitContainerClasses() {
+      const e = this;
+      if (!e.params._emitClasses || !e.el) return;
+      const t = e.el.className
+        .split(" ")
+        .filter(
+          (t) =>
+            0 === t.indexOf("swiper") ||
+            0 === t.indexOf(e.params.containerModifierClass)
+        );
+      e.emit("_containerClasses", t.join(" "));
+    }
+    getSlideClasses(e) {
+      const t = this;
+      return t.destroyed
+        ? ""
+        : e.className
+            .split(" ")
+            .filter(
+              (e) =>
+                0 === e.indexOf("swiper-slide") ||
+                0 === e.indexOf(t.params.slideClass)
+            )
+            .join(" ");
+    }
+    emitSlidesClasses() {
+      const e = this;
+      if (!e.params._emitClasses || !e.el) return;
+      const t = [];
+      e.slides.forEach((s) => {
+        const a = e.getSlideClasses(s);
+        t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a);
+      }),
+        e.emit("_slideClasses", t);
+    }
+    slidesPerViewDynamic(e, t) {
+      void 0 === e && (e = "current"), void 0 === t && (t = !1);
+      const {
+        params: s,
+        slides: a,
+        slidesGrid: i,
+        slidesSizesGrid: r,
+        size: n,
+        activeIndex: l,
+      } = this;
+      let o = 1;
+      if ("number" == typeof s.slidesPerView) return s.slidesPerView;
+      if (s.centeredSlides) {
+        let e,
+          t = a[l] ? Math.ceil(a[l].swiperSlideSize) : 0;
+        for (let s = l + 1; s < a.length; s += 1)
+          a[s] &&
+            !e &&
+            ((t += Math.ceil(a[s].swiperSlideSize)),
+            (o += 1),
+            t > n && (e = !0));
+        for (let s = l - 1; s >= 0; s -= 1)
+          a[s] &&
+            !e &&
+            ((t += a[s].swiperSlideSize), (o += 1), t > n && (e = !0));
+      } else if ("current" === e)
+        for (let e = l + 1; e < a.length; e += 1) {
+          (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1);
+        }
+      else
+        for (let e = l - 1; e >= 0; e -= 1) {
+          i[l] - i[e] < n && (o += 1);
+        }
+      return o;
+    }
+    update() {
+      const e = this;
+      if (!e || e.destroyed) return;
+      const { snapGrid: t, params: s } = e;
+      function a() {
+        const t = e.rtlTranslate ? -1 * e.translate : e.translate,
+          s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate());
+        e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses();
+      }
+      let i;
+      if (
+        (s.breakpoints && e.setBreakpoint(),
+        [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t) => {
+          t.complete && O(e, t);
+        }),
+        e.updateSize(),
+        e.updateSlides(),
+        e.updateProgress(),
+        e.updateSlidesClasses(),
+        s.freeMode && s.freeMode.enabled && !s.cssMode)
+      )
+        a(), s.autoHeight && e.updateAutoHeight();
+      else {
+        if (
+          ("auto" === s.slidesPerView || s.slidesPerView > 1) &&
+          e.isEnd &&
+          !s.centeredSlides
+        ) {
+          const t =
+            e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides;
+          i = e.slideTo(t.length - 1, 0, !1, !0);
+        } else i = e.slideTo(e.activeIndex, 0, !1, !0);
+        i || a();
+      }
+      s.watchOverflow && t !== e.snapGrid && e.checkOverflow(),
+        e.emit("update");
+    }
+    changeDirection(e, t) {
+      void 0 === t && (t = !0);
+      const s = this,
+        a = s.params.direction;
+      return (
+        e || (e = "horizontal" === a ? "vertical" : "horizontal"),
+        e === a ||
+          ("horizontal" !== e && "vertical" !== e) ||
+          (s.el.classList.remove(`${s.params.containerModifierClass}${a}`),
+          s.el.classList.add(`${s.params.containerModifierClass}${e}`),
+          s.emitContainerClasses(),
+          (s.params.direction = e),
+          s.slides.forEach((t) => {
+            "vertical" === e ? (t.style.width = "") : (t.style.height = "");
+          }),
+          s.emit("changeDirection"),
+          t && s.update()),
+        s
+      );
+    }
+    changeLanguageDirection(e) {
+      const t = this;
+      (t.rtl && "rtl" === e) ||
+        (!t.rtl && "ltr" === e) ||
+        ((t.rtl = "rtl" === e),
+        (t.rtlTranslate = "horizontal" === t.params.direction && t.rtl),
+        t.rtl
+          ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`),
+            (t.el.dir = "rtl"))
+          : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`),
+            (t.el.dir = "ltr")),
+        t.update());
+    }
+    mount(e) {
+      const t = this;
+      if (t.mounted) return !0;
+      let s = e || t.params.el;
+      if (("string" == typeof s && (s = document.querySelector(s)), !s))
+        return !1;
+      (s.swiper = t),
+        s.parentNode &&
+          s.parentNode.host &&
+          s.parentNode.host.nodeName ===
+            t.params.swiperElementNodeName.toUpperCase() &&
+          (t.isElement = !0);
+      const a = () =>
+        `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`;
+      let i = (() => {
+        if (s && s.shadowRoot && s.shadowRoot.querySelector) {
+          return s.shadowRoot.querySelector(a());
+        }
+        return f(s, a())[0];
+      })();
+      return (
+        !i &&
+          t.params.createElements &&
+          ((i = v("div", t.params.wrapperClass)),
+          s.append(i),
+          f(s, `.${t.params.slideClass}`).forEach((e) => {
+            i.append(e);
+          })),
+        Object.assign(t, {
+          el: s,
+          wrapperEl: i,
+          slidesEl:
+            t.isElement && !s.parentNode.host.slideSlots
+              ? s.parentNode.host
+              : i,
+          hostEl: t.isElement ? s.parentNode.host : s,
+          mounted: !0,
+          rtl: "rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction"),
+          rtlTranslate:
+            "horizontal" === t.params.direction &&
+            ("rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction")),
+          wrongRTL: "-webkit-box" === b(i, "display"),
+        }),
+        !0
+      );
+    }
+    init(e) {
+      const t = this;
+      if (t.initialized) return t;
+      if (!1 === t.mount(e)) return t;
+      t.emit("beforeInit"),
+        t.params.breakpoints && t.setBreakpoint(),
+        t.addClasses(),
+        t.updateSize(),
+        t.updateSlides(),
+        t.params.watchOverflow && t.checkOverflow(),
+        t.params.grabCursor && t.enabled && t.setGrabCursor(),
+        t.params.loop && t.virtual && t.params.virtual.enabled
+          ? t.slideTo(
+              t.params.initialSlide + t.virtual.slidesBefore,
+              0,
+              t.params.runCallbacksOnInit,
+              !1,
+              !0
+            )
+          : t.slideTo(
+              t.params.initialSlide,
+              0,
+              t.params.runCallbacksOnInit,
+              !1,
+              !0
+            ),
+        t.params.loop && t.loopCreate(),
+        t.attachEvents();
+      const s = [...t.el.querySelectorAll('[loading="lazy"]')];
+      return (
+        t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),
+        s.forEach((e) => {
+          e.complete
+            ? O(t, e)
+            : e.addEventListener("load", (e) => {
+                O(t, e.target);
+              });
+        }),
+        G(t),
+        (t.initialized = !0),
+        G(t),
+        t.emit("init"),
+        t.emit("afterInit"),
+        t
+      );
+    }
+    destroy(e, t) {
+      void 0 === e && (e = !0), void 0 === t && (t = !0);
+      const s = this,
+        { params: a, el: i, wrapperEl: r, slides: n } = s;
+      return (
+        void 0 === s.params ||
+          s.destroyed ||
+          (s.emit("beforeDestroy"),
+          (s.initialized = !1),
+          s.detachEvents(),
+          a.loop && s.loopDestroy(),
+          t &&
+            (s.removeClasses(),
+            i && "string" != typeof i && i.removeAttribute("style"),
+            r && r.removeAttribute("style"),
+            n &&
+              n.length &&
+              n.forEach((e) => {
+                e.classList.remove(
+                  a.slideVisibleClass,
+                  a.slideFullyVisibleClass,
+                  a.slideActiveClass,
+                  a.slideNextClass,
+                  a.slidePrevClass
+                ),
+                  e.removeAttribute("style"),
+                  e.removeAttribute("data-swiper-slide-index");
+              })),
+          s.emit("destroy"),
+          Object.keys(s.eventsListeners).forEach((e) => {
+            s.off(e);
+          }),
+          !1 !== e &&
+            (s.el && "string" != typeof s.el && (s.el.swiper = null),
+            (function (e) {
+              const t = e;
+              Object.keys(t).forEach((e) => {
+                try {
+                  t[e] = null;
+                } catch (e) {}
+                try {
+                  delete t[e];
+                } catch (e) {}
+              });
+            })(s)),
+          (s.destroyed = !0)),
+        null
+      );
+    }
+    static extendDefaults(e) {
+      p(se, e);
+    }
+    static get extendedDefaults() {
+      return se;
+    }
+    static get defaults() {
+      return J;
+    }
+    static installModule(e) {
+      ae.prototype.__modules__ || (ae.prototype.__modules__ = []);
+      const t = ae.prototype.__modules__;
+      "function" == typeof e && t.indexOf(e) < 0 && t.push(e);
+    }
+    static use(e) {
+      return Array.isArray(e)
+        ? (e.forEach((e) => ae.installModule(e)), ae)
+        : (ae.installModule(e), ae);
+    }
+  }
+  function ie(e, t, s, a) {
+    return (
+      e.params.createElements &&
+        Object.keys(a).forEach((i) => {
+          if (!s[i] && !0 === s.auto) {
+            let r = f(e.el, `.${a[i]}`)[0];
+            r || ((r = v("div", a[i])), (r.className = a[i]), e.el.append(r)),
+              (s[i] = r),
+              (t[i] = r);
+          }
+        }),
+      s
+    );
+  }
+  function re(e) {
+    return (
+      void 0 === e && (e = ""),
+      `.${e
+        .trim()
+        .replace(/([\.:!+\/])/g, "\\$1")
+        .replace(/ /g, ".")}`
+    );
+  }
+  function ne(e) {
+    const t = this,
+      { params: s, slidesEl: a } = t;
+    s.loop && t.loopDestroy();
+    const i = (e) => {
+      if ("string" == typeof e) {
+        const t = document.createElement("div");
+        (t.innerHTML = e), a.append(t.children[0]), (t.innerHTML = "");
+      } else a.append(e);
+    };
+    if ("object" == typeof e && "length" in e)
+      for (let t = 0; t < e.length; t += 1) e[t] && i(e[t]);
+    else i(e);
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update();
+  }
+  function le(e) {
+    const t = this,
+      { params: s, activeIndex: a, slidesEl: i } = t;
+    s.loop && t.loopDestroy();
+    let r = a + 1;
+    const n = (e) => {
+      if ("string" == typeof e) {
+        const t = document.createElement("div");
+        (t.innerHTML = e), i.prepend(t.children[0]), (t.innerHTML = "");
+      } else i.prepend(e);
+    };
+    if ("object" == typeof e && "length" in e) {
+      for (let t = 0; t < e.length; t += 1) e[t] && n(e[t]);
+      r = a + e.length;
+    } else n(e);
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update(),
+      t.slideTo(r, 0, !1);
+  }
+  function oe(e, t) {
+    const s = this,
+      { params: a, activeIndex: i, slidesEl: r } = s;
+    let n = i;
+    a.loop && ((n -= s.loopedSlides), s.loopDestroy(), s.recalcSlides());
+    const l = s.slides.length;
+    if (e <= 0) return void s.prependSlide(t);
+    if (e >= l) return void s.appendSlide(t);
+    let o = n > e ? n + 1 : n;
+    const d = [];
+    for (let t = l - 1; t >= e; t -= 1) {
+      const e = s.slides[t];
+      e.remove(), d.unshift(e);
+    }
+    if ("object" == typeof t && "length" in t) {
+      for (let e = 0; e < t.length; e += 1) t[e] && r.append(t[e]);
+      o = n > e ? n + t.length : n;
+    } else r.append(t);
+    for (let e = 0; e < d.length; e += 1) r.append(d[e]);
+    s.recalcSlides(),
+      a.loop && s.loopCreate(),
+      (a.observer && !s.isElement) || s.update(),
+      a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1);
+  }
+  function de(e) {
+    const t = this,
+      { params: s, activeIndex: a } = t;
+    let i = a;
+    s.loop && ((i -= t.loopedSlides), t.loopDestroy());
+    let r,
+      n = i;
+    if ("object" == typeof e && "length" in e) {
+      for (let s = 0; s < e.length; s += 1)
+        (r = e[s]), t.slides[r] && t.slides[r].remove(), r < n && (n -= 1);
+      n = Math.max(n, 0);
+    } else
+      (r = e),
+        t.slides[r] && t.slides[r].remove(),
+        r < n && (n -= 1),
+        (n = Math.max(n, 0));
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update(),
+      s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1);
+  }
+  function ce() {
+    const e = this,
+      t = [];
+    for (let s = 0; s < e.slides.length; s += 1) t.push(s);
+    e.removeSlide(t);
+  }
+  function pe(e) {
+    const {
+      effect: t,
+      swiper: s,
+      on: a,
+      setTranslate: i,
+      setTransition: r,
+      overwriteParams: n,
+      perspective: l,
+      recreateShadows: o,
+      getEffectParams: d,
+    } = e;
+    let c;
+    a("beforeInit", () => {
+      if (s.params.effect !== t) return;
+      s.classNames.push(`${s.params.containerModifierClass}${t}`),
+        l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`);
+      const e = n ? n() : {};
+      Object.assign(s.params, e), Object.assign(s.originalParams, e);
+    }),
+      a("setTranslate", () => {
+        s.params.effect === t && i();
+      }),
+      a("setTransition", (e, a) => {
+        s.params.effect === t && r(a);
+      }),
+      a("transitionEnd", () => {
+        if (s.params.effect === t && o) {
+          if (!d || !d().slideShadows) return;
+          s.slides.forEach((e) => {
+            e.querySelectorAll(
+              ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+            ).forEach((e) => e.remove());
+          }),
+            o();
+        }
+      }),
+      a("virtualUpdate", () => {
+        s.params.effect === t &&
+          (s.slides.length || (c = !0),
+          requestAnimationFrame(() => {
+            c && s.slides && s.slides.length && (i(), (c = !1));
+          }));
+      });
+  }
+  function ue(e, t) {
+    const s = h(t);
+    return (
+      s !== t &&
+        ((s.style.backfaceVisibility = "hidden"),
+        (s.style["-webkit-backface-visibility"] = "hidden")),
+      s
+    );
+  }
+  function me(e) {
+    let { swiper: t, duration: s, transformElements: a, allSlides: i } = e;
+    const { activeIndex: r } = t;
+    if (t.params.virtualTranslate && 0 !== s) {
+      let e,
+        s = !1;
+      (e = i
+        ? a
+        : a.filter((e) => {
+            const s = e.classList.contains("swiper-slide-transform")
+              ? ((e) => {
+                  if (!e.parentElement)
+                    return t.slides.filter(
+                      (t) => t.shadowRoot && t.shadowRoot === e.parentNode
+                    )[0];
+                  return e.parentElement;
+                })(e)
+              : e;
+            return t.getSlideIndex(s) === r;
+          })),
+        e.forEach((e) => {
+          x(e, () => {
+            if (s) return;
+            if (!t || t.destroyed) return;
+            (s = !0), (t.animating = !1);
+            const e = new window.CustomEvent("transitionend", {
+              bubbles: !0,
+              cancelable: !0,
+            });
+            t.wrapperEl.dispatchEvent(e);
+          });
+        });
+    }
+  }
+  function he(e, t, s) {
+    const a = `swiper-slide-shadow${s ? `-${s}` : ""}${
+        e ? ` swiper-slide-shadow-${e}` : ""
+      }`,
+      i = h(t);
+    let r = i.querySelector(`.${a.split(" ").join(".")}`);
+    return r || ((r = v("div", a.split(" "))), i.append(r)), r;
+  }
+  Object.keys(te).forEach((e) => {
+    Object.keys(te[e]).forEach((t) => {
+      ae.prototype[t] = te[e][t];
+    });
+  }),
+    ae.use([
+      function (e) {
+        let { swiper: t, on: s, emit: a } = e;
+        const i = r();
+        let n = null,
+          l = null;
+        const o = () => {
+            t &&
+              !t.destroyed &&
+              t.initialized &&
+              (a("beforeResize"), a("resize"));
+          },
+          d = () => {
+            t && !t.destroyed && t.initialized && a("orientationchange");
+          };
+        s("init", () => {
+          t.params.resizeObserver && void 0 !== i.ResizeObserver
+            ? t &&
+              !t.destroyed &&
+              t.initialized &&
+              ((n = new ResizeObserver((e) => {
+                l = i.requestAnimationFrame(() => {
+                  const { width: s, height: a } = t;
+                  let i = s,
+                    r = a;
+                  e.forEach((e) => {
+                    let { contentBoxSize: s, contentRect: a, target: n } = e;
+                    (n && n !== t.el) ||
+                      ((i = a ? a.width : (s[0] || s).inlineSize),
+                      (r = a ? a.height : (s[0] || s).blockSize));
+                  }),
+                    (i === s && r === a) || o();
+                });
+              })),
+              n.observe(t.el))
+            : (i.addEventListener("resize", o),
+              i.addEventListener("orientationchange", d));
+        }),
+          s("destroy", () => {
+            l && i.cancelAnimationFrame(l),
+              n && n.unobserve && t.el && (n.unobserve(t.el), (n = null)),
+              i.removeEventListener("resize", o),
+              i.removeEventListener("orientationchange", d);
+          });
+      },
+      function (e) {
+        let { swiper: t, extendParams: s, on: a, emit: i } = e;
+        const n = [],
+          l = r(),
+          o = function (e, s) {
+            void 0 === s && (s = {});
+            const a = new (l.MutationObserver || l.WebkitMutationObserver)(
+              (e) => {
+                if (t.__preventObserver__) return;
+                if (1 === e.length) return void i("observerUpdate", e[0]);
+                const s = function () {
+                  i("observerUpdate", e[0]);
+                };
+                l.requestAnimationFrame
+                  ? l.requestAnimationFrame(s)
+                  : l.setTimeout(s, 0);
+              }
+            );
+            a.observe(e, {
+              attributes: void 0 === s.attributes || s.attributes,
+              childList: void 0 === s.childList || s.childList,
+              characterData: void 0 === s.characterData || s.characterData,
+            }),
+              n.push(a);
+          };
+        s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }),
+          a("init", () => {
+            if (t.params.observer) {
+              if (t.params.observeParents) {
+                const e = E(t.hostEl);
+                for (let t = 0; t < e.length; t += 1) o(e[t]);
+              }
+              o(t.hostEl, { childList: t.params.observeSlideChildren }),
+                o(t.wrapperEl, { attributes: !1 });
+            }
+          }),
+          a("destroy", () => {
+            n.forEach((e) => {
+              e.disconnect();
+            }),
+              n.splice(0, n.length);
+          });
+      },
+    ]);
+  const fe = [
+    function (e) {
+      let t,
+        { swiper: s, extendParams: i, on: r, emit: n } = e;
+      i({
+        virtual: {
+          enabled: !1,
+          slides: [],
+          cache: !0,
+          renderSlide: null,
+          renderExternal: null,
+          renderExternalUpdate: !0,
+          addSlidesBefore: 0,
+          addSlidesAfter: 0,
+        },
+      });
+      const l = a();
+      s.virtual = {
+        cache: {},
+        from: void 0,
+        to: void 0,
+        slides: [],
+        offset: 0,
+        slidesGrid: [],
+      };
+      const o = l.createElement("div");
+      function d(e, t) {
+        const a = s.params.virtual;
+        if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t];
+        let i;
+        return (
+          a.renderSlide
+            ? ((i = a.renderSlide.call(s, e, t)),
+              "string" == typeof i && ((o.innerHTML = i), (i = o.children[0])))
+            : (i = s.isElement
+                ? v("swiper-slide")
+                : v("div", s.params.slideClass)),
+          i.setAttribute("data-swiper-slide-index", t),
+          a.renderSlide || (i.innerHTML = e),
+          a.cache && (s.virtual.cache[t] = i),
+          i
+        );
+      }
+      function c(e, t) {
+        const {
+          slidesPerView: a,
+          slidesPerGroup: i,
+          centeredSlides: r,
+          loop: l,
+          initialSlide: o,
+        } = s.params;
+        if (t && !l && o > 0) return;
+        const { addSlidesBefore: c, addSlidesAfter: p } = s.params.virtual,
+          { from: u, to: m, slides: h, slidesGrid: g, offset: v } = s.virtual;
+        s.params.cssMode || s.updateActiveIndex();
+        const w = s.activeIndex || 0;
+        let b, y, E;
+        (b = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top"),
+          r
+            ? ((y = Math.floor(a / 2) + i + p), (E = Math.floor(a / 2) + i + c))
+            : ((y = a + (i - 1) + p), (E = (l ? a : i) + c));
+        let x = w - E,
+          S = w + y;
+        l || ((x = Math.max(x, 0)), (S = Math.min(S, h.length - 1)));
+        let T = (s.slidesGrid[x] || 0) - (s.slidesGrid[0] || 0);
+        function M() {
+          s.updateSlides(),
+            s.updateProgress(),
+            s.updateSlidesClasses(),
+            n("virtualUpdate");
+        }
+        if (
+          (l && w >= E
+            ? ((x -= E), r || (T += s.slidesGrid[0]))
+            : l && w < E && ((x = -E), r && (T += s.slidesGrid[0])),
+          Object.assign(s.virtual, {
+            from: x,
+            to: S,
+            offset: T,
+            slidesGrid: s.slidesGrid,
+            slidesBefore: E,
+            slidesAfter: y,
+          }),
+          u === x && m === S && !e)
+        )
+          return (
+            s.slidesGrid !== g &&
+              T !== v &&
+              s.slides.forEach((e) => {
+                e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px";
+              }),
+            s.updateProgress(),
+            void n("virtualUpdate")
+          );
+        if (s.params.virtual.renderExternal)
+          return (
+            s.params.virtual.renderExternal.call(s, {
+              offset: T,
+              from: x,
+              to: S,
+              slides: (function () {
+                const e = [];
+                for (let t = x; t <= S; t += 1) e.push(h[t]);
+                return e;
+              })(),
+            }),
+            void (s.params.virtual.renderExternalUpdate
+              ? M()
+              : n("virtualUpdate"))
+          );
+        const C = [],
+          P = [],
+          L = (e) => {
+            let t = e;
+            return (
+              e < 0 ? (t = h.length + e) : t >= h.length && (t -= h.length), t
+            );
+          };
+        if (e)
+          s.slides
+            .filter((e) => e.matches(`.${s.params.slideClass}, swiper-slide`))
+            .forEach((e) => {
+              e.remove();
+            });
+        else
+          for (let e = u; e <= m; e += 1)
+            if (e < x || e > S) {
+              const t = L(e);
+              s.slides
+                .filter((e) =>
+                  e.matches(
+                    `.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`
+                  )
+                )
+                .forEach((e) => {
+                  e.remove();
+                });
+            }
+        const I = l ? -h.length : 0,
+          A = l ? 2 * h.length : h.length;
+        for (let t = I; t < A; t += 1)
+          if (t >= x && t <= S) {
+            const s = L(t);
+            void 0 === m || e
+              ? P.push(s)
+              : (t > m && P.push(s), t < u && C.push(s));
+          }
+        if (
+          (P.forEach((e) => {
+            s.slidesEl.append(d(h[e], e));
+          }),
+          l)
+        )
+          for (let e = C.length - 1; e >= 0; e -= 1) {
+            const t = C[e];
+            s.slidesEl.prepend(d(h[t], t));
+          }
+        else
+          C.sort((e, t) => t - e),
+            C.forEach((e) => {
+              s.slidesEl.prepend(d(h[e], e));
+            });
+        f(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e) => {
+          e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px";
+        }),
+          M();
+      }
+      r("beforeInit", () => {
+        if (!s.params.virtual.enabled) return;
+        let e;
+        if (void 0 === s.passedParams.virtual.slides) {
+          const t = [...s.slidesEl.children].filter((e) =>
+            e.matches(`.${s.params.slideClass}, swiper-slide`)
+          );
+          t &&
+            t.length &&
+            ((s.virtual.slides = [...t]),
+            (e = !0),
+            t.forEach((e, t) => {
+              e.setAttribute("data-swiper-slide-index", t),
+                (s.virtual.cache[t] = e),
+                e.remove();
+            }));
+        }
+        e || (s.virtual.slides = s.params.virtual.slides),
+          s.classNames.push(`${s.params.containerModifierClass}virtual`),
+          (s.params.watchSlidesProgress = !0),
+          (s.originalParams.watchSlidesProgress = !0),
+          c(!1, !0);
+      }),
+        r("setTranslate", () => {
+          s.params.virtual.enabled &&
+            (s.params.cssMode && !s._immediateVirtual
+              ? (clearTimeout(t),
+                (t = setTimeout(() => {
+                  c();
+                }, 100)))
+              : c());
+        }),
+        r("init update resize", () => {
+          s.params.virtual.enabled &&
+            s.params.cssMode &&
+            u(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`);
+        }),
+        Object.assign(s.virtual, {
+          appendSlide: function (e) {
+            if ("object" == typeof e && "length" in e)
+              for (let t = 0; t < e.length; t += 1)
+                e[t] && s.virtual.slides.push(e[t]);
+            else s.virtual.slides.push(e);
+            c(!0);
+          },
+          prependSlide: function (e) {
+            const t = s.activeIndex;
+            let a = t + 1,
+              i = 1;
+            if (Array.isArray(e)) {
+              for (let t = 0; t < e.length; t += 1)
+                e[t] && s.virtual.slides.unshift(e[t]);
+              (a = t + e.length), (i = e.length);
+            } else s.virtual.slides.unshift(e);
+            if (s.params.virtual.cache) {
+              const e = s.virtual.cache,
+                t = {};
+              Object.keys(e).forEach((s) => {
+                const a = e[s],
+                  r = a.getAttribute("data-swiper-slide-index");
+                r &&
+                  a.setAttribute(
+                    "data-swiper-slide-index",
+                    parseInt(r, 10) + i
+                  ),
+                  (t[parseInt(s, 10) + i] = a);
+              }),
+                (s.virtual.cache = t);
+            }
+            c(!0), s.slideTo(a, 0);
+          },
+          removeSlide: function (e) {
+            if (null == e) return;
+            let t = s.activeIndex;
+            if (Array.isArray(e))
+              for (let a = e.length - 1; a >= 0; a -= 1)
+                s.params.virtual.cache &&
+                  (delete s.virtual.cache[e[a]],
+                  Object.keys(s.virtual.cache).forEach((t) => {
+                    t > e &&
+                      ((s.virtual.cache[t - 1] = s.virtual.cache[t]),
+                      s.virtual.cache[t - 1].setAttribute(
+                        "data-swiper-slide-index",
+                        t - 1
+                      ),
+                      delete s.virtual.cache[t]);
+                  })),
+                  s.virtual.slides.splice(e[a], 1),
+                  e[a] < t && (t -= 1),
+                  (t = Math.max(t, 0));
+            else
+              s.params.virtual.cache &&
+                (delete s.virtual.cache[e],
+                Object.keys(s.virtual.cache).forEach((t) => {
+                  t > e &&
+                    ((s.virtual.cache[t - 1] = s.virtual.cache[t]),
+                    s.virtual.cache[t - 1].setAttribute(
+                      "data-swiper-slide-index",
+                      t - 1
+                    ),
+                    delete s.virtual.cache[t]);
+                })),
+                s.virtual.slides.splice(e, 1),
+                e < t && (t -= 1),
+                (t = Math.max(t, 0));
+            c(!0), s.slideTo(t, 0);
+          },
+          removeAllSlides: function () {
+            (s.virtual.slides = []),
+              s.params.virtual.cache && (s.virtual.cache = {}),
+              c(!0),
+              s.slideTo(0, 0);
+          },
+          update: c,
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i, emit: n } = e;
+      const l = a(),
+        o = r();
+      function d(e) {
+        if (!t.enabled) return;
+        const { rtlTranslate: s } = t;
+        let a = e;
+        a.originalEvent && (a = a.originalEvent);
+        const i = a.keyCode || a.charCode,
+          r = t.params.keyboard.pageUpDown,
+          d = r && 33 === i,
+          c = r && 34 === i,
+          p = 37 === i,
+          u = 39 === i,
+          m = 38 === i,
+          h = 40 === i;
+        if (
+          !t.allowSlideNext &&
+          ((t.isHorizontal() && u) || (t.isVertical() && h) || c)
+        )
+          return !1;
+        if (
+          !t.allowSlidePrev &&
+          ((t.isHorizontal() && p) || (t.isVertical() && m) || d)
+        )
+          return !1;
+        if (
+          !(
+            a.shiftKey ||
+            a.altKey ||
+            a.ctrlKey ||
+            a.metaKey ||
+            (l.activeElement &&
+              l.activeElement.nodeName &&
+              ("input" === l.activeElement.nodeName.toLowerCase() ||
+                "textarea" === l.activeElement.nodeName.toLowerCase()))
+          )
+        ) {
+          if (
+            t.params.keyboard.onlyInViewport &&
+            (d || c || p || u || m || h)
+          ) {
+            let e = !1;
+            if (
+              E(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 &&
+              0 === E(t.el, `.${t.params.slideActiveClass}`).length
+            )
+              return;
+            const a = t.el,
+              i = a.clientWidth,
+              r = a.clientHeight,
+              n = o.innerWidth,
+              l = o.innerHeight,
+              d = w(a);
+            s && (d.left -= a.scrollLeft);
+            const c = [
+              [d.left, d.top],
+              [d.left + i, d.top],
+              [d.left, d.top + r],
+              [d.left + i, d.top + r],
+            ];
+            for (let t = 0; t < c.length; t += 1) {
+              const s = c[t];
+              if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) {
+                if (0 === s[0] && 0 === s[1]) continue;
+                e = !0;
+              }
+            }
+            if (!e) return;
+          }
+          t.isHorizontal()
+            ? ((d || c || p || u) &&
+                (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)),
+              (((c || u) && !s) || ((d || p) && s)) && t.slideNext(),
+              (((d || p) && !s) || ((c || u) && s)) && t.slidePrev())
+            : ((d || c || m || h) &&
+                (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)),
+              (c || h) && t.slideNext(),
+              (d || m) && t.slidePrev()),
+            n("keyPress", i);
+        }
+      }
+      function c() {
+        t.keyboard.enabled ||
+          (l.addEventListener("keydown", d), (t.keyboard.enabled = !0));
+      }
+      function p() {
+        t.keyboard.enabled &&
+          (l.removeEventListener("keydown", d), (t.keyboard.enabled = !1));
+      }
+      (t.keyboard = { enabled: !1 }),
+        s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }),
+        i("init", () => {
+          t.params.keyboard.enabled && c();
+        }),
+        i("destroy", () => {
+          t.keyboard.enabled && p();
+        }),
+        Object.assign(t.keyboard, { enable: c, disable: p });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const n = r();
+      let d;
+      s({
+        mousewheel: {
+          enabled: !1,
+          releaseOnEdges: !1,
+          invert: !1,
+          forceToAxis: !1,
+          sensitivity: 1,
+          eventsTarget: "container",
+          thresholdDelta: null,
+          thresholdTime: null,
+          noMousewheelClass: "swiper-no-mousewheel",
+        },
+      }),
+        (t.mousewheel = { enabled: !1 });
+      let c,
+        p = o();
+      const u = [];
+      function m() {
+        t.enabled && (t.mouseEntered = !0);
+      }
+      function h() {
+        t.enabled && (t.mouseEntered = !1);
+      }
+      function f(e) {
+        return (
+          !(
+            t.params.mousewheel.thresholdDelta &&
+            e.delta < t.params.mousewheel.thresholdDelta
+          ) &&
+          !(
+            t.params.mousewheel.thresholdTime &&
+            o() - p < t.params.mousewheel.thresholdTime
+          ) &&
+          ((e.delta >= 6 && o() - p < 60) ||
+            (e.direction < 0
+              ? (t.isEnd && !t.params.loop) ||
+                t.animating ||
+                (t.slideNext(), i("scroll", e.raw))
+              : (t.isBeginning && !t.params.loop) ||
+                t.animating ||
+                (t.slidePrev(), i("scroll", e.raw)),
+            (p = new n.Date().getTime()),
+            !1))
+        );
+      }
+      function g(e) {
+        let s = e,
+          a = !0;
+        if (!t.enabled) return;
+        if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))
+          return;
+        const r = t.params.mousewheel;
+        t.params.cssMode && s.preventDefault();
+        let n = t.el;
+        "container" !== t.params.mousewheel.eventsTarget &&
+          (n = document.querySelector(t.params.mousewheel.eventsTarget));
+        const p = n && n.contains(s.target);
+        if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0;
+        s.originalEvent && (s = s.originalEvent);
+        let m = 0;
+        const h = t.rtlTranslate ? -1 : 1,
+          g = (function (e) {
+            let t = 0,
+              s = 0,
+              a = 0,
+              i = 0;
+            return (
+              "detail" in e && (s = e.detail),
+              "wheelDelta" in e && (s = -e.wheelDelta / 120),
+              "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120),
+              "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120),
+              "axis" in e && e.axis === e.HORIZONTAL_AXIS && ((t = s), (s = 0)),
+              (a = 10 * t),
+              (i = 10 * s),
+              "deltaY" in e && (i = e.deltaY),
+              "deltaX" in e && (a = e.deltaX),
+              e.shiftKey && !a && ((a = i), (i = 0)),
+              (a || i) &&
+                e.deltaMode &&
+                (1 === e.deltaMode
+                  ? ((a *= 40), (i *= 40))
+                  : ((a *= 800), (i *= 800))),
+              a && !t && (t = a < 1 ? -1 : 1),
+              i && !s && (s = i < 1 ? -1 : 1),
+              { spinX: t, spinY: s, pixelX: a, pixelY: i }
+            );
+          })(s);
+        if (r.forceToAxis)
+          if (t.isHorizontal()) {
+            if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0;
+            m = -g.pixelX * h;
+          } else {
+            if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0;
+            m = -g.pixelY;
+          }
+        else
+          m =
+            Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY;
+        if (0 === m) return !0;
+        r.invert && (m = -m);
+        let v = t.getTranslate() + m * r.sensitivity;
+        if (
+          (v >= t.minTranslate() && (v = t.minTranslate()),
+          v <= t.maxTranslate() && (v = t.maxTranslate()),
+          (a =
+            !!t.params.loop ||
+            !(v === t.minTranslate() || v === t.maxTranslate())),
+          a && t.params.nested && s.stopPropagation(),
+          t.params.freeMode && t.params.freeMode.enabled)
+        ) {
+          const e = { time: o(), delta: Math.abs(m), direction: Math.sign(m) },
+            a =
+              c &&
+              e.time < c.time + 500 &&
+              e.delta <= c.delta &&
+              e.direction === c.direction;
+          if (!a) {
+            c = void 0;
+            let n = t.getTranslate() + m * r.sensitivity;
+            const o = t.isBeginning,
+              p = t.isEnd;
+            if (
+              (n >= t.minTranslate() && (n = t.minTranslate()),
+              n <= t.maxTranslate() && (n = t.maxTranslate()),
+              t.setTransition(0),
+              t.setTranslate(n),
+              t.updateProgress(),
+              t.updateActiveIndex(),
+              t.updateSlidesClasses(),
+              ((!o && t.isBeginning) || (!p && t.isEnd)) &&
+                t.updateSlidesClasses(),
+              t.params.loop &&
+                t.loopFix({
+                  direction: e.direction < 0 ? "next" : "prev",
+                  byMousewheel: !0,
+                }),
+              t.params.freeMode.sticky)
+            ) {
+              clearTimeout(d), (d = void 0), u.length >= 15 && u.shift();
+              const s = u.length ? u[u.length - 1] : void 0,
+                a = u[0];
+              if (
+                (u.push(e),
+                s && (e.delta > s.delta || e.direction !== s.direction))
+              )
+                u.splice(0);
+              else if (
+                u.length >= 15 &&
+                e.time - a.time < 500 &&
+                a.delta - e.delta >= 1 &&
+                e.delta <= 6
+              ) {
+                const s = m > 0 ? 0.8 : 0.2;
+                (c = e),
+                  u.splice(0),
+                  (d = l(() => {
+                    t.slideToClosest(t.params.speed, !0, void 0, s);
+                  }, 0));
+              }
+              d ||
+                (d = l(() => {
+                  (c = e),
+                    u.splice(0),
+                    t.slideToClosest(t.params.speed, !0, void 0, 0.5);
+                }, 500));
+            }
+            if (
+              (a || i("scroll", s),
+              t.params.autoplay &&
+                t.params.autoplayDisableOnInteraction &&
+                t.autoplay.stop(),
+              r.releaseOnEdges &&
+                (n === t.minTranslate() || n === t.maxTranslate()))
+            )
+              return !0;
+          }
+        } else {
+          const s = {
+            time: o(),
+            delta: Math.abs(m),
+            direction: Math.sign(m),
+            raw: e,
+          };
+          u.length >= 2 && u.shift();
+          const a = u.length ? u[u.length - 1] : void 0;
+          if (
+            (u.push(s),
+            a
+              ? (s.direction !== a.direction ||
+                  s.delta > a.delta ||
+                  s.time > a.time + 150) &&
+                f(s)
+              : f(s),
+            (function (e) {
+              const s = t.params.mousewheel;
+              if (e.direction < 0) {
+                if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0;
+              } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges)
+                return !0;
+              return !1;
+            })(s))
+          )
+            return !0;
+        }
+        return s.preventDefault ? s.preventDefault() : (s.returnValue = !1), !1;
+      }
+      function v(e) {
+        let s = t.el;
+        "container" !== t.params.mousewheel.eventsTarget &&
+          (s = document.querySelector(t.params.mousewheel.eventsTarget)),
+          s[e]("mouseenter", m),
+          s[e]("mouseleave", h),
+          s[e]("wheel", g);
+      }
+      function w() {
+        return t.params.cssMode
+          ? (t.wrapperEl.removeEventListener("wheel", g), !0)
+          : !t.mousewheel.enabled &&
+              (v("addEventListener"), (t.mousewheel.enabled = !0), !0);
+      }
+      function b() {
+        return t.params.cssMode
+          ? (t.wrapperEl.addEventListener(event, g), !0)
+          : !!t.mousewheel.enabled &&
+              (v("removeEventListener"), (t.mousewheel.enabled = !1), !0);
+      }
+      a("init", () => {
+        !t.params.mousewheel.enabled && t.params.cssMode && b(),
+          t.params.mousewheel.enabled && w();
+      }),
+        a("destroy", () => {
+          t.params.cssMode && w(), t.mousewheel.enabled && b();
+        }),
+        Object.assign(t.mousewheel, { enable: w, disable: b });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      function r(e) {
+        let s;
+        return e &&
+          "string" == typeof e &&
+          t.isElement &&
+          ((s = t.el.querySelector(e)), s)
+          ? s
+          : (e &&
+              ("string" == typeof e && (s = [...document.querySelectorAll(e)]),
+              t.params.uniqueNavElements &&
+              "string" == typeof e &&
+              s &&
+              s.length > 1 &&
+              1 === t.el.querySelectorAll(e).length
+                ? (s = t.el.querySelector(e))
+                : s && 1 === s.length && (s = s[0])),
+            e && !s ? e : s);
+      }
+      function n(e, s) {
+        const a = t.params.navigation;
+        (e = T(e)).forEach((e) => {
+          e &&
+            (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")),
+            "BUTTON" === e.tagName && (e.disabled = s),
+            t.params.watchOverflow &&
+              t.enabled &&
+              e.classList[t.isLocked ? "add" : "remove"](a.lockClass));
+        });
+      }
+      function l() {
+        const { nextEl: e, prevEl: s } = t.navigation;
+        if (t.params.loop) return n(s, !1), void n(e, !1);
+        n(s, t.isBeginning && !t.params.rewind),
+          n(e, t.isEnd && !t.params.rewind);
+      }
+      function o(e) {
+        e.preventDefault(),
+          (!t.isBeginning || t.params.loop || t.params.rewind) &&
+            (t.slidePrev(), i("navigationPrev"));
+      }
+      function d(e) {
+        e.preventDefault(),
+          (!t.isEnd || t.params.loop || t.params.rewind) &&
+            (t.slideNext(), i("navigationNext"));
+      }
+      function c() {
+        const e = t.params.navigation;
+        if (
+          ((t.params.navigation = ie(
+            t,
+            t.originalParams.navigation,
+            t.params.navigation,
+            { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }
+          )),
+          !e.nextEl && !e.prevEl)
+        )
+          return;
+        let s = r(e.nextEl),
+          a = r(e.prevEl);
+        Object.assign(t.navigation, { nextEl: s, prevEl: a }),
+          (s = T(s)),
+          (a = T(a));
+        const i = (s, a) => {
+          s && s.addEventListener("click", "next" === a ? d : o),
+            !t.enabled && s && s.classList.add(...e.lockClass.split(" "));
+        };
+        s.forEach((e) => i(e, "next")), a.forEach((e) => i(e, "prev"));
+      }
+      function p() {
+        let { nextEl: e, prevEl: s } = t.navigation;
+        (e = T(e)), (s = T(s));
+        const a = (e, s) => {
+          e.removeEventListener("click", "next" === s ? d : o),
+            e.classList.remove(...t.params.navigation.disabledClass.split(" "));
+        };
+        e.forEach((e) => a(e, "next")), s.forEach((e) => a(e, "prev"));
+      }
+      s({
+        navigation: {
+          nextEl: null,
+          prevEl: null,
+          hideOnClick: !1,
+          disabledClass: "swiper-button-disabled",
+          hiddenClass: "swiper-button-hidden",
+          lockClass: "swiper-button-lock",
+          navigationDisabledClass: "swiper-navigation-disabled",
+        },
+      }),
+        (t.navigation = { nextEl: null, prevEl: null }),
+        a("init", () => {
+          !1 === t.params.navigation.enabled ? u() : (c(), l());
+        }),
+        a("toEdge fromEdge lock unlock", () => {
+          l();
+        }),
+        a("destroy", () => {
+          p();
+        }),
+        a("enable disable", () => {
+          let { nextEl: e, prevEl: s } = t.navigation;
+          (e = T(e)),
+            (s = T(s)),
+            t.enabled
+              ? l()
+              : [...e, ...s]
+                  .filter((e) => !!e)
+                  .forEach((e) =>
+                    e.classList.add(t.params.navigation.lockClass)
+                  );
+        }),
+        a("click", (e, s) => {
+          let { nextEl: a, prevEl: r } = t.navigation;
+          (a = T(a)), (r = T(r));
+          const n = s.target;
+          let l = r.includes(n) || a.includes(n);
+          if (t.isElement && !l) {
+            const e = s.path || (s.composedPath && s.composedPath());
+            e && (l = e.find((e) => a.includes(e) || r.includes(e)));
+          }
+          if (t.params.navigation.hideOnClick && !l) {
+            if (
+              t.pagination &&
+              t.params.pagination &&
+              t.params.pagination.clickable &&
+              (t.pagination.el === n || t.pagination.el.contains(n))
+            )
+              return;
+            let e;
+            a.length
+              ? (e = a[0].classList.contains(t.params.navigation.hiddenClass))
+              : r.length &&
+                (e = r[0].classList.contains(t.params.navigation.hiddenClass)),
+              i(!0 === e ? "navigationShow" : "navigationHide"),
+              [...a, ...r]
+                .filter((e) => !!e)
+                .forEach((e) =>
+                  e.classList.toggle(t.params.navigation.hiddenClass)
+                );
+          }
+        });
+      const u = () => {
+        t.el.classList.add(
+          ...t.params.navigation.navigationDisabledClass.split(" ")
+        ),
+          p();
+      };
+      Object.assign(t.navigation, {
+        enable: () => {
+          t.el.classList.remove(
+            ...t.params.navigation.navigationDisabledClass.split(" ")
+          ),
+            c(),
+            l();
+        },
+        disable: u,
+        update: l,
+        init: c,
+        destroy: p,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const r = "swiper-pagination";
+      let n;
+      s({
+        pagination: {
+          el: null,
+          bulletElement: "span",
+          clickable: !1,
+          hideOnClick: !1,
+          renderBullet: null,
+          renderProgressbar: null,
+          renderFraction: null,
+          renderCustom: null,
+          progressbarOpposite: !1,
+          type: "bullets",
+          dynamicBullets: !1,
+          dynamicMainBullets: 1,
+          formatFractionCurrent: (e) => e,
+          formatFractionTotal: (e) => e,
+          bulletClass: `${r}-bullet`,
+          bulletActiveClass: `${r}-bullet-active`,
+          modifierClass: `${r}-`,
+          currentClass: `${r}-current`,
+          totalClass: `${r}-total`,
+          hiddenClass: `${r}-hidden`,
+          progressbarFillClass: `${r}-progressbar-fill`,
+          progressbarOppositeClass: `${r}-progressbar-opposite`,
+          clickableClass: `${r}-clickable`,
+          lockClass: `${r}-lock`,
+          horizontalClass: `${r}-horizontal`,
+          verticalClass: `${r}-vertical`,
+          paginationDisabledClass: `${r}-disabled`,
+        },
+      }),
+        (t.pagination = { el: null, bullets: [] });
+      let l = 0;
+      function o() {
+        return (
+          !t.params.pagination.el ||
+          !t.pagination.el ||
+          (Array.isArray(t.pagination.el) && 0 === t.pagination.el.length)
+        );
+      }
+      function d(e, s) {
+        const { bulletActiveClass: a } = t.params.pagination;
+        e &&
+          (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) &&
+          (e.classList.add(`${a}-${s}`),
+          (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) &&
+            e.classList.add(`${a}-${s}-${s}`));
+      }
+      function c(e) {
+        const s = e.target.closest(re(t.params.pagination.bulletClass));
+        if (!s) return;
+        e.preventDefault();
+        const a = y(s) * t.params.slidesPerGroup;
+        if (t.params.loop) {
+          if (t.realIndex === a) return;
+          t.slideToLoop(a);
+        } else t.slideTo(a);
+      }
+      function p() {
+        const e = t.rtl,
+          s = t.params.pagination;
+        if (o()) return;
+        let a,
+          r,
+          c = t.pagination.el;
+        c = T(c);
+        const p =
+            t.virtual && t.params.virtual.enabled
+              ? t.virtual.slides.length
+              : t.slides.length,
+          u = t.params.loop
+            ? Math.ceil(p / t.params.slidesPerGroup)
+            : t.snapGrid.length;
+        if (
+          (t.params.loop
+            ? ((r = t.previousRealIndex || 0),
+              (a =
+                t.params.slidesPerGroup > 1
+                  ? Math.floor(t.realIndex / t.params.slidesPerGroup)
+                  : t.realIndex))
+            : void 0 !== t.snapIndex
+            ? ((a = t.snapIndex), (r = t.previousSnapIndex))
+            : ((r = t.previousIndex || 0), (a = t.activeIndex || 0)),
+          "bullets" === s.type &&
+            t.pagination.bullets &&
+            t.pagination.bullets.length > 0)
+        ) {
+          const i = t.pagination.bullets;
+          let o, p, u;
+          if (
+            (s.dynamicBullets &&
+              ((n = S(i[0], t.isHorizontal() ? "width" : "height", !0)),
+              c.forEach((e) => {
+                e.style[t.isHorizontal() ? "width" : "height"] =
+                  n * (s.dynamicMainBullets + 4) + "px";
+              }),
+              s.dynamicMainBullets > 1 &&
+                void 0 !== r &&
+                ((l += a - (r || 0)),
+                l > s.dynamicMainBullets - 1
+                  ? (l = s.dynamicMainBullets - 1)
+                  : l < 0 && (l = 0)),
+              (o = Math.max(a - l, 0)),
+              (p = o + (Math.min(i.length, s.dynamicMainBullets) - 1)),
+              (u = (p + o) / 2)),
+            i.forEach((e) => {
+              const t = [
+                ...[
+                  "",
+                  "-next",
+                  "-next-next",
+                  "-prev",
+                  "-prev-prev",
+                  "-main",
+                ].map((e) => `${s.bulletActiveClass}${e}`),
+              ]
+                .map((e) =>
+                  "string" == typeof e && e.includes(" ") ? e.split(" ") : e
+                )
+                .flat();
+              e.classList.remove(...t);
+            }),
+            c.length > 1)
+          )
+            i.forEach((e) => {
+              const i = y(e);
+              i === a
+                ? e.classList.add(...s.bulletActiveClass.split(" "))
+                : t.isElement && e.setAttribute("part", "bullet"),
+                s.dynamicBullets &&
+                  (i >= o &&
+                    i <= p &&
+                    e.classList.add(
+                      ...`${s.bulletActiveClass}-main`.split(" ")
+                    ),
+                  i === o && d(e, "prev"),
+                  i === p && d(e, "next"));
+            });
+          else {
+            const e = i[a];
+            if (
+              (e && e.classList.add(...s.bulletActiveClass.split(" ")),
+              t.isElement &&
+                i.forEach((e, t) => {
+                  e.setAttribute("part", t === a ? "bullet-active" : "bullet");
+                }),
+              s.dynamicBullets)
+            ) {
+              const e = i[o],
+                t = i[p];
+              for (let e = o; e <= p; e += 1)
+                i[e] &&
+                  i[e].classList.add(
+                    ...`${s.bulletActiveClass}-main`.split(" ")
+                  );
+              d(e, "prev"), d(t, "next");
+            }
+          }
+          if (s.dynamicBullets) {
+            const a = Math.min(i.length, s.dynamicMainBullets + 4),
+              r = (n * a - n) / 2 - u * n,
+              l = e ? "right" : "left";
+            i.forEach((e) => {
+              e.style[t.isHorizontal() ? l : "top"] = `${r}px`;
+            });
+          }
+        }
+        c.forEach((e, r) => {
+          if (
+            ("fraction" === s.type &&
+              (e.querySelectorAll(re(s.currentClass)).forEach((e) => {
+                e.textContent = s.formatFractionCurrent(a + 1);
+              }),
+              e.querySelectorAll(re(s.totalClass)).forEach((e) => {
+                e.textContent = s.formatFractionTotal(u);
+              })),
+            "progressbar" === s.type)
+          ) {
+            let i;
+            i = s.progressbarOpposite
+              ? t.isHorizontal()
+                ? "vertical"
+                : "horizontal"
+              : t.isHorizontal()
+              ? "horizontal"
+              : "vertical";
+            const r = (a + 1) / u;
+            let n = 1,
+              l = 1;
+            "horizontal" === i ? (n = r) : (l = r),
+              e.querySelectorAll(re(s.progressbarFillClass)).forEach((e) => {
+                (e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`),
+                  (e.style.transitionDuration = `${t.params.speed}ms`);
+              });
+          }
+          "custom" === s.type && s.renderCustom
+            ? ((e.innerHTML = s.renderCustom(t, a + 1, u)),
+              0 === r && i("paginationRender", e))
+            : (0 === r && i("paginationRender", e), i("paginationUpdate", e)),
+            t.params.watchOverflow &&
+              t.enabled &&
+              e.classList[t.isLocked ? "add" : "remove"](s.lockClass);
+        });
+      }
+      function u() {
+        const e = t.params.pagination;
+        if (o()) return;
+        const s =
+          t.virtual && t.params.virtual.enabled
+            ? t.virtual.slides.length
+            : t.grid && t.params.grid.rows > 1
+            ? t.slides.length / Math.ceil(t.params.grid.rows)
+            : t.slides.length;
+        let a = t.pagination.el;
+        a = T(a);
+        let r = "";
+        if ("bullets" === e.type) {
+          let a = t.params.loop
+            ? Math.ceil(s / t.params.slidesPerGroup)
+            : t.snapGrid.length;
+          t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s);
+          for (let s = 0; s < a; s += 1)
+            e.renderBullet
+              ? (r += e.renderBullet.call(t, s, e.bulletClass))
+              : (r += `<${e.bulletElement} ${
+                  t.isElement ? 'part="bullet"' : ""
+                } class="${e.bulletClass}"></${e.bulletElement}>`);
+        }
+        "fraction" === e.type &&
+          (r = e.renderFraction
+            ? e.renderFraction.call(t, e.currentClass, e.totalClass)
+            : `<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),
+          "progressbar" === e.type &&
+            (r = e.renderProgressbar
+              ? e.renderProgressbar.call(t, e.progressbarFillClass)
+              : `<span class="${e.progressbarFillClass}"></span>`),
+          (t.pagination.bullets = []),
+          a.forEach((s) => {
+            "custom" !== e.type && (s.innerHTML = r || ""),
+              "bullets" === e.type &&
+                t.pagination.bullets.push(
+                  ...s.querySelectorAll(re(e.bulletClass))
+                );
+          }),
+          "custom" !== e.type && i("paginationRender", a[0]);
+      }
+      function m() {
+        t.params.pagination = ie(
+          t,
+          t.originalParams.pagination,
+          t.params.pagination,
+          { el: "swiper-pagination" }
+        );
+        const e = t.params.pagination;
+        if (!e.el) return;
+        let s;
+        "string" == typeof e.el &&
+          t.isElement &&
+          (s = t.el.querySelector(e.el)),
+          s ||
+            "string" != typeof e.el ||
+            (s = [...document.querySelectorAll(e.el)]),
+          s || (s = e.el),
+          s &&
+            0 !== s.length &&
+            (t.params.uniqueNavElements &&
+              "string" == typeof e.el &&
+              Array.isArray(s) &&
+              s.length > 1 &&
+              ((s = [...t.el.querySelectorAll(e.el)]),
+              s.length > 1 &&
+                (s = s.filter((e) => E(e, ".swiper")[0] === t.el)[0])),
+            Array.isArray(s) && 1 === s.length && (s = s[0]),
+            Object.assign(t.pagination, { el: s }),
+            (s = T(s)),
+            s.forEach((s) => {
+              "bullets" === e.type &&
+                e.clickable &&
+                s.classList.add(...(e.clickableClass || "").split(" ")),
+                s.classList.add(e.modifierClass + e.type),
+                s.classList.add(
+                  t.isHorizontal() ? e.horizontalClass : e.verticalClass
+                ),
+                "bullets" === e.type &&
+                  e.dynamicBullets &&
+                  (s.classList.add(`${e.modifierClass}${e.type}-dynamic`),
+                  (l = 0),
+                  e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)),
+                "progressbar" === e.type &&
+                  e.progressbarOpposite &&
+                  s.classList.add(e.progressbarOppositeClass),
+                e.clickable && s.addEventListener("click", c),
+                t.enabled || s.classList.add(e.lockClass);
+            }));
+      }
+      function h() {
+        const e = t.params.pagination;
+        if (o()) return;
+        let s = t.pagination.el;
+        s &&
+          ((s = T(s)),
+          s.forEach((s) => {
+            s.classList.remove(e.hiddenClass),
+              s.classList.remove(e.modifierClass + e.type),
+              s.classList.remove(
+                t.isHorizontal() ? e.horizontalClass : e.verticalClass
+              ),
+              e.clickable &&
+                (s.classList.remove(...(e.clickableClass || "").split(" ")),
+                s.removeEventListener("click", c));
+          })),
+          t.pagination.bullets &&
+            t.pagination.bullets.forEach((t) =>
+              t.classList.remove(...e.bulletActiveClass.split(" "))
+            );
+      }
+      a("changeDirection", () => {
+        if (!t.pagination || !t.pagination.el) return;
+        const e = t.params.pagination;
+        let { el: s } = t.pagination;
+        (s = T(s)),
+          s.forEach((s) => {
+            s.classList.remove(e.horizontalClass, e.verticalClass),
+              s.classList.add(
+                t.isHorizontal() ? e.horizontalClass : e.verticalClass
+              );
+          });
+      }),
+        a("init", () => {
+          !1 === t.params.pagination.enabled ? f() : (m(), u(), p());
+        }),
+        a("activeIndexChange", () => {
+          void 0 === t.snapIndex && p();
+        }),
+        a("snapIndexChange", () => {
+          p();
+        }),
+        a("snapGridLengthChange", () => {
+          u(), p();
+        }),
+        a("destroy", () => {
+          h();
+        }),
+        a("enable disable", () => {
+          let { el: e } = t.pagination;
+          e &&
+            ((e = T(e)),
+            e.forEach((e) =>
+              e.classList[t.enabled ? "remove" : "add"](
+                t.params.pagination.lockClass
+              )
+            ));
+        }),
+        a("lock unlock", () => {
+          p();
+        }),
+        a("click", (e, s) => {
+          const a = s.target,
+            r = T(t.pagination.el);
+          if (
+            t.params.pagination.el &&
+            t.params.pagination.hideOnClick &&
+            r &&
+            r.length > 0 &&
+            !a.classList.contains(t.params.pagination.bulletClass)
+          ) {
+            if (
+              t.navigation &&
+              ((t.navigation.nextEl && a === t.navigation.nextEl) ||
+                (t.navigation.prevEl && a === t.navigation.prevEl))
+            )
+              return;
+            const e = r[0].classList.contains(t.params.pagination.hiddenClass);
+            i(!0 === e ? "paginationShow" : "paginationHide"),
+              r.forEach((e) =>
+                e.classList.toggle(t.params.pagination.hiddenClass)
+              );
+          }
+        });
+      const f = () => {
+        t.el.classList.add(t.params.pagination.paginationDisabledClass);
+        let { el: e } = t.pagination;
+        e &&
+          ((e = T(e)),
+          e.forEach((e) =>
+            e.classList.add(t.params.pagination.paginationDisabledClass)
+          )),
+          h();
+      };
+      Object.assign(t.pagination, {
+        enable: () => {
+          t.el.classList.remove(t.params.pagination.paginationDisabledClass);
+          let { el: e } = t.pagination;
+          e &&
+            ((e = T(e)),
+            e.forEach((e) =>
+              e.classList.remove(t.params.pagination.paginationDisabledClass)
+            )),
+            m(),
+            u(),
+            p();
+        },
+        disable: f,
+        render: u,
+        update: p,
+        init: m,
+        destroy: h,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i, emit: r } = e;
+      const o = a();
+      let d,
+        c,
+        p,
+        u,
+        m = !1,
+        h = null,
+        f = null;
+      function g() {
+        if (!t.params.scrollbar.el || !t.scrollbar.el) return;
+        const { scrollbar: e, rtlTranslate: s } = t,
+          { dragEl: a, el: i } = e,
+          r = t.params.scrollbar,
+          n = t.params.loop ? t.progressLoop : t.progress;
+        let l = c,
+          o = (p - c) * n;
+        s
+          ? ((o = -o),
+            o > 0 ? ((l = c - o), (o = 0)) : -o + c > p && (l = p + o))
+          : o < 0
+          ? ((l = c + o), (o = 0))
+          : o + c > p && (l = p - o),
+          t.isHorizontal()
+            ? ((a.style.transform = `translate3d(${o}px, 0, 0)`),
+              (a.style.width = `${l}px`))
+            : ((a.style.transform = `translate3d(0px, ${o}px, 0)`),
+              (a.style.height = `${l}px`)),
+          r.hide &&
+            (clearTimeout(h),
+            (i.style.opacity = 1),
+            (h = setTimeout(() => {
+              (i.style.opacity = 0), (i.style.transitionDuration = "400ms");
+            }, 1e3)));
+      }
+      function b() {
+        if (!t.params.scrollbar.el || !t.scrollbar.el) return;
+        const { scrollbar: e } = t,
+          { dragEl: s, el: a } = e;
+        (s.style.width = ""),
+          (s.style.height = ""),
+          (p = t.isHorizontal() ? a.offsetWidth : a.offsetHeight),
+          (u =
+            t.size /
+            (t.virtualSize +
+              t.params.slidesOffsetBefore -
+              (t.params.centeredSlides ? t.snapGrid[0] : 0))),
+          (c =
+            "auto" === t.params.scrollbar.dragSize
+              ? p * u
+              : parseInt(t.params.scrollbar.dragSize, 10)),
+          t.isHorizontal()
+            ? (s.style.width = `${c}px`)
+            : (s.style.height = `${c}px`),
+          (a.style.display = u >= 1 ? "none" : ""),
+          t.params.scrollbar.hide && (a.style.opacity = 0),
+          t.params.watchOverflow &&
+            t.enabled &&
+            e.el.classList[t.isLocked ? "add" : "remove"](
+              t.params.scrollbar.lockClass
+            );
+      }
+      function y(e) {
+        return t.isHorizontal() ? e.clientX : e.clientY;
+      }
+      function E(e) {
+        const { scrollbar: s, rtlTranslate: a } = t,
+          { el: i } = s;
+        let r;
+        (r =
+          (y(e) -
+            w(i)[t.isHorizontal() ? "left" : "top"] -
+            (null !== d ? d : c / 2)) /
+          (p - c)),
+          (r = Math.max(Math.min(r, 1), 0)),
+          a && (r = 1 - r);
+        const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r;
+        t.updateProgress(n),
+          t.setTranslate(n),
+          t.updateActiveIndex(),
+          t.updateSlidesClasses();
+      }
+      function x(e) {
+        const s = t.params.scrollbar,
+          { scrollbar: a, wrapperEl: i } = t,
+          { el: n, dragEl: l } = a;
+        (m = !0),
+          (d =
+            e.target === l
+              ? y(e) -
+                e.target.getBoundingClientRect()[
+                  t.isHorizontal() ? "left" : "top"
+                ]
+              : null),
+          e.preventDefault(),
+          e.stopPropagation(),
+          (i.style.transitionDuration = "100ms"),
+          (l.style.transitionDuration = "100ms"),
+          E(e),
+          clearTimeout(f),
+          (n.style.transitionDuration = "0ms"),
+          s.hide && (n.style.opacity = 1),
+          t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"),
+          r("scrollbarDragStart", e);
+      }
+      function S(e) {
+        const { scrollbar: s, wrapperEl: a } = t,
+          { el: i, dragEl: n } = s;
+        m &&
+          (e.preventDefault && e.cancelable
+            ? e.preventDefault()
+            : (e.returnValue = !1),
+          E(e),
+          (a.style.transitionDuration = "0ms"),
+          (i.style.transitionDuration = "0ms"),
+          (n.style.transitionDuration = "0ms"),
+          r("scrollbarDragMove", e));
+      }
+      function M(e) {
+        const s = t.params.scrollbar,
+          { scrollbar: a, wrapperEl: i } = t,
+          { el: n } = a;
+        m &&
+          ((m = !1),
+          t.params.cssMode &&
+            ((t.wrapperEl.style["scroll-snap-type"] = ""),
+            (i.style.transitionDuration = "")),
+          s.hide &&
+            (clearTimeout(f),
+            (f = l(() => {
+              (n.style.opacity = 0), (n.style.transitionDuration = "400ms");
+            }, 1e3))),
+          r("scrollbarDragEnd", e),
+          s.snapOnRelease && t.slideToClosest());
+      }
+      function C(e) {
+        const { scrollbar: s, params: a } = t,
+          i = s.el;
+        if (!i) return;
+        const r = i,
+          n = !!a.passiveListeners && { passive: !1, capture: !1 },
+          l = !!a.passiveListeners && { passive: !0, capture: !1 };
+        if (!r) return;
+        const d = "on" === e ? "addEventListener" : "removeEventListener";
+        r[d]("pointerdown", x, n),
+          o[d]("pointermove", S, n),
+          o[d]("pointerup", M, l);
+      }
+      function P() {
+        const { scrollbar: e, el: s } = t;
+        t.params.scrollbar = ie(
+          t,
+          t.originalParams.scrollbar,
+          t.params.scrollbar,
+          { el: "swiper-scrollbar" }
+        );
+        const a = t.params.scrollbar;
+        if (!a.el) return;
+        let i, r;
+        if (
+          ("string" == typeof a.el &&
+            t.isElement &&
+            (i = t.el.querySelector(a.el)),
+          i || "string" != typeof a.el)
+        )
+          i || (i = a.el);
+        else if (((i = o.querySelectorAll(a.el)), !i.length)) return;
+        t.params.uniqueNavElements &&
+          "string" == typeof a.el &&
+          i.length > 1 &&
+          1 === s.querySelectorAll(a.el).length &&
+          (i = s.querySelector(a.el)),
+          i.length > 0 && (i = i[0]),
+          i.classList.add(
+            t.isHorizontal() ? a.horizontalClass : a.verticalClass
+          ),
+          i &&
+            ((r = i.querySelector(re(t.params.scrollbar.dragClass))),
+            r || ((r = v("div", t.params.scrollbar.dragClass)), i.append(r))),
+          Object.assign(e, { el: i, dragEl: r }),
+          a.draggable && t.params.scrollbar.el && t.scrollbar.el && C("on"),
+          i &&
+            i.classList[t.enabled ? "remove" : "add"](
+              ...n(t.params.scrollbar.lockClass)
+            );
+      }
+      function L() {
+        const e = t.params.scrollbar,
+          s = t.scrollbar.el;
+        s &&
+          s.classList.remove(
+            ...n(t.isHorizontal() ? e.horizontalClass : e.verticalClass)
+          ),
+          t.params.scrollbar.el && t.scrollbar.el && C("off");
+      }
+      s({
+        scrollbar: {
+          el: null,
+          dragSize: "auto",
+          hide: !1,
+          draggable: !1,
+          snapOnRelease: !0,
+          lockClass: "swiper-scrollbar-lock",
+          dragClass: "swiper-scrollbar-drag",
+          scrollbarDisabledClass: "swiper-scrollbar-disabled",
+          horizontalClass: "swiper-scrollbar-horizontal",
+          verticalClass: "swiper-scrollbar-vertical",
+        },
+      }),
+        (t.scrollbar = { el: null, dragEl: null }),
+        i("changeDirection", () => {
+          if (!t.scrollbar || !t.scrollbar.el) return;
+          const e = t.params.scrollbar;
+          let { el: s } = t.scrollbar;
+          (s = T(s)),
+            s.forEach((s) => {
+              s.classList.remove(e.horizontalClass, e.verticalClass),
+                s.classList.add(
+                  t.isHorizontal() ? e.horizontalClass : e.verticalClass
+                );
+            });
+        }),
+        i("init", () => {
+          !1 === t.params.scrollbar.enabled ? I() : (P(), b(), g());
+        }),
+        i("update resize observerUpdate lock unlock changeDirection", () => {
+          b();
+        }),
+        i("setTranslate", () => {
+          g();
+        }),
+        i("setTransition", (e, s) => {
+          !(function (e) {
+            t.params.scrollbar.el &&
+              t.scrollbar.el &&
+              (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`);
+          })(s);
+        }),
+        i("enable disable", () => {
+          const { el: e } = t.scrollbar;
+          e &&
+            e.classList[t.enabled ? "remove" : "add"](
+              ...n(t.params.scrollbar.lockClass)
+            );
+        }),
+        i("destroy", () => {
+          L();
+        });
+      const I = () => {
+        t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),
+          t.scrollbar.el &&
+            t.scrollbar.el.classList.add(
+              ...n(t.params.scrollbar.scrollbarDisabledClass)
+            ),
+          L();
+      };
+      Object.assign(t.scrollbar, {
+        enable: () => {
+          t.el.classList.remove(
+            ...n(t.params.scrollbar.scrollbarDisabledClass)
+          ),
+            t.scrollbar.el &&
+              t.scrollbar.el.classList.remove(
+                ...n(t.params.scrollbar.scrollbarDisabledClass)
+              ),
+            P(),
+            b(),
+            g();
+        },
+        disable: I,
+        updateSize: b,
+        setTranslate: g,
+        init: P,
+        destroy: L,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ parallax: { enabled: !1 } });
+      const i =
+          "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+        r = (e, s) => {
+          const { rtl: a } = t,
+            i = a ? -1 : 1,
+            r = e.getAttribute("data-swiper-parallax") || "0";
+          let n = e.getAttribute("data-swiper-parallax-x"),
+            l = e.getAttribute("data-swiper-parallax-y");
+          const o = e.getAttribute("data-swiper-parallax-scale"),
+            d = e.getAttribute("data-swiper-parallax-opacity"),
+            c = e.getAttribute("data-swiper-parallax-rotate");
+          if (
+            (n || l
+              ? ((n = n || "0"), (l = l || "0"))
+              : t.isHorizontal()
+              ? ((n = r), (l = "0"))
+              : ((l = r), (n = "0")),
+            (n =
+              n.indexOf("%") >= 0
+                ? parseInt(n, 10) * s * i + "%"
+                : n * s * i + "px"),
+            (l =
+              l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px"),
+            null != d)
+          ) {
+            const t = d - (d - 1) * (1 - Math.abs(s));
+            e.style.opacity = t;
+          }
+          let p = `translate3d(${n}, ${l}, 0px)`;
+          if (null != o) {
+            p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})`;
+          }
+          if (c && null != c) {
+            p += ` rotate(${c * s * -1}deg)`;
+          }
+          e.style.transform = p;
+        },
+        n = () => {
+          const {
+              el: e,
+              slides: s,
+              progress: a,
+              snapGrid: n,
+              isElement: l,
+            } = t,
+            o = f(e, i);
+          t.isElement && o.push(...f(t.hostEl, i)),
+            o.forEach((e) => {
+              r(e, a);
+            }),
+            s.forEach((e, s) => {
+              let l = e.progress;
+              t.params.slidesPerGroup > 1 &&
+                "auto" !== t.params.slidesPerView &&
+                (l += Math.ceil(s / 2) - a * (n.length - 1)),
+                (l = Math.min(Math.max(l, -1), 1)),
+                e
+                  .querySelectorAll(`${i}, [data-swiper-parallax-rotate]`)
+                  .forEach((e) => {
+                    r(e, l);
+                  });
+            });
+        };
+      a("beforeInit", () => {
+        t.params.parallax.enabled &&
+          ((t.params.watchSlidesProgress = !0),
+          (t.originalParams.watchSlidesProgress = !0));
+      }),
+        a("init", () => {
+          t.params.parallax.enabled && n();
+        }),
+        a("setTranslate", () => {
+          t.params.parallax.enabled && n();
+        }),
+        a("setTransition", (e, s) => {
+          t.params.parallax.enabled &&
+            (function (e) {
+              void 0 === e && (e = t.params.speed);
+              const { el: s, hostEl: a } = t,
+                r = [...s.querySelectorAll(i)];
+              t.isElement && r.push(...a.querySelectorAll(i)),
+                r.forEach((t) => {
+                  let s =
+                    parseInt(
+                      t.getAttribute("data-swiper-parallax-duration"),
+                      10
+                    ) || e;
+                  0 === e && (s = 0), (t.style.transitionDuration = `${s}ms`);
+                });
+            })(s);
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const n = r();
+      s({
+        zoom: {
+          enabled: !1,
+          limitToOriginalSize: !1,
+          maxRatio: 3,
+          minRatio: 1,
+          toggle: !0,
+          containerClass: "swiper-zoom-container",
+          zoomedSlideClass: "swiper-slide-zoomed",
+        },
+      }),
+        (t.zoom = { enabled: !1 });
+      let l,
+        o,
+        c = 1,
+        p = !1;
+      const u = [],
+        m = {
+          originX: 0,
+          originY: 0,
+          slideEl: void 0,
+          slideWidth: void 0,
+          slideHeight: void 0,
+          imageEl: void 0,
+          imageWrapEl: void 0,
+          maxRatio: 3,
+        },
+        h = {
+          isTouched: void 0,
+          isMoved: void 0,
+          currentX: void 0,
+          currentY: void 0,
+          minX: void 0,
+          minY: void 0,
+          maxX: void 0,
+          maxY: void 0,
+          width: void 0,
+          height: void 0,
+          startX: void 0,
+          startY: void 0,
+          touchesStart: {},
+          touchesCurrent: {},
+        },
+        g = {
+          x: void 0,
+          y: void 0,
+          prevPositionX: void 0,
+          prevPositionY: void 0,
+          prevTime: void 0,
+        };
+      let v,
+        b = 1;
+      function y() {
+        if (u.length < 2) return 1;
+        const e = u[0].pageX,
+          t = u[0].pageY,
+          s = u[1].pageX,
+          a = u[1].pageY;
+        return Math.sqrt((s - e) ** 2 + (a - t) ** 2);
+      }
+      function x() {
+        const e = t.params.zoom,
+          s = m.imageWrapEl.getAttribute("data-swiper-zoom") || e.maxRatio;
+        if (e.limitToOriginalSize && m.imageEl && m.imageEl.naturalWidth) {
+          const e = m.imageEl.naturalWidth / m.imageEl.offsetWidth;
+          return Math.min(e, s);
+        }
+        return s;
+      }
+      function S(e) {
+        const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`;
+        return (
+          !!e.target.matches(s) ||
+          t.slides.filter((t) => t.contains(e.target)).length > 0
+        );
+      }
+      function T(e) {
+        if (("mouse" === e.pointerType && u.splice(0, u.length), !S(e))) return;
+        const s = t.params.zoom;
+        if (((l = !1), (o = !1), u.push(e), !(u.length < 2))) {
+          if (((l = !0), (m.scaleStart = y()), !m.slideEl)) {
+            (m.slideEl = e.target.closest(
+              `.${t.params.slideClass}, swiper-slide`
+            )),
+              m.slideEl || (m.slideEl = t.slides[t.activeIndex]);
+            let a = m.slideEl.querySelector(`.${s.containerClass}`);
+            if (
+              (a &&
+                (a = a.querySelectorAll(
+                  "picture, img, svg, canvas, .swiper-zoom-target"
+                )[0]),
+              (m.imageEl = a),
+              (m.imageWrapEl = a
+                ? E(m.imageEl, `.${s.containerClass}`)[0]
+                : void 0),
+              !m.imageWrapEl)
+            )
+              return void (m.imageEl = void 0);
+            m.maxRatio = x();
+          }
+          if (m.imageEl) {
+            const [e, t] = (function () {
+              if (u.length < 2) return { x: null, y: null };
+              const e = m.imageEl.getBoundingClientRect();
+              return [
+                (u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x - n.scrollX) /
+                  c,
+                (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y - n.scrollY) /
+                  c,
+              ];
+            })();
+            (m.originX = e),
+              (m.originY = t),
+              (m.imageEl.style.transitionDuration = "0ms");
+          }
+          p = !0;
+        }
+      }
+      function M(e) {
+        if (!S(e)) return;
+        const s = t.params.zoom,
+          a = t.zoom,
+          i = u.findIndex((t) => t.pointerId === e.pointerId);
+        i >= 0 && (u[i] = e),
+          u.length < 2 ||
+            ((o = !0),
+            (m.scaleMove = y()),
+            m.imageEl &&
+              ((a.scale = (m.scaleMove / m.scaleStart) * c),
+              a.scale > m.maxRatio &&
+                (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** 0.5),
+              a.scale < s.minRatio &&
+                (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** 0.5),
+              (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`)));
+      }
+      function C(e) {
+        if (!S(e)) return;
+        if ("mouse" === e.pointerType && "pointerout" === e.type) return;
+        const s = t.params.zoom,
+          a = t.zoom,
+          i = u.findIndex((t) => t.pointerId === e.pointerId);
+        i >= 0 && u.splice(i, 1),
+          l &&
+            o &&
+            ((l = !1),
+            (o = !1),
+            m.imageEl &&
+              ((a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio)),
+              (m.imageEl.style.transitionDuration = `${t.params.speed}ms`),
+              (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`),
+              (c = a.scale),
+              (p = !1),
+              a.scale > 1 && m.slideEl
+                ? m.slideEl.classList.add(`${s.zoomedSlideClass}`)
+                : a.scale <= 1 &&
+                  m.slideEl &&
+                  m.slideEl.classList.remove(`${s.zoomedSlideClass}`),
+              1 === a.scale &&
+                ((m.originX = 0), (m.originY = 0), (m.slideEl = void 0))));
+      }
+      function P() {
+        t.touchEventsData.preventTouchMoveFromPointerMove = !1;
+      }
+      function L(e) {
+        if (
+          !S(e) ||
+          !(function (e) {
+            const s = `.${t.params.zoom.containerClass}`;
+            return (
+              !!e.target.matches(s) ||
+              [...t.hostEl.querySelectorAll(s)].filter((t) =>
+                t.contains(e.target)
+              ).length > 0
+            );
+          })(e)
+        )
+          return;
+        const s = t.zoom;
+        if (!m.imageEl) return;
+        if (!h.isTouched || !m.slideEl) return;
+        h.isMoved ||
+          ((h.width = m.imageEl.offsetWidth || m.imageEl.clientWidth),
+          (h.height = m.imageEl.offsetHeight || m.imageEl.clientHeight),
+          (h.startX = d(m.imageWrapEl, "x") || 0),
+          (h.startY = d(m.imageWrapEl, "y") || 0),
+          (m.slideWidth = m.slideEl.offsetWidth),
+          (m.slideHeight = m.slideEl.offsetHeight),
+          (m.imageWrapEl.style.transitionDuration = "0ms"));
+        const a = h.width * s.scale,
+          i = h.height * s.scale;
+        (h.minX = Math.min(m.slideWidth / 2 - a / 2, 0)),
+          (h.maxX = -h.minX),
+          (h.minY = Math.min(m.slideHeight / 2 - i / 2, 0)),
+          (h.maxY = -h.minY),
+          (h.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX),
+          (h.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY);
+        if (
+          (Math.max(
+            Math.abs(h.touchesCurrent.x - h.touchesStart.x),
+            Math.abs(h.touchesCurrent.y - h.touchesStart.y)
+          ) > 5 && (t.allowClick = !1),
+          !h.isMoved && !p)
+        ) {
+          if (
+            t.isHorizontal() &&
+            ((Math.floor(h.minX) === Math.floor(h.startX) &&
+              h.touchesCurrent.x < h.touchesStart.x) ||
+              (Math.floor(h.maxX) === Math.floor(h.startX) &&
+                h.touchesCurrent.x > h.touchesStart.x))
+          )
+            return (h.isTouched = !1), void P();
+          if (
+            !t.isHorizontal() &&
+            ((Math.floor(h.minY) === Math.floor(h.startY) &&
+              h.touchesCurrent.y < h.touchesStart.y) ||
+              (Math.floor(h.maxY) === Math.floor(h.startY) &&
+                h.touchesCurrent.y > h.touchesStart.y))
+          )
+            return (h.isTouched = !1), void P();
+        }
+        e.cancelable && e.preventDefault(),
+          e.stopPropagation(),
+          clearTimeout(v),
+          (t.touchEventsData.preventTouchMoveFromPointerMove = !0),
+          (v = setTimeout(() => {
+            P();
+          })),
+          (h.isMoved = !0);
+        const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio),
+          { originX: n, originY: l } = m;
+        (h.currentX =
+          h.touchesCurrent.x -
+          h.touchesStart.x +
+          h.startX +
+          r * (h.width - 2 * n)),
+          (h.currentY =
+            h.touchesCurrent.y -
+            h.touchesStart.y +
+            h.startY +
+            r * (h.height - 2 * l)),
+          h.currentX < h.minX &&
+            (h.currentX = h.minX + 1 - (h.minX - h.currentX + 1) ** 0.8),
+          h.currentX > h.maxX &&
+            (h.currentX = h.maxX - 1 + (h.currentX - h.maxX + 1) ** 0.8),
+          h.currentY < h.minY &&
+            (h.currentY = h.minY + 1 - (h.minY - h.currentY + 1) ** 0.8),
+          h.currentY > h.maxY &&
+            (h.currentY = h.maxY - 1 + (h.currentY - h.maxY + 1) ** 0.8),
+          g.prevPositionX || (g.prevPositionX = h.touchesCurrent.x),
+          g.prevPositionY || (g.prevPositionY = h.touchesCurrent.y),
+          g.prevTime || (g.prevTime = Date.now()),
+          (g.x =
+            (h.touchesCurrent.x - g.prevPositionX) /
+            (Date.now() - g.prevTime) /
+            2),
+          (g.y =
+            (h.touchesCurrent.y - g.prevPositionY) /
+            (Date.now() - g.prevTime) /
+            2),
+          Math.abs(h.touchesCurrent.x - g.prevPositionX) < 2 && (g.x = 0),
+          Math.abs(h.touchesCurrent.y - g.prevPositionY) < 2 && (g.y = 0),
+          (g.prevPositionX = h.touchesCurrent.x),
+          (g.prevPositionY = h.touchesCurrent.y),
+          (g.prevTime = Date.now()),
+          (m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)`);
+      }
+      function I() {
+        const e = t.zoom;
+        m.slideEl &&
+          t.activeIndex !== t.slides.indexOf(m.slideEl) &&
+          (m.imageEl &&
+            (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"),
+          m.imageWrapEl &&
+            (m.imageWrapEl.style.transform = "translate3d(0,0,0)"),
+          m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),
+          (e.scale = 1),
+          (c = 1),
+          (m.slideEl = void 0),
+          (m.imageEl = void 0),
+          (m.imageWrapEl = void 0),
+          (m.originX = 0),
+          (m.originY = 0));
+      }
+      function A(e) {
+        const s = t.zoom,
+          a = t.params.zoom;
+        if (!m.slideEl) {
+          e &&
+            e.target &&
+            (m.slideEl = e.target.closest(
+              `.${t.params.slideClass}, swiper-slide`
+            )),
+            m.slideEl ||
+              (t.params.virtual && t.params.virtual.enabled && t.virtual
+                ? (m.slideEl = f(
+                    t.slidesEl,
+                    `.${t.params.slideActiveClass}`
+                  )[0])
+                : (m.slideEl = t.slides[t.activeIndex]));
+          let s = m.slideEl.querySelector(`.${a.containerClass}`);
+          s &&
+            (s = s.querySelectorAll(
+              "picture, img, svg, canvas, .swiper-zoom-target"
+            )[0]),
+            (m.imageEl = s),
+            (m.imageWrapEl = s
+              ? E(m.imageEl, `.${a.containerClass}`)[0]
+              : void 0);
+        }
+        if (!m.imageEl || !m.imageWrapEl) return;
+        let i, r, l, o, d, p, u, g, v, b, y, S, T, M, C, P, L, I;
+        t.params.cssMode &&
+          ((t.wrapperEl.style.overflow = "hidden"),
+          (t.wrapperEl.style.touchAction = "none")),
+          m.slideEl.classList.add(`${a.zoomedSlideClass}`),
+          void 0 === h.touchesStart.x && e
+            ? ((i = e.pageX), (r = e.pageY))
+            : ((i = h.touchesStart.x), (r = h.touchesStart.y));
+        const A = "number" == typeof e ? e : null;
+        1 === c && A && ((i = void 0), (r = void 0));
+        const z = x();
+        (s.scale = A || z),
+          (c = A || z),
+          !e || (1 === c && A)
+            ? ((u = 0), (g = 0))
+            : ((L = m.slideEl.offsetWidth),
+              (I = m.slideEl.offsetHeight),
+              (l = w(m.slideEl).left + n.scrollX),
+              (o = w(m.slideEl).top + n.scrollY),
+              (d = l + L / 2 - i),
+              (p = o + I / 2 - r),
+              (v = m.imageEl.offsetWidth || m.imageEl.clientWidth),
+              (b = m.imageEl.offsetHeight || m.imageEl.clientHeight),
+              (y = v * s.scale),
+              (S = b * s.scale),
+              (T = Math.min(L / 2 - y / 2, 0)),
+              (M = Math.min(I / 2 - S / 2, 0)),
+              (C = -T),
+              (P = -M),
+              (u = d * s.scale),
+              (g = p * s.scale),
+              u < T && (u = T),
+              u > C && (u = C),
+              g < M && (g = M),
+              g > P && (g = P)),
+          A && 1 === s.scale && ((m.originX = 0), (m.originY = 0)),
+          (m.imageWrapEl.style.transitionDuration = "300ms"),
+          (m.imageWrapEl.style.transform = `translate3d(${u}px, ${g}px,0)`),
+          (m.imageEl.style.transitionDuration = "300ms"),
+          (m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`);
+      }
+      function z() {
+        const e = t.zoom,
+          s = t.params.zoom;
+        if (!m.slideEl) {
+          t.params.virtual && t.params.virtual.enabled && t.virtual
+            ? (m.slideEl = f(t.slidesEl, `.${t.params.slideActiveClass}`)[0])
+            : (m.slideEl = t.slides[t.activeIndex]);
+          let e = m.slideEl.querySelector(`.${s.containerClass}`);
+          e &&
+            (e = e.querySelectorAll(
+              "picture, img, svg, canvas, .swiper-zoom-target"
+            )[0]),
+            (m.imageEl = e),
+            (m.imageWrapEl = e
+              ? E(m.imageEl, `.${s.containerClass}`)[0]
+              : void 0);
+        }
+        m.imageEl &&
+          m.imageWrapEl &&
+          (t.params.cssMode &&
+            ((t.wrapperEl.style.overflow = ""),
+            (t.wrapperEl.style.touchAction = "")),
+          (e.scale = 1),
+          (c = 1),
+          (m.imageWrapEl.style.transitionDuration = "300ms"),
+          (m.imageWrapEl.style.transform = "translate3d(0,0,0)"),
+          (m.imageEl.style.transitionDuration = "300ms"),
+          (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"),
+          m.slideEl.classList.remove(`${s.zoomedSlideClass}`),
+          (m.slideEl = void 0),
+          (m.originX = 0),
+          (m.originY = 0));
+      }
+      function $(e) {
+        const s = t.zoom;
+        s.scale && 1 !== s.scale ? z() : A(e);
+      }
+      function k() {
+        return {
+          passiveListener: !!t.params.passiveListeners && {
+            passive: !0,
+            capture: !1,
+          },
+          activeListenerWithCapture: !t.params.passiveListeners || {
+            passive: !1,
+            capture: !0,
+          },
+        };
+      }
+      function O() {
+        const e = t.zoom;
+        if (e.enabled) return;
+        e.enabled = !0;
+        const { passiveListener: s, activeListenerWithCapture: a } = k();
+        t.wrapperEl.addEventListener("pointerdown", T, s),
+          t.wrapperEl.addEventListener("pointermove", M, a),
+          ["pointerup", "pointercancel", "pointerout"].forEach((e) => {
+            t.wrapperEl.addEventListener(e, C, s);
+          }),
+          t.wrapperEl.addEventListener("pointermove", L, a);
+      }
+      function D() {
+        const e = t.zoom;
+        if (!e.enabled) return;
+        e.enabled = !1;
+        const { passiveListener: s, activeListenerWithCapture: a } = k();
+        t.wrapperEl.removeEventListener("pointerdown", T, s),
+          t.wrapperEl.removeEventListener("pointermove", M, a),
+          ["pointerup", "pointercancel", "pointerout"].forEach((e) => {
+            t.wrapperEl.removeEventListener(e, C, s);
+          }),
+          t.wrapperEl.removeEventListener("pointermove", L, a);
+      }
+      Object.defineProperty(t.zoom, "scale", {
+        get: () => b,
+        set(e) {
+          if (b !== e) {
+            const t = m.imageEl,
+              s = m.slideEl;
+            i("zoomChange", e, t, s);
+          }
+          b = e;
+        },
+      }),
+        a("init", () => {
+          t.params.zoom.enabled && O();
+        }),
+        a("destroy", () => {
+          D();
+        }),
+        a("touchStart", (e, s) => {
+          t.zoom.enabled &&
+            (function (e) {
+              const s = t.device;
+              if (!m.imageEl) return;
+              if (h.isTouched) return;
+              s.android && e.cancelable && e.preventDefault(),
+                (h.isTouched = !0);
+              const a = u.length > 0 ? u[0] : e;
+              (h.touchesStart.x = a.pageX), (h.touchesStart.y = a.pageY);
+            })(s);
+        }),
+        a("touchEnd", (e, s) => {
+          t.zoom.enabled &&
+            (function () {
+              const e = t.zoom;
+              if (!m.imageEl) return;
+              if (!h.isTouched || !h.isMoved)
+                return (h.isTouched = !1), void (h.isMoved = !1);
+              (h.isTouched = !1), (h.isMoved = !1);
+              let s = 300,
+                a = 300;
+              const i = g.x * s,
+                r = h.currentX + i,
+                n = g.y * a,
+                l = h.currentY + n;
+              0 !== g.x && (s = Math.abs((r - h.currentX) / g.x)),
+                0 !== g.y && (a = Math.abs((l - h.currentY) / g.y));
+              const o = Math.max(s, a);
+              (h.currentX = r), (h.currentY = l);
+              const d = h.width * e.scale,
+                c = h.height * e.scale;
+              (h.minX = Math.min(m.slideWidth / 2 - d / 2, 0)),
+                (h.maxX = -h.minX),
+                (h.minY = Math.min(m.slideHeight / 2 - c / 2, 0)),
+                (h.maxY = -h.minY),
+                (h.currentX = Math.max(Math.min(h.currentX, h.maxX), h.minX)),
+                (h.currentY = Math.max(Math.min(h.currentY, h.maxY), h.minY)),
+                (m.imageWrapEl.style.transitionDuration = `${o}ms`),
+                (m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)`);
+            })();
+        }),
+        a("doubleTap", (e, s) => {
+          !t.animating &&
+            t.params.zoom.enabled &&
+            t.zoom.enabled &&
+            t.params.zoom.toggle &&
+            $(s);
+        }),
+        a("transitionEnd", () => {
+          t.zoom.enabled && t.params.zoom.enabled && I();
+        }),
+        a("slideChange", () => {
+          t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && I();
+        }),
+        Object.assign(t.zoom, {
+          enable: O,
+          disable: D,
+          in: A,
+          out: z,
+          toggle: $,
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      function i(e, t) {
+        const s = (function () {
+          let e, t, s;
+          return (a, i) => {
+            for (t = -1, e = a.length; e - t > 1; )
+              (s = (e + t) >> 1), a[s] <= i ? (t = s) : (e = s);
+            return e;
+          };
+        })();
+        let a, i;
+        return (
+          (this.x = e),
+          (this.y = t),
+          (this.lastIndex = e.length - 1),
+          (this.interpolate = function (e) {
+            return e
+              ? ((i = s(this.x, e)),
+                (a = i - 1),
+                ((e - this.x[a]) * (this.y[i] - this.y[a])) /
+                  (this.x[i] - this.x[a]) +
+                  this.y[a])
+              : 0;
+          }),
+          this
+        );
+      }
+      function r() {
+        t.controller.control &&
+          t.controller.spline &&
+          ((t.controller.spline = void 0), delete t.controller.spline);
+      }
+      s({ controller: { control: void 0, inverse: !1, by: "slide" } }),
+        (t.controller = { control: void 0 }),
+        a("beforeInit", () => {
+          if (
+            "undefined" != typeof window &&
+            ("string" == typeof t.params.controller.control ||
+              t.params.controller.control instanceof HTMLElement)
+          ) {
+            const e = document.querySelector(t.params.controller.control);
+            if (e && e.swiper) t.controller.control = e.swiper;
+            else if (e) {
+              const s = (a) => {
+                (t.controller.control = a.detail[0]),
+                  t.update(),
+                  e.removeEventListener("init", s);
+              };
+              e.addEventListener("init", s);
+            }
+          } else t.controller.control = t.params.controller.control;
+        }),
+        a("update", () => {
+          r();
+        }),
+        a("resize", () => {
+          r();
+        }),
+        a("observerUpdate", () => {
+          r();
+        }),
+        a("setTranslate", (e, s, a) => {
+          t.controller.control &&
+            !t.controller.control.destroyed &&
+            t.controller.setTranslate(s, a);
+        }),
+        a("setTransition", (e, s, a) => {
+          t.controller.control &&
+            !t.controller.control.destroyed &&
+            t.controller.setTransition(s, a);
+        }),
+        Object.assign(t.controller, {
+          setTranslate: function (e, s) {
+            const a = t.controller.control;
+            let r, n;
+            const l = t.constructor;
+            function o(e) {
+              if (e.destroyed) return;
+              const s = t.rtlTranslate ? -t.translate : t.translate;
+              "slide" === t.params.controller.by &&
+                (!(function (e) {
+                  t.controller.spline = t.params.loop
+                    ? new i(t.slidesGrid, e.slidesGrid)
+                    : new i(t.snapGrid, e.snapGrid);
+                })(e),
+                (n = -t.controller.spline.interpolate(-s))),
+                (n && "container" !== t.params.controller.by) ||
+                  ((r =
+                    (e.maxTranslate() - e.minTranslate()) /
+                    (t.maxTranslate() - t.minTranslate())),
+                  (!Number.isNaN(r) && Number.isFinite(r)) || (r = 1),
+                  (n = (s - t.minTranslate()) * r + e.minTranslate())),
+                t.params.controller.inverse && (n = e.maxTranslate() - n),
+                e.updateProgress(n),
+                e.setTranslate(n, t),
+                e.updateActiveIndex(),
+                e.updateSlidesClasses();
+            }
+            if (Array.isArray(a))
+              for (let e = 0; e < a.length; e += 1)
+                a[e] !== s && a[e] instanceof l && o(a[e]);
+            else a instanceof l && s !== a && o(a);
+          },
+          setTransition: function (e, s) {
+            const a = t.constructor,
+              i = t.controller.control;
+            let r;
+            function n(s) {
+              s.destroyed ||
+                (s.setTransition(e, t),
+                0 !== e &&
+                  (s.transitionStart(),
+                  s.params.autoHeight &&
+                    l(() => {
+                      s.updateAutoHeight();
+                    }),
+                  x(s.wrapperEl, () => {
+                    i && s.transitionEnd();
+                  })));
+            }
+            if (Array.isArray(i))
+              for (r = 0; r < i.length; r += 1)
+                i[r] !== s && i[r] instanceof a && n(i[r]);
+            else i instanceof a && s !== i && n(i);
+          },
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i } = e;
+      s({
+        a11y: {
+          enabled: !0,
+          notificationClass: "swiper-notification",
+          prevSlideMessage: "Previous slide",
+          nextSlideMessage: "Next slide",
+          firstSlideMessage: "This is the first slide",
+          lastSlideMessage: "This is the last slide",
+          paginationBulletMessage: "Go to slide {{index}}",
+          slideLabelMessage: "{{index}} / {{slidesLength}}",
+          containerMessage: null,
+          containerRoleDescriptionMessage: null,
+          itemRoleDescriptionMessage: null,
+          slideRole: "group",
+          id: null,
+        },
+      }),
+        (t.a11y = { clicked: !1 });
+      let r,
+        n,
+        l = null,
+        o = new Date().getTime();
+      function d(e) {
+        const t = l;
+        0 !== t.length && ((t.innerHTML = ""), (t.innerHTML = e));
+      }
+      function c(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("tabIndex", "0");
+        });
+      }
+      function p(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("tabIndex", "-1");
+        });
+      }
+      function u(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("role", t);
+        });
+      }
+      function m(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-roledescription", t);
+        });
+      }
+      function h(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-label", t);
+        });
+      }
+      function f(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-disabled", !0);
+        });
+      }
+      function g(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-disabled", !1);
+        });
+      }
+      function w(e) {
+        if (13 !== e.keyCode && 32 !== e.keyCode) return;
+        const s = t.params.a11y,
+          a = e.target;
+        if (
+          !t.pagination ||
+          !t.pagination.el ||
+          (a !== t.pagination.el && !t.pagination.el.contains(e.target)) ||
+          e.target.matches(re(t.params.pagination.bulletClass))
+        ) {
+          if (t.navigation && t.navigation.prevEl && t.navigation.nextEl) {
+            const e = T(t.navigation.prevEl);
+            T(t.navigation.nextEl).includes(a) &&
+              ((t.isEnd && !t.params.loop) || t.slideNext(),
+              t.isEnd ? d(s.lastSlideMessage) : d(s.nextSlideMessage)),
+              e.includes(a) &&
+                ((t.isBeginning && !t.params.loop) || t.slidePrev(),
+                t.isBeginning ? d(s.firstSlideMessage) : d(s.prevSlideMessage));
+          }
+          t.pagination &&
+            a.matches(re(t.params.pagination.bulletClass)) &&
+            a.click();
+        }
+      }
+      function b() {
+        return (
+          t.pagination && t.pagination.bullets && t.pagination.bullets.length
+        );
+      }
+      function E() {
+        return b() && t.params.pagination.clickable;
+      }
+      const x = (e, t, s) => {
+          c(e),
+            "BUTTON" !== e.tagName &&
+              (u(e, "button"), e.addEventListener("keydown", w)),
+            h(e, s),
+            (function (e, t) {
+              (e = T(e)).forEach((e) => {
+                e.setAttribute("aria-controls", t);
+              });
+            })(e, t);
+        },
+        S = (e) => {
+          n && n !== e.target && !n.contains(e.target) && (r = !0),
+            (t.a11y.clicked = !0);
+        },
+        M = () => {
+          (r = !1),
+            requestAnimationFrame(() => {
+              requestAnimationFrame(() => {
+                t.destroyed || (t.a11y.clicked = !1);
+              });
+            });
+        },
+        C = (e) => {
+          o = new Date().getTime();
+        },
+        P = (e) => {
+          if (t.a11y.clicked) return;
+          if (new Date().getTime() - o < 100) return;
+          const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`);
+          if (!s || !t.slides.includes(s)) return;
+          n = s;
+          const a = t.slides.indexOf(s) === t.activeIndex,
+            i =
+              t.params.watchSlidesProgress &&
+              t.visibleSlides &&
+              t.visibleSlides.includes(s);
+          a ||
+            i ||
+            (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) ||
+            (t.isHorizontal() ? (t.el.scrollLeft = 0) : (t.el.scrollTop = 0),
+            requestAnimationFrame(() => {
+              r ||
+                (t.params.loop
+                  ? t.slideToLoop(
+                      parseInt(s.getAttribute("data-swiper-slide-index")),
+                      0
+                    )
+                  : t.slideTo(t.slides.indexOf(s), 0),
+                (r = !1));
+            }));
+        },
+        L = () => {
+          const e = t.params.a11y;
+          e.itemRoleDescriptionMessage &&
+            m(t.slides, e.itemRoleDescriptionMessage),
+            e.slideRole && u(t.slides, e.slideRole);
+          const s = t.slides.length;
+          e.slideLabelMessage &&
+            t.slides.forEach((a, i) => {
+              const r = t.params.loop
+                ? parseInt(a.getAttribute("data-swiper-slide-index"), 10)
+                : i;
+              h(
+                a,
+                e.slideLabelMessage
+                  .replace(/\{\{index\}\}/, r + 1)
+                  .replace(/\{\{slidesLength\}\}/, s)
+              );
+            });
+        },
+        I = () => {
+          const e = t.params.a11y;
+          t.el.append(l);
+          const s = t.el;
+          e.containerRoleDescriptionMessage &&
+            m(s, e.containerRoleDescriptionMessage),
+            e.containerMessage && h(s, e.containerMessage);
+          const i = t.wrapperEl,
+            r =
+              e.id ||
+              i.getAttribute("id") ||
+              `swiper-wrapper-${
+                ((n = 16),
+                void 0 === n && (n = 16),
+                "x"
+                  .repeat(n)
+                  .replace(/x/g, () =>
+                    Math.round(16 * Math.random()).toString(16)
+                  ))
+              }`;
+          var n;
+          const o =
+            t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite";
+          var d;
+          (d = r),
+            T(i).forEach((e) => {
+              e.setAttribute("id", d);
+            }),
+            (function (e, t) {
+              (e = T(e)).forEach((e) => {
+                e.setAttribute("aria-live", t);
+              });
+            })(i, o),
+            L();
+          let { nextEl: c, prevEl: p } = t.navigation ? t.navigation : {};
+          if (
+            ((c = T(c)),
+            (p = T(p)),
+            c && c.forEach((t) => x(t, r, e.nextSlideMessage)),
+            p && p.forEach((t) => x(t, r, e.prevSlideMessage)),
+            E())
+          ) {
+            T(t.pagination.el).forEach((e) => {
+              e.addEventListener("keydown", w);
+            });
+          }
+          a().addEventListener("visibilitychange", C),
+            t.el.addEventListener("focus", P, !0),
+            t.el.addEventListener("focus", P, !0),
+            t.el.addEventListener("pointerdown", S, !0),
+            t.el.addEventListener("pointerup", M, !0);
+        };
+      i("beforeInit", () => {
+        (l = v("span", t.params.a11y.notificationClass)),
+          l.setAttribute("aria-live", "assertive"),
+          l.setAttribute("aria-atomic", "true");
+      }),
+        i("afterInit", () => {
+          t.params.a11y.enabled && I();
+        }),
+        i(
+          "slidesLengthChange snapGridLengthChange slidesGridLengthChange",
+          () => {
+            t.params.a11y.enabled && L();
+          }
+        ),
+        i("fromEdge toEdge afterInit lock unlock", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              if (t.params.loop || t.params.rewind || !t.navigation) return;
+              const { nextEl: e, prevEl: s } = t.navigation;
+              s && (t.isBeginning ? (f(s), p(s)) : (g(s), c(s))),
+                e && (t.isEnd ? (f(e), p(e)) : (g(e), c(e)));
+            })();
+        }),
+        i("paginationUpdate", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              const e = t.params.a11y;
+              b() &&
+                t.pagination.bullets.forEach((s) => {
+                  t.params.pagination.clickable &&
+                    (c(s),
+                    t.params.pagination.renderBullet ||
+                      (u(s, "button"),
+                      h(
+                        s,
+                        e.paginationBulletMessage.replace(
+                          /\{\{index\}\}/,
+                          y(s) + 1
+                        )
+                      ))),
+                    s.matches(re(t.params.pagination.bulletActiveClass))
+                      ? s.setAttribute("aria-current", "true")
+                      : s.removeAttribute("aria-current");
+                });
+            })();
+        }),
+        i("destroy", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              l && l.remove();
+              let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {};
+              (e = T(e)),
+                (s = T(s)),
+                e && e.forEach((e) => e.removeEventListener("keydown", w)),
+                s && s.forEach((e) => e.removeEventListener("keydown", w)),
+                E() &&
+                  T(t.pagination.el).forEach((e) => {
+                    e.removeEventListener("keydown", w);
+                  });
+              a().removeEventListener("visibilitychange", C),
+                t.el &&
+                  "string" != typeof t.el &&
+                  (t.el.removeEventListener("focus", P, !0),
+                  t.el.removeEventListener("pointerdown", S, !0),
+                  t.el.removeEventListener("pointerup", M, !0));
+            })();
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        history: {
+          enabled: !1,
+          root: "",
+          replaceState: !1,
+          key: "slides",
+          keepQuery: !1,
+        },
+      });
+      let i = !1,
+        n = {};
+      const l = (e) =>
+          e
+            .toString()
+            .replace(/\s+/g, "-")
+            .replace(/[^\w-]+/g, "")
+            .replace(/--+/g, "-")
+            .replace(/^-+/, "")
+            .replace(/-+$/, ""),
+        o = (e) => {
+          const t = r();
+          let s;
+          s = e ? new URL(e) : t.location;
+          const a = s.pathname
+              .slice(1)
+              .split("/")
+              .filter((e) => "" !== e),
+            i = a.length;
+          return { key: a[i - 2], value: a[i - 1] };
+        },
+        d = (e, s) => {
+          const a = r();
+          if (!i || !t.params.history.enabled) return;
+          let n;
+          n = t.params.url ? new URL(t.params.url) : a.location;
+          const o =
+            t.virtual && t.params.virtual.enabled
+              ? t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`)
+              : t.slides[s];
+          let d = l(o.getAttribute("data-history"));
+          if (t.params.history.root.length > 0) {
+            let s = t.params.history.root;
+            "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)),
+              (d = `${s}/${e ? `${e}/` : ""}${d}`);
+          } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`);
+          t.params.history.keepQuery && (d += n.search);
+          const c = a.history.state;
+          (c && c.value === d) ||
+            (t.params.history.replaceState
+              ? a.history.replaceState({ value: d }, null, d)
+              : a.history.pushState({ value: d }, null, d));
+        },
+        c = (e, s, a) => {
+          if (s)
+            for (let i = 0, r = t.slides.length; i < r; i += 1) {
+              const r = t.slides[i];
+              if (l(r.getAttribute("data-history")) === s) {
+                const s = t.getSlideIndex(r);
+                t.slideTo(s, e, a);
+              }
+            }
+          else t.slideTo(0, e, a);
+        },
+        p = () => {
+          (n = o(t.params.url)), c(t.params.speed, n.value, !1);
+        };
+      a("init", () => {
+        t.params.history.enabled &&
+          (() => {
+            const e = r();
+            if (t.params.history) {
+              if (!e.history || !e.history.pushState)
+                return (
+                  (t.params.history.enabled = !1),
+                  void (t.params.hashNavigation.enabled = !0)
+                );
+              (i = !0),
+                (n = o(t.params.url)),
+                n.key || n.value
+                  ? (c(0, n.value, t.params.runCallbacksOnInit),
+                    t.params.history.replaceState ||
+                      e.addEventListener("popstate", p))
+                  : t.params.history.replaceState ||
+                    e.addEventListener("popstate", p);
+            }
+          })();
+      }),
+        a("destroy", () => {
+          t.params.history.enabled &&
+            (() => {
+              const e = r();
+              t.params.history.replaceState ||
+                e.removeEventListener("popstate", p);
+            })();
+        }),
+        a("transitionEnd _freeModeNoMomentumRelease", () => {
+          i && d(t.params.history.key, t.activeIndex);
+        }),
+        a("slideChange", () => {
+          i && t.params.cssMode && d(t.params.history.key, t.activeIndex);
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, emit: i, on: n } = e,
+        l = !1;
+      const o = a(),
+        d = r();
+      s({
+        hashNavigation: {
+          enabled: !1,
+          replaceState: !1,
+          watchState: !1,
+          getSlideIndex(e, s) {
+            if (t.virtual && t.params.virtual.enabled) {
+              const e = t.slides.filter(
+                (e) => e.getAttribute("data-hash") === s
+              )[0];
+              if (!e) return 0;
+              return parseInt(e.getAttribute("data-swiper-slide-index"), 10);
+            }
+            return t.getSlideIndex(
+              f(
+                t.slidesEl,
+                `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`
+              )[0]
+            );
+          },
+        },
+      });
+      const c = () => {
+          i("hashChange");
+          const e = o.location.hash.replace("#", ""),
+            s =
+              t.virtual && t.params.virtual.enabled
+                ? t.slidesEl.querySelector(
+                    `[data-swiper-slide-index="${t.activeIndex}"]`
+                  )
+                : t.slides[t.activeIndex];
+          if (e !== (s ? s.getAttribute("data-hash") : "")) {
+            const s = t.params.hashNavigation.getSlideIndex(t, e);
+            if (void 0 === s || Number.isNaN(s)) return;
+            t.slideTo(s);
+          }
+        },
+        p = () => {
+          if (!l || !t.params.hashNavigation.enabled) return;
+          const e =
+              t.virtual && t.params.virtual.enabled
+                ? t.slidesEl.querySelector(
+                    `[data-swiper-slide-index="${t.activeIndex}"]`
+                  )
+                : t.slides[t.activeIndex],
+            s = e
+              ? e.getAttribute("data-hash") || e.getAttribute("data-history")
+              : "";
+          t.params.hashNavigation.replaceState &&
+          d.history &&
+          d.history.replaceState
+            ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet"))
+            : ((o.location.hash = s || ""), i("hashSet"));
+        };
+      n("init", () => {
+        t.params.hashNavigation.enabled &&
+          (() => {
+            if (
+              !t.params.hashNavigation.enabled ||
+              (t.params.history && t.params.history.enabled)
+            )
+              return;
+            l = !0;
+            const e = o.location.hash.replace("#", "");
+            if (e) {
+              const s = 0,
+                a = t.params.hashNavigation.getSlideIndex(t, e);
+              t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0);
+            }
+            t.params.hashNavigation.watchState &&
+              d.addEventListener("hashchange", c);
+          })();
+      }),
+        n("destroy", () => {
+          t.params.hashNavigation.enabled &&
+            t.params.hashNavigation.watchState &&
+            d.removeEventListener("hashchange", c);
+        }),
+        n("transitionEnd _freeModeNoMomentumRelease", () => {
+          l && p();
+        }),
+        n("slideChange", () => {
+          l && t.params.cssMode && p();
+        });
+    },
+    function (e) {
+      let t,
+        s,
+        { swiper: i, extendParams: r, on: n, emit: l, params: o } = e;
+      (i.autoplay = { running: !1, paused: !1, timeLeft: 0 }),
+        r({
+          autoplay: {
+            enabled: !1,
+            delay: 3e3,
+            waitForTransition: !0,
+            disableOnInteraction: !1,
+            stopOnLastSlide: !1,
+            reverseDirection: !1,
+            pauseOnMouseEnter: !1,
+          },
+        });
+      let d,
+        c,
+        p,
+        u,
+        m,
+        h,
+        f,
+        g,
+        v = o && o.autoplay ? o.autoplay.delay : 3e3,
+        w = o && o.autoplay ? o.autoplay.delay : 3e3,
+        b = new Date().getTime();
+      function y(e) {
+        i &&
+          !i.destroyed &&
+          i.wrapperEl &&
+          e.target === i.wrapperEl &&
+          (i.wrapperEl.removeEventListener("transitionend", y),
+          g || (e.detail && e.detail.bySwiperTouchMove) || C());
+      }
+      const E = () => {
+          if (i.destroyed || !i.autoplay.running) return;
+          i.autoplay.paused ? (c = !0) : c && ((w = d), (c = !1));
+          const e = i.autoplay.paused ? d : b + w - new Date().getTime();
+          (i.autoplay.timeLeft = e),
+            l("autoplayTimeLeft", e, e / v),
+            (s = requestAnimationFrame(() => {
+              E();
+            }));
+        },
+        x = (e) => {
+          if (i.destroyed || !i.autoplay.running) return;
+          cancelAnimationFrame(s), E();
+          let a = void 0 === e ? i.params.autoplay.delay : e;
+          (v = i.params.autoplay.delay), (w = i.params.autoplay.delay);
+          const r = (() => {
+            let e;
+            if (
+              ((e =
+                i.virtual && i.params.virtual.enabled
+                  ? i.slides.filter((e) =>
+                      e.classList.contains("swiper-slide-active")
+                    )[0]
+                  : i.slides[i.activeIndex]),
+              !e)
+            )
+              return;
+            return parseInt(e.getAttribute("data-swiper-autoplay"), 10);
+          })();
+          !Number.isNaN(r) &&
+            r > 0 &&
+            void 0 === e &&
+            ((a = r), (v = r), (w = r)),
+            (d = a);
+          const n = i.params.speed,
+            o = () => {
+              i &&
+                !i.destroyed &&
+                (i.params.autoplay.reverseDirection
+                  ? !i.isBeginning || i.params.loop || i.params.rewind
+                    ? (i.slidePrev(n, !0, !0), l("autoplay"))
+                    : i.params.autoplay.stopOnLastSlide ||
+                      (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay"))
+                  : !i.isEnd || i.params.loop || i.params.rewind
+                  ? (i.slideNext(n, !0, !0), l("autoplay"))
+                  : i.params.autoplay.stopOnLastSlide ||
+                    (i.slideTo(0, n, !0, !0), l("autoplay")),
+                i.params.cssMode &&
+                  ((b = new Date().getTime()),
+                  requestAnimationFrame(() => {
+                    x();
+                  })));
+            };
+          return (
+            a > 0
+              ? (clearTimeout(t),
+                (t = setTimeout(() => {
+                  o();
+                }, a)))
+              : requestAnimationFrame(() => {
+                  o();
+                }),
+            a
+          );
+        },
+        S = () => {
+          (b = new Date().getTime()),
+            (i.autoplay.running = !0),
+            x(),
+            l("autoplayStart");
+        },
+        T = () => {
+          (i.autoplay.running = !1),
+            clearTimeout(t),
+            cancelAnimationFrame(s),
+            l("autoplayStop");
+        },
+        M = (e, s) => {
+          if (i.destroyed || !i.autoplay.running) return;
+          clearTimeout(t), e || (f = !0);
+          const a = () => {
+            l("autoplayPause"),
+              i.params.autoplay.waitForTransition
+                ? i.wrapperEl.addEventListener("transitionend", y)
+                : C();
+          };
+          if (((i.autoplay.paused = !0), s))
+            return h && (d = i.params.autoplay.delay), (h = !1), void a();
+          const r = d || i.params.autoplay.delay;
+          (d = r - (new Date().getTime() - b)),
+            (i.isEnd && d < 0 && !i.params.loop) || (d < 0 && (d = 0), a());
+        },
+        C = () => {
+          (i.isEnd && d < 0 && !i.params.loop) ||
+            i.destroyed ||
+            !i.autoplay.running ||
+            ((b = new Date().getTime()),
+            f ? ((f = !1), x(d)) : x(),
+            (i.autoplay.paused = !1),
+            l("autoplayResume"));
+        },
+        P = () => {
+          if (i.destroyed || !i.autoplay.running) return;
+          const e = a();
+          "hidden" === e.visibilityState && ((f = !0), M(!0)),
+            "visible" === e.visibilityState && C();
+        },
+        L = (e) => {
+          "mouse" === e.pointerType &&
+            ((f = !0), (g = !0), i.animating || i.autoplay.paused || M(!0));
+        },
+        I = (e) => {
+          "mouse" === e.pointerType && ((g = !1), i.autoplay.paused && C());
+        };
+      n("init", () => {
+        i.params.autoplay.enabled &&
+          (i.params.autoplay.pauseOnMouseEnter &&
+            (i.el.addEventListener("pointerenter", L),
+            i.el.addEventListener("pointerleave", I)),
+          a().addEventListener("visibilitychange", P),
+          S());
+      }),
+        n("destroy", () => {
+          i.el &&
+            "string" != typeof i.el &&
+            (i.el.removeEventListener("pointerenter", L),
+            i.el.removeEventListener("pointerleave", I)),
+            a().removeEventListener("visibilitychange", P),
+            i.autoplay.running && T();
+        }),
+        n("_freeModeStaticRelease", () => {
+          (u || f) && C();
+        }),
+        n("_freeModeNoMomentumRelease", () => {
+          i.params.autoplay.disableOnInteraction ? T() : M(!0, !0);
+        }),
+        n("beforeTransitionStart", (e, t, s) => {
+          !i.destroyed &&
+            i.autoplay.running &&
+            (s || !i.params.autoplay.disableOnInteraction ? M(!0, !0) : T());
+        }),
+        n("sliderFirstMove", () => {
+          !i.destroyed &&
+            i.autoplay.running &&
+            (i.params.autoplay.disableOnInteraction
+              ? T()
+              : ((p = !0),
+                (u = !1),
+                (f = !1),
+                (m = setTimeout(() => {
+                  (f = !0), (u = !0), M(!0);
+                }, 200))));
+        }),
+        n("touchEnd", () => {
+          if (!i.destroyed && i.autoplay.running && p) {
+            if (
+              (clearTimeout(m),
+              clearTimeout(t),
+              i.params.autoplay.disableOnInteraction)
+            )
+              return (u = !1), void (p = !1);
+            u && i.params.cssMode && C(), (u = !1), (p = !1);
+          }
+        }),
+        n("slideChange", () => {
+          !i.destroyed && i.autoplay.running && (h = !0);
+        }),
+        Object.assign(i.autoplay, { start: S, stop: T, pause: M, resume: C });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i } = e;
+      s({
+        thumbs: {
+          swiper: null,
+          multipleActiveThumbs: !0,
+          autoScrollOffset: 0,
+          slideThumbActiveClass: "swiper-slide-thumb-active",
+          thumbsContainerClass: "swiper-thumbs",
+        },
+      });
+      let r = !1,
+        n = !1;
+      function l() {
+        const e = t.thumbs.swiper;
+        if (!e || e.destroyed) return;
+        const s = e.clickedIndex,
+          a = e.clickedSlide;
+        if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass))
+          return;
+        if (null == s) return;
+        let i;
+        (i = e.params.loop
+          ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10)
+          : s),
+          t.params.loop ? t.slideToLoop(i) : t.slideTo(i);
+      }
+      function o() {
+        const { thumbs: e } = t.params;
+        if (r) return !1;
+        r = !0;
+        const s = t.constructor;
+        if (e.swiper instanceof s)
+          (t.thumbs.swiper = e.swiper),
+            Object.assign(t.thumbs.swiper.originalParams, {
+              watchSlidesProgress: !0,
+              slideToClickedSlide: !1,
+            }),
+            Object.assign(t.thumbs.swiper.params, {
+              watchSlidesProgress: !0,
+              slideToClickedSlide: !1,
+            }),
+            t.thumbs.swiper.update();
+        else if (c(e.swiper)) {
+          const a = Object.assign({}, e.swiper);
+          Object.assign(a, {
+            watchSlidesProgress: !0,
+            slideToClickedSlide: !1,
+          }),
+            (t.thumbs.swiper = new s(a)),
+            (n = !0);
+        }
+        return (
+          t.thumbs.swiper.el.classList.add(
+            t.params.thumbs.thumbsContainerClass
+          ),
+          t.thumbs.swiper.on("tap", l),
+          !0
+        );
+      }
+      function d(e) {
+        const s = t.thumbs.swiper;
+        if (!s || s.destroyed) return;
+        const a =
+          "auto" === s.params.slidesPerView
+            ? s.slidesPerViewDynamic()
+            : s.params.slidesPerView;
+        let i = 1;
+        const r = t.params.thumbs.slideThumbActiveClass;
+        if (
+          (t.params.slidesPerView > 1 &&
+            !t.params.centeredSlides &&
+            (i = t.params.slidesPerView),
+          t.params.thumbs.multipleActiveThumbs || (i = 1),
+          (i = Math.floor(i)),
+          s.slides.forEach((e) => e.classList.remove(r)),
+          s.params.loop || (s.params.virtual && s.params.virtual.enabled))
+        )
+          for (let e = 0; e < i; e += 1)
+            f(
+              s.slidesEl,
+              `[data-swiper-slide-index="${t.realIndex + e}"]`
+            ).forEach((e) => {
+              e.classList.add(r);
+            });
+        else
+          for (let e = 0; e < i; e += 1)
+            s.slides[t.realIndex + e] &&
+              s.slides[t.realIndex + e].classList.add(r);
+        const n = t.params.thumbs.autoScrollOffset,
+          l = n && !s.params.loop;
+        if (t.realIndex !== s.realIndex || l) {
+          const i = s.activeIndex;
+          let r, o;
+          if (s.params.loop) {
+            const e = s.slides.filter(
+              (e) =>
+                e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`
+            )[0];
+            (r = s.slides.indexOf(e)),
+              (o = t.activeIndex > t.previousIndex ? "next" : "prev");
+          } else (r = t.realIndex), (o = r > t.previousIndex ? "next" : "prev");
+          l && (r += "next" === o ? n : -1 * n),
+            s.visibleSlidesIndexes &&
+              s.visibleSlidesIndexes.indexOf(r) < 0 &&
+              (s.params.centeredSlides
+                ? (r =
+                    r > i
+                      ? r - Math.floor(a / 2) + 1
+                      : r + Math.floor(a / 2) - 1)
+                : r > i && s.params.slidesPerGroup,
+              s.slideTo(r, e ? 0 : void 0));
+        }
+      }
+      (t.thumbs = { swiper: null }),
+        i("beforeInit", () => {
+          const { thumbs: e } = t.params;
+          if (e && e.swiper)
+            if (
+              "string" == typeof e.swiper ||
+              e.swiper instanceof HTMLElement
+            ) {
+              const s = a(),
+                i = () => {
+                  const a =
+                    "string" == typeof e.swiper
+                      ? s.querySelector(e.swiper)
+                      : e.swiper;
+                  if (a && a.swiper) (e.swiper = a.swiper), o(), d(!0);
+                  else if (a) {
+                    const s = (i) => {
+                      (e.swiper = i.detail[0]),
+                        a.removeEventListener("init", s),
+                        o(),
+                        d(!0),
+                        e.swiper.update(),
+                        t.update();
+                    };
+                    a.addEventListener("init", s);
+                  }
+                  return a;
+                },
+                r = () => {
+                  if (t.destroyed) return;
+                  i() || requestAnimationFrame(r);
+                };
+              requestAnimationFrame(r);
+            } else o(), d(!0);
+        }),
+        i("slideChange update resize observerUpdate", () => {
+          d();
+        }),
+        i("setTransition", (e, s) => {
+          const a = t.thumbs.swiper;
+          a && !a.destroyed && a.setTransition(s);
+        }),
+        i("beforeDestroy", () => {
+          const e = t.thumbs.swiper;
+          e && !e.destroyed && n && e.destroy();
+        }),
+        Object.assign(t.thumbs, { init: o, update: d });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, emit: a, once: i } = e;
+      s({
+        freeMode: {
+          enabled: !1,
+          momentum: !0,
+          momentumRatio: 1,
+          momentumBounce: !0,
+          momentumBounceRatio: 1,
+          momentumVelocityRatio: 1,
+          sticky: !1,
+          minimumVelocity: 0.02,
+        },
+      }),
+        Object.assign(t, {
+          freeMode: {
+            onTouchStart: function () {
+              if (t.params.cssMode) return;
+              const e = t.getTranslate();
+              t.setTranslate(e),
+                t.setTransition(0),
+                (t.touchEventsData.velocities.length = 0),
+                t.freeMode.onTouchEnd({
+                  currentPos: t.rtl ? t.translate : -t.translate,
+                });
+            },
+            onTouchMove: function () {
+              if (t.params.cssMode) return;
+              const { touchEventsData: e, touches: s } = t;
+              0 === e.velocities.length &&
+                e.velocities.push({
+                  position: s[t.isHorizontal() ? "startX" : "startY"],
+                  time: e.touchStartTime,
+                }),
+                e.velocities.push({
+                  position: s[t.isHorizontal() ? "currentX" : "currentY"],
+                  time: o(),
+                });
+            },
+            onTouchEnd: function (e) {
+              let { currentPos: s } = e;
+              if (t.params.cssMode) return;
+              const {
+                  params: r,
+                  wrapperEl: n,
+                  rtlTranslate: l,
+                  snapGrid: d,
+                  touchEventsData: c,
+                } = t,
+                p = o() - c.touchStartTime;
+              if (s < -t.minTranslate()) t.slideTo(t.activeIndex);
+              else if (s > -t.maxTranslate())
+                t.slides.length < d.length
+                  ? t.slideTo(d.length - 1)
+                  : t.slideTo(t.slides.length - 1);
+              else {
+                if (r.freeMode.momentum) {
+                  if (c.velocities.length > 1) {
+                    const e = c.velocities.pop(),
+                      s = c.velocities.pop(),
+                      a = e.position - s.position,
+                      i = e.time - s.time;
+                    (t.velocity = a / i),
+                      (t.velocity /= 2),
+                      Math.abs(t.velocity) < r.freeMode.minimumVelocity &&
+                        (t.velocity = 0),
+                      (i > 150 || o() - e.time > 300) && (t.velocity = 0);
+                  } else t.velocity = 0;
+                  (t.velocity *= r.freeMode.momentumVelocityRatio),
+                    (c.velocities.length = 0);
+                  let e = 1e3 * r.freeMode.momentumRatio;
+                  const s = t.velocity * e;
+                  let p = t.translate + s;
+                  l && (p = -p);
+                  let u,
+                    m = !1;
+                  const h =
+                    20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio;
+                  let f;
+                  if (p < t.maxTranslate())
+                    r.freeMode.momentumBounce
+                      ? (p + t.maxTranslate() < -h &&
+                          (p = t.maxTranslate() - h),
+                        (u = t.maxTranslate()),
+                        (m = !0),
+                        (c.allowMomentumBounce = !0))
+                      : (p = t.maxTranslate()),
+                      r.loop && r.centeredSlides && (f = !0);
+                  else if (p > t.minTranslate())
+                    r.freeMode.momentumBounce
+                      ? (p - t.minTranslate() > h && (p = t.minTranslate() + h),
+                        (u = t.minTranslate()),
+                        (m = !0),
+                        (c.allowMomentumBounce = !0))
+                      : (p = t.minTranslate()),
+                      r.loop && r.centeredSlides && (f = !0);
+                  else if (r.freeMode.sticky) {
+                    let e;
+                    for (let t = 0; t < d.length; t += 1)
+                      if (d[t] > -p) {
+                        e = t;
+                        break;
+                      }
+                    (p =
+                      Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) ||
+                      "next" === t.swipeDirection
+                        ? d[e]
+                        : d[e - 1]),
+                      (p = -p);
+                  }
+                  if (
+                    (f &&
+                      i("transitionEnd", () => {
+                        t.loopFix();
+                      }),
+                    0 !== t.velocity)
+                  ) {
+                    if (
+                      ((e = l
+                        ? Math.abs((-p - t.translate) / t.velocity)
+                        : Math.abs((p - t.translate) / t.velocity)),
+                      r.freeMode.sticky)
+                    ) {
+                      const s = Math.abs((l ? -p : p) - t.translate),
+                        a = t.slidesSizesGrid[t.activeIndex];
+                      e =
+                        s < a
+                          ? r.speed
+                          : s < 2 * a
+                          ? 1.5 * r.speed
+                          : 2.5 * r.speed;
+                    }
+                  } else if (r.freeMode.sticky) return void t.slideToClosest();
+                  r.freeMode.momentumBounce && m
+                    ? (t.updateProgress(u),
+                      t.setTransition(e),
+                      t.setTranslate(p),
+                      t.transitionStart(!0, t.swipeDirection),
+                      (t.animating = !0),
+                      x(n, () => {
+                        t &&
+                          !t.destroyed &&
+                          c.allowMomentumBounce &&
+                          (a("momentumBounce"),
+                          t.setTransition(r.speed),
+                          setTimeout(() => {
+                            t.setTranslate(u),
+                              x(n, () => {
+                                t && !t.destroyed && t.transitionEnd();
+                              });
+                          }, 0));
+                      }))
+                    : t.velocity
+                    ? (a("_freeModeNoMomentumRelease"),
+                      t.updateProgress(p),
+                      t.setTransition(e),
+                      t.setTranslate(p),
+                      t.transitionStart(!0, t.swipeDirection),
+                      t.animating ||
+                        ((t.animating = !0),
+                        x(n, () => {
+                          t && !t.destroyed && t.transitionEnd();
+                        })))
+                    : t.updateProgress(p),
+                    t.updateActiveIndex(),
+                    t.updateSlidesClasses();
+                } else {
+                  if (r.freeMode.sticky) return void t.slideToClosest();
+                  r.freeMode && a("_freeModeNoMomentumRelease");
+                }
+                (!r.freeMode.momentum || p >= r.longSwipesMs) &&
+                  (a("_freeModeStaticRelease"),
+                  t.updateProgress(),
+                  t.updateActiveIndex(),
+                  t.updateSlidesClasses());
+              }
+            },
+          },
+        });
+    },
+    function (e) {
+      let t,
+        s,
+        a,
+        i,
+        { swiper: r, extendParams: n, on: l } = e;
+      n({ grid: { rows: 1, fill: "column" } });
+      const o = () => {
+        let e = r.params.spaceBetween;
+        return (
+          "string" == typeof e && e.indexOf("%") >= 0
+            ? (e = (parseFloat(e.replace("%", "")) / 100) * r.size)
+            : "string" == typeof e && (e = parseFloat(e)),
+          e
+        );
+      };
+      l("init", () => {
+        i = r.params.grid && r.params.grid.rows > 1;
+      }),
+        l("update", () => {
+          const { params: e, el: t } = r,
+            s = e.grid && e.grid.rows > 1;
+          i && !s
+            ? (t.classList.remove(
+                `${e.containerModifierClass}grid`,
+                `${e.containerModifierClass}grid-column`
+              ),
+              (a = 1),
+              r.emitContainerClasses())
+            : !i &&
+              s &&
+              (t.classList.add(`${e.containerModifierClass}grid`),
+              "column" === e.grid.fill &&
+                t.classList.add(`${e.containerModifierClass}grid-column`),
+              r.emitContainerClasses()),
+            (i = s);
+        }),
+        (r.grid = {
+          initSlides: (e) => {
+            const { slidesPerView: i } = r.params,
+              { rows: n, fill: l } = r.params.grid,
+              o =
+                r.virtual && r.params.virtual.enabled
+                  ? r.virtual.slides.length
+                  : e.length;
+            (a = Math.floor(o / n)),
+              (t = Math.floor(o / n) === o / n ? o : Math.ceil(o / n) * n),
+              "auto" !== i && "row" === l && (t = Math.max(t, i * n)),
+              (s = t / n);
+          },
+          unsetSlides: () => {
+            r.slides &&
+              r.slides.forEach((e) => {
+                e.swiperSlideGridSet &&
+                  ((e.style.height = ""),
+                  (e.style[r.getDirectionLabel("margin-top")] = ""));
+              });
+          },
+          updateSlide: (e, i, n) => {
+            const { slidesPerGroup: l } = r.params,
+              d = o(),
+              { rows: c, fill: p } = r.params.grid,
+              u =
+                r.virtual && r.params.virtual.enabled
+                  ? r.virtual.slides.length
+                  : n.length;
+            let m, h, f;
+            if ("row" === p && l > 1) {
+              const s = Math.floor(e / (l * c)),
+                a = e - c * l * s,
+                r = 0 === s ? l : Math.min(Math.ceil((u - s * c * l) / c), l);
+              (f = Math.floor(a / r)),
+                (h = a - f * r + s * l),
+                (m = h + (f * t) / c),
+                (i.style.order = m);
+            } else
+              "column" === p
+                ? ((h = Math.floor(e / c)),
+                  (f = e - h * c),
+                  (h > a || (h === a && f === c - 1)) &&
+                    ((f += 1), f >= c && ((f = 0), (h += 1))))
+                : ((f = Math.floor(e / s)), (h = e - f * s));
+            (i.row = f),
+              (i.column = h),
+              (i.style.height = `calc((100% - ${(c - 1) * d}px) / ${c})`),
+              (i.style[r.getDirectionLabel("margin-top")] =
+                0 !== f ? d && `${d}px` : ""),
+              (i.swiperSlideGridSet = !0);
+          },
+          updateWrapperSize: (e, s) => {
+            const { centeredSlides: a, roundLengths: i } = r.params,
+              n = o(),
+              { rows: l } = r.params.grid;
+            if (
+              ((r.virtualSize = (e + n) * t),
+              (r.virtualSize = Math.ceil(r.virtualSize / l) - n),
+              r.params.cssMode ||
+                (r.wrapperEl.style[r.getDirectionLabel("width")] = `${
+                  r.virtualSize + n
+                }px`),
+              a)
+            ) {
+              const e = [];
+              for (let t = 0; t < s.length; t += 1) {
+                let a = s[t];
+                i && (a = Math.floor(a)),
+                  s[t] < r.virtualSize + s[0] && e.push(a);
+              }
+              s.splice(0, s.length), s.push(...e);
+            }
+          },
+        });
+    },
+    function (e) {
+      let { swiper: t } = e;
+      Object.assign(t, {
+        appendSlide: ne.bind(t),
+        prependSlide: le.bind(t),
+        addSlide: oe.bind(t),
+        removeSlide: de.bind(t),
+        removeAllSlides: ce.bind(t),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ fadeEffect: { crossFade: !1 } }),
+        pe({
+          effect: "fade",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { slides: e } = t;
+            t.params.fadeEffect;
+            for (let s = 0; s < e.length; s += 1) {
+              const e = t.slides[s];
+              let a = -e.swiperSlideOffset;
+              t.params.virtualTranslate || (a -= t.translate);
+              let i = 0;
+              t.isHorizontal() || ((i = a), (a = 0));
+              const r = t.params.fadeEffect.crossFade
+                  ? Math.max(1 - Math.abs(e.progress), 0)
+                  : 1 + Math.min(Math.max(e.progress, -1), 0),
+                n = ue(0, e);
+              (n.style.opacity = r),
+                (n.style.transform = `translate3d(${a}px, ${i}px, 0px)`);
+            }
+          },
+          setTransition: (e) => {
+            const s = t.slides.map((e) => h(e));
+            s.forEach((t) => {
+              t.style.transitionDuration = `${e}ms`;
+            }),
+              me({
+                swiper: t,
+                duration: e,
+                transformElements: s,
+                allSlides: !0,
+              });
+          },
+          overwriteParams: () => ({
+            slidesPerView: 1,
+            slidesPerGroup: 1,
+            watchSlidesProgress: !0,
+            spaceBetween: 0,
+            virtualTranslate: !t.params.cssMode,
+          }),
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        cubeEffect: {
+          slideShadows: !0,
+          shadow: !0,
+          shadowOffset: 20,
+          shadowScale: 0.94,
+        },
+      });
+      const i = (e, t, s) => {
+        let a = s
+            ? e.querySelector(".swiper-slide-shadow-left")
+            : e.querySelector(".swiper-slide-shadow-top"),
+          i = s
+            ? e.querySelector(".swiper-slide-shadow-right")
+            : e.querySelector(".swiper-slide-shadow-bottom");
+        a ||
+          ((a = v(
+            "div",
+            (
+              "swiper-slide-shadow-cube swiper-slide-shadow-" +
+              (s ? "left" : "top")
+            ).split(" ")
+          )),
+          e.append(a)),
+          i ||
+            ((i = v(
+              "div",
+              (
+                "swiper-slide-shadow-cube swiper-slide-shadow-" +
+                (s ? "right" : "bottom")
+              ).split(" ")
+            )),
+            e.append(i)),
+          a && (a.style.opacity = Math.max(-t, 0)),
+          i && (i.style.opacity = Math.max(t, 0));
+      };
+      pe({
+        effect: "cube",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const {
+              el: e,
+              wrapperEl: s,
+              slides: a,
+              width: r,
+              height: n,
+              rtlTranslate: l,
+              size: o,
+              browser: d,
+            } = t,
+            c = t.params.cubeEffect,
+            p = t.isHorizontal(),
+            u = t.virtual && t.params.virtual.enabled;
+          let m,
+            h = 0;
+          c.shadow &&
+            (p
+              ? ((m = t.wrapperEl.querySelector(".swiper-cube-shadow")),
+                m ||
+                  ((m = v("div", "swiper-cube-shadow")), t.wrapperEl.append(m)),
+                (m.style.height = `${r}px`))
+              : ((m = e.querySelector(".swiper-cube-shadow")),
+                m || ((m = v("div", "swiper-cube-shadow")), e.append(m))));
+          for (let e = 0; e < a.length; e += 1) {
+            const s = a[e];
+            let r = e;
+            u && (r = parseInt(s.getAttribute("data-swiper-slide-index"), 10));
+            let n = 90 * r,
+              d = Math.floor(n / 360);
+            l && ((n = -n), (d = Math.floor(-n / 360)));
+            const m = Math.max(Math.min(s.progress, 1), -1);
+            let f = 0,
+              g = 0,
+              v = 0;
+            r % 4 == 0
+              ? ((f = 4 * -d * o), (v = 0))
+              : (r - 1) % 4 == 0
+              ? ((f = 0), (v = 4 * -d * o))
+              : (r - 2) % 4 == 0
+              ? ((f = o + 4 * d * o), (v = o))
+              : (r - 3) % 4 == 0 && ((f = -o), (v = 3 * o + 4 * o * d)),
+              l && (f = -f),
+              p || ((g = f), (f = 0));
+            const w = `rotateX(${p ? 0 : -n}deg) rotateY(${
+              p ? n : 0
+            }deg) translate3d(${f}px, ${g}px, ${v}px)`;
+            m <= 1 &&
+              m > -1 &&
+              ((h = 90 * r + 90 * m),
+              l && (h = 90 * -r - 90 * m),
+              t.browser &&
+                t.browser.need3dFix &&
+                (Math.abs(h) / 90) % 2 == 1 &&
+                (h += 0.001)),
+              (s.style.transform = w),
+              c.slideShadows && i(s, m, p);
+          }
+          if (
+            ((s.style.transformOrigin = `50% 50% -${o / 2}px`),
+            (s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`),
+            c.shadow)
+          )
+            if (p)
+              m.style.transform = `translate3d(0px, ${
+                r / 2 + c.shadowOffset
+              }px, ${-r / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${
+                c.shadowScale
+              })`;
+            else {
+              const e = Math.abs(h) - 90 * Math.floor(Math.abs(h) / 90),
+                t =
+                  1.5 -
+                  (Math.sin((2 * e * Math.PI) / 360) / 2 +
+                    Math.cos((2 * e * Math.PI) / 360) / 2),
+                s = c.shadowScale,
+                a = c.shadowScale / t,
+                i = c.shadowOffset;
+              m.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${
+                n / 2 + i
+              }px, ${-n / 2 / a}px) rotateX(-89.99deg)`;
+            }
+          const f =
+            (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0;
+          (s.style.transform = `translate3d(0px,0,${f}px) rotateX(${
+            t.isHorizontal() ? 0 : h
+          }deg) rotateY(${t.isHorizontal() ? -h : 0}deg)`),
+            s.style.setProperty("--swiper-cube-translate-z", `${f}px`);
+        },
+        setTransition: (e) => {
+          const { el: s, slides: a } = t;
+          if (
+            (a.forEach((t) => {
+              (t.style.transitionDuration = `${e}ms`),
+                t
+                  .querySelectorAll(
+                    ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                  )
+                  .forEach((t) => {
+                    t.style.transitionDuration = `${e}ms`;
+                  });
+            }),
+            t.params.cubeEffect.shadow && !t.isHorizontal())
+          ) {
+            const t = s.querySelector(".swiper-cube-shadow");
+            t && (t.style.transitionDuration = `${e}ms`);
+          }
+        },
+        recreateShadows: () => {
+          const e = t.isHorizontal();
+          t.slides.forEach((t) => {
+            const s = Math.max(Math.min(t.progress, 1), -1);
+            i(t, s, e);
+          });
+        },
+        getEffectParams: () => t.params.cubeEffect,
+        perspective: () => !0,
+        overwriteParams: () => ({
+          slidesPerView: 1,
+          slidesPerGroup: 1,
+          watchSlidesProgress: !0,
+          resistanceRatio: 0,
+          spaceBetween: 0,
+          centeredSlides: !1,
+          virtualTranslate: !0,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ flipEffect: { slideShadows: !0, limitRotation: !0 } });
+      const i = (e, s) => {
+        let a = t.isHorizontal()
+            ? e.querySelector(".swiper-slide-shadow-left")
+            : e.querySelector(".swiper-slide-shadow-top"),
+          i = t.isHorizontal()
+            ? e.querySelector(".swiper-slide-shadow-right")
+            : e.querySelector(".swiper-slide-shadow-bottom");
+        a || (a = he("flip", e, t.isHorizontal() ? "left" : "top")),
+          i || (i = he("flip", e, t.isHorizontal() ? "right" : "bottom")),
+          a && (a.style.opacity = Math.max(-s, 0)),
+          i && (i.style.opacity = Math.max(s, 0));
+      };
+      pe({
+        effect: "flip",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const { slides: e, rtlTranslate: s } = t,
+            a = t.params.flipEffect;
+          for (let r = 0; r < e.length; r += 1) {
+            const n = e[r];
+            let l = n.progress;
+            t.params.flipEffect.limitRotation &&
+              (l = Math.max(Math.min(n.progress, 1), -1));
+            const o = n.swiperSlideOffset;
+            let d = -180 * l,
+              c = 0,
+              p = t.params.cssMode ? -o - t.translate : -o,
+              u = 0;
+            t.isHorizontal()
+              ? s && (d = -d)
+              : ((u = p), (p = 0), (c = -d), (d = 0)),
+              t.browser &&
+                t.browser.need3dFix &&
+                ((Math.abs(d) / 90) % 2 == 1 && (d += 0.001),
+                (Math.abs(c) / 90) % 2 == 1 && (c += 0.001)),
+              (n.style.zIndex = -Math.abs(Math.round(l)) + e.length),
+              a.slideShadows && i(n, l);
+            const m = `translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`;
+            ue(0, n).style.transform = m;
+          }
+        },
+        setTransition: (e) => {
+          const s = t.slides.map((e) => h(e));
+          s.forEach((t) => {
+            (t.style.transitionDuration = `${e}ms`),
+              t
+                .querySelectorAll(
+                  ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                )
+                .forEach((t) => {
+                  t.style.transitionDuration = `${e}ms`;
+                });
+          }),
+            me({ swiper: t, duration: e, transformElements: s });
+        },
+        recreateShadows: () => {
+          t.params.flipEffect,
+            t.slides.forEach((e) => {
+              let s = e.progress;
+              t.params.flipEffect.limitRotation &&
+                (s = Math.max(Math.min(e.progress, 1), -1)),
+                i(e, s);
+            });
+        },
+        getEffectParams: () => t.params.flipEffect,
+        perspective: () => !0,
+        overwriteParams: () => ({
+          slidesPerView: 1,
+          slidesPerGroup: 1,
+          watchSlidesProgress: !0,
+          spaceBetween: 0,
+          virtualTranslate: !t.params.cssMode,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        coverflowEffect: {
+          rotate: 50,
+          stretch: 0,
+          depth: 100,
+          scale: 1,
+          modifier: 1,
+          slideShadows: !0,
+        },
+      }),
+        pe({
+          effect: "coverflow",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { width: e, height: s, slides: a, slidesSizesGrid: i } = t,
+              r = t.params.coverflowEffect,
+              n = t.isHorizontal(),
+              l = t.translate,
+              o = n ? e / 2 - l : s / 2 - l,
+              d = n ? r.rotate : -r.rotate,
+              c = r.depth;
+            for (let e = 0, s = a.length; e < s; e += 1) {
+              const s = a[e],
+                l = i[e],
+                p = (o - s.swiperSlideOffset - l / 2) / l,
+                u =
+                  "function" == typeof r.modifier
+                    ? r.modifier(p)
+                    : p * r.modifier;
+              let m = n ? d * u : 0,
+                h = n ? 0 : d * u,
+                f = -c * Math.abs(u),
+                g = r.stretch;
+              "string" == typeof g &&
+                -1 !== g.indexOf("%") &&
+                (g = (parseFloat(r.stretch) / 100) * l);
+              let v = n ? 0 : g * u,
+                w = n ? g * u : 0,
+                b = 1 - (1 - r.scale) * Math.abs(u);
+              Math.abs(w) < 0.001 && (w = 0),
+                Math.abs(v) < 0.001 && (v = 0),
+                Math.abs(f) < 0.001 && (f = 0),
+                Math.abs(m) < 0.001 && (m = 0),
+                Math.abs(h) < 0.001 && (h = 0),
+                Math.abs(b) < 0.001 && (b = 0),
+                t.browser &&
+                  t.browser.need3dFix &&
+                  ((Math.abs(m) / 90) % 2 == 1 && (m += 0.001),
+                  (Math.abs(h) / 90) % 2 == 1 && (h += 0.001));
+              const y = `translate3d(${w}px,${v}px,${f}px)  rotateX(${h}deg) rotateY(${m}deg) scale(${b})`;
+              if (
+                ((ue(0, s).style.transform = y),
+                (s.style.zIndex = 1 - Math.abs(Math.round(u))),
+                r.slideShadows)
+              ) {
+                let e = n
+                    ? s.querySelector(".swiper-slide-shadow-left")
+                    : s.querySelector(".swiper-slide-shadow-top"),
+                  t = n
+                    ? s.querySelector(".swiper-slide-shadow-right")
+                    : s.querySelector(".swiper-slide-shadow-bottom");
+                e || (e = he("coverflow", s, n ? "left" : "top")),
+                  t || (t = he("coverflow", s, n ? "right" : "bottom")),
+                  e && (e.style.opacity = u > 0 ? u : 0),
+                  t && (t.style.opacity = -u > 0 ? -u : 0);
+              }
+            }
+          },
+          setTransition: (e) => {
+            t.slides
+              .map((e) => h(e))
+              .forEach((t) => {
+                (t.style.transitionDuration = `${e}ms`),
+                  t
+                    .querySelectorAll(
+                      ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                    )
+                    .forEach((t) => {
+                      t.style.transitionDuration = `${e}ms`;
+                    });
+              });
+          },
+          perspective: () => !0,
+          overwriteParams: () => ({ watchSlidesProgress: !0 }),
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        creativeEffect: {
+          limitProgress: 1,
+          shadowPerProgress: !1,
+          progressMultiplier: 1,
+          perspective: !0,
+          prev: {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            opacity: 1,
+            scale: 1,
+          },
+          next: {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            opacity: 1,
+            scale: 1,
+          },
+        },
+      });
+      const i = (e) => ("string" == typeof e ? e : `${e}px`);
+      pe({
+        effect: "creative",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t,
+            r = t.params.creativeEffect,
+            { progressMultiplier: n } = r,
+            l = t.params.centeredSlides;
+          if (l) {
+            const e = a[0] / 2 - t.params.slidesOffsetBefore || 0;
+            s.style.transform = `translateX(calc(50% - ${e}px))`;
+          }
+          for (let s = 0; s < e.length; s += 1) {
+            const a = e[s],
+              o = a.progress,
+              d = Math.min(
+                Math.max(a.progress, -r.limitProgress),
+                r.limitProgress
+              );
+            let c = d;
+            l ||
+              (c = Math.min(
+                Math.max(a.originalProgress, -r.limitProgress),
+                r.limitProgress
+              ));
+            const p = a.swiperSlideOffset,
+              u = [t.params.cssMode ? -p - t.translate : -p, 0, 0],
+              m = [0, 0, 0];
+            let h = !1;
+            t.isHorizontal() || ((u[1] = u[0]), (u[0] = 0));
+            let f = {
+              translate: [0, 0, 0],
+              rotate: [0, 0, 0],
+              scale: 1,
+              opacity: 1,
+            };
+            d < 0
+              ? ((f = r.next), (h = !0))
+              : d > 0 && ((f = r.prev), (h = !0)),
+              u.forEach((e, t) => {
+                u[t] = `calc(${e}px + (${i(f.translate[t])} * ${Math.abs(
+                  d * n
+                )}))`;
+              }),
+              m.forEach((e, s) => {
+                let a = f.rotate[s] * Math.abs(d * n);
+                t.browser &&
+                  t.browser.need3dFix &&
+                  (Math.abs(a) / 90) % 2 == 1 &&
+                  (a += 0.001),
+                  (m[s] = a);
+              }),
+              (a.style.zIndex = -Math.abs(Math.round(o)) + e.length);
+            const g = u.join(", "),
+              v = `rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`,
+              w =
+                c < 0
+                  ? `scale(${1 + (1 - f.scale) * c * n})`
+                  : `scale(${1 - (1 - f.scale) * c * n})`,
+              b =
+                c < 0
+                  ? 1 + (1 - f.opacity) * c * n
+                  : 1 - (1 - f.opacity) * c * n,
+              y = `translate3d(${g}) ${v} ${w}`;
+            if ((h && f.shadow) || !h) {
+              let e = a.querySelector(".swiper-slide-shadow");
+              if ((!e && f.shadow && (e = he("creative", a)), e)) {
+                const t = r.shadowPerProgress ? d * (1 / r.limitProgress) : d;
+                e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1);
+              }
+            }
+            const E = ue(0, a);
+            (E.style.transform = y),
+              (E.style.opacity = b),
+              f.origin && (E.style.transformOrigin = f.origin);
+          }
+        },
+        setTransition: (e) => {
+          const s = t.slides.map((e) => h(e));
+          s.forEach((t) => {
+            (t.style.transitionDuration = `${e}ms`),
+              t.querySelectorAll(".swiper-slide-shadow").forEach((t) => {
+                t.style.transitionDuration = `${e}ms`;
+              });
+          }),
+            me({ swiper: t, duration: e, transformElements: s, allSlides: !0 });
+        },
+        perspective: () => t.params.creativeEffect.perspective,
+        overwriteParams: () => ({
+          watchSlidesProgress: !0,
+          virtualTranslate: !t.params.cssMode,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        cardsEffect: {
+          slideShadows: !0,
+          rotate: !0,
+          perSlideRotate: 2,
+          perSlideOffset: 8,
+        },
+      }),
+        pe({
+          effect: "cards",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { slides: e, activeIndex: s, rtlTranslate: a } = t,
+              i = t.params.cardsEffect,
+              { startTranslate: r, isTouched: n } = t.touchEventsData,
+              l = a ? -t.translate : t.translate;
+            for (let o = 0; o < e.length; o += 1) {
+              const d = e[o],
+                c = d.progress,
+                p = Math.min(Math.max(c, -4), 4);
+              let u = d.swiperSlideOffset;
+              t.params.centeredSlides &&
+                !t.params.cssMode &&
+                (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`),
+                t.params.centeredSlides &&
+                  t.params.cssMode &&
+                  (u -= e[0].swiperSlideOffset);
+              let m = t.params.cssMode ? -u - t.translate : -u,
+                h = 0;
+              const f = -100 * Math.abs(p);
+              let g = 1,
+                v = -i.perSlideRotate * p,
+                w = i.perSlideOffset - 0.75 * Math.abs(p);
+              const b =
+                  t.virtual && t.params.virtual.enabled
+                    ? t.virtual.from + o
+                    : o,
+                y =
+                  (b === s || b === s - 1) &&
+                  p > 0 &&
+                  p < 1 &&
+                  (n || t.params.cssMode) &&
+                  l < r,
+                E =
+                  (b === s || b === s + 1) &&
+                  p < 0 &&
+                  p > -1 &&
+                  (n || t.params.cssMode) &&
+                  l > r;
+              if (y || E) {
+                const e = (1 - Math.abs((Math.abs(p) - 0.5) / 0.5)) ** 0.5;
+                (v += -28 * p * e),
+                  (g += -0.5 * e),
+                  (w += 96 * e),
+                  (h = -25 * e * Math.abs(p) + "%");
+              }
+              if (
+                ((m =
+                  p < 0
+                    ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))`
+                    : p > 0
+                    ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))`
+                    : `${m}px`),
+                !t.isHorizontal())
+              ) {
+                const e = h;
+                (h = m), (m = e);
+              }
+              const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p),
+                S = `\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${
+                  i.rotate ? (a ? -v : v) : 0
+                }deg)\n        scale(${x})\n      `;
+              if (i.slideShadows) {
+                let e = d.querySelector(".swiper-slide-shadow");
+                e || (e = he("cards", d)),
+                  e &&
+                    (e.style.opacity = Math.min(
+                      Math.max((Math.abs(p) - 0.5) / 0.5, 0),
+                      1
+                    ));
+              }
+              d.style.zIndex = -Math.abs(Math.round(c)) + e.length;
+              ue(0, d).style.transform = S;
+            }
+          },
+          setTransition: (e) => {
+            const s = t.slides.map((e) => h(e));
+            s.forEach((t) => {
+              (t.style.transitionDuration = `${e}ms`),
+                t.querySelectorAll(".swiper-slide-shadow").forEach((t) => {
+                  t.style.transitionDuration = `${e}ms`;
+                });
+            }),
+              me({ swiper: t, duration: e, transformElements: s });
+          },
+          perspective: () => !0,
+          overwriteParams: () => ({
+            watchSlidesProgress: !0,
+            virtualTranslate: !t.params.cssMode,
+          }),
+        });
+    },
+  ];
+  return ae.use(fe), ae;
+})();
+//# sourceMappingURL=swiper-bundle.min.js.map
diff --git a/quarter-rtl/assets/js/tabs.js b/quarter-rtl/assets/js/tabs.js
new file mode 100644
index 0000000..b0a1dec
--- /dev/null
+++ b/quarter-rtl/assets/js/tabs.js
@@ -0,0 +1,97 @@
+// handle current tablink style
+const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
+  tabLinks.forEach((tabLink, idx) => {
+    const currentTabLink = tabLinks[currentIndex];
+    const tabLinkClasses = tabLink.classList;
+    const currentTabLinkClasses = currentTabLink.classList;
+    const spanClasses = tabLink.querySelector("span")?.classList;
+
+    const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
+
+    if (spanClasses) {
+      // button default style
+      tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
+      tabLinkClasses.add(
+        "bg-lightGrey7",
+        "dark:bg-lightGrey7-dark",
+        "inActive"
+      );
+      spanClasses.replace("w-full", "w-0");
+      tabLink.disabled = false;
+      // current button style
+      if (currentIndex === idx) {
+        currentTabLink.disabled = true;
+        currentTabLinkClasses.remove(
+          "bg-lightGrey7",
+          "dark:bg-lightGrey7-dark",
+          "inActive"
+        );
+        currentTabLinkClasses.add(
+          "bg-white",
+          "dark:bg-whiteColor-dark",
+          "shadow-bottom",
+          "active"
+        );
+        currentSpanClasses.replace("w-0", "w-full");
+      }
+    } else {
+      tabLinkClasses.remove("before:w-full", "active");
+      if (currentIndex === idx) {
+        tabLinkClasses.add("before:w-full", "active");
+      }
+    }
+  });
+};
+
+// handle tab content
+const handleTabContents = (tab, currentIndex) => {
+  const nodeListOftabContents = tab.querySelector(".tab-contents").children;
+  const tabContents = [...nodeListOftabContents];
+  const currentTabContentClasses = tabContents[currentIndex].classList;
+  tabContents.forEach((tabContent, idx) => {
+    const tabContentClasses = tabContent.classList;
+
+    // tab contents default style
+    tabContentClasses.remove("block");
+    tabContentClasses.add("hidden");
+
+    if (currentIndex === idx) {
+      currentTabContentClasses.add("block", "opacity-0");
+      currentTabContentClasses.remove("hidden", "opacity-100");
+
+      // add accordion style
+      const accordion = tab.querySelector(".accordion.active");
+      if (accordion) {
+        const contents = accordion.querySelector(".accordion-content");
+        const contentHeight = contents.children[idx]?.offsetHeight;
+        if (contentHeight) {
+          contents.style.height = `${contentHeight}px`;
+        }
+      }
+      setTimeout(() => {
+        currentTabContentClasses.remove("opacity-0");
+        currentTabContentClasses.add("opacity-100");
+      }, 150);
+    }
+  });
+};
+
+// get tab links and listen link events
+const handleTabLinks = (tab) => {
+  const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
+  const tabLinks = [...nodeListOfTabLinks];
+
+  tabLinks.forEach((tabLink, idx) => {
+    tabLink.addEventListener("click", () => {
+      handleCurrentTabLinkStyle(tabLinks, idx);
+      handleTabContents(tab, idx);
+    });
+  });
+};
+
+// main tab controller
+const tabsController = () => {
+  const nodeListOfTabs = document.querySelectorAll(".tab");
+  const tabs = [...nodeListOfTabs];
+  tabs.forEach((tab) => handleTabLinks(tab));
+};
diff --git a/quarter-rtl/assets/js/ui-widget.js b/quarter-rtl/assets/js/ui-widget.js
new file mode 100644
index 0000000..856aee8
--- /dev/null
+++ b/quarter-rtl/assets/js/ui-widget.js
@@ -0,0 +1,1255 @@
+/*-------------------------------------------------------------
+  14. jQuery UI / price range 
+---------------------------------------------------------------*/
+/*! jQuery UI - v1.11.4 - 2016-06-07
+ * http://jqueryui.com
+ * Includes: core.js, widget.js, mouse.js, slider.js
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+(function (e) {
+  "function" == typeof define && define.amd ? define(["jquery"], e) : e(jQuery);
+})(function (e) {
+  function t(t, s) {
+    var n,
+      a,
+      o,
+      r = t.nodeName.toLowerCase();
+    return "area" === r
+      ? ((n = t.parentNode),
+        (a = n.name),
+        t.href && a && "map" === n.nodeName.toLowerCase()
+          ? ((o = e("img[usemap='#" + a + "']")[0]), !!o && i(o))
+          : !1)
+      : (/^(input|select|textarea|button|object)$/.test(r)
+          ? !t.disabled
+          : "a" === r
+          ? t.href || s
+          : s) && i(t);
+  }
+  function i(t) {
+    return (
+      e.expr.filters.visible(t) &&
+      !e(t)
+        .parents()
+        .addBack()
+        .filter(function () {
+          return "hidden" === e.css(this, "visibility");
+        }).length
+    );
+  }
+  (e.ui = e.ui || {}),
+    e.extend(e.ui, {
+      version: "1.11.4",
+      keyCode: {
+        BACKSPACE: 8,
+        COMMA: 188,
+        DELETE: 46,
+        DOWN: 40,
+        END: 35,
+        ENTER: 13,
+        ESCAPE: 27,
+        HOME: 36,
+        LEFT: 37,
+        PAGE_DOWN: 34,
+        PAGE_UP: 33,
+        PERIOD: 190,
+        RIGHT: 39,
+        SPACE: 32,
+        TAB: 9,
+        UP: 38,
+      },
+    }),
+    e.fn.extend({
+      scrollParent: function (t) {
+        var i = this.css("position"),
+          s = "absolute" === i,
+          n = t ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+          a = this.parents()
+            .filter(function () {
+              var t = e(this);
+              return s && "static" === t.css("position")
+                ? !1
+                : n.test(
+                    t.css("overflow") +
+                      t.css("overflow-y") +
+                      t.css("overflow-x")
+                  );
+            })
+            .eq(0);
+        return "fixed" !== i && a.length
+          ? a
+          : e(this[0].ownerDocument || document);
+      },
+      uniqueId: (function () {
+        var e = 0;
+        return function () {
+          return this.each(function () {
+            this.id || (this.id = "ui-id-" + ++e);
+          });
+        };
+      })(),
+      removeUniqueId: function () {
+        return this.each(function () {
+          /^ui-id-\d+$/.test(this.id) && e(this).removeAttr("id");
+        });
+      },
+    }),
+    e.extend(e.expr[":"], {
+      data: e.expr.createPseudo
+        ? e.expr.createPseudo(function (t) {
+            return function (i) {
+              return !!e.data(i, t);
+            };
+          })
+        : function (t, i, s) {
+            return !!e.data(t, s[3]);
+          },
+      focusable: function (i) {
+        return t(i, !isNaN(e.attr(i, "tabindex")));
+      },
+      tabbable: function (i) {
+        var s = e.attr(i, "tabindex"),
+          n = isNaN(s);
+        return (n || s >= 0) && t(i, !n);
+      },
+    }),
+    e("<a>").outerWidth(1).jquery ||
+      e.each(["Width", "Height"], function (t, i) {
+        function s(t, i, s, a) {
+          return (
+            e.each(n, function () {
+              (i -= parseFloat(e.css(t, "padding" + this)) || 0),
+                s &&
+                  (i -= parseFloat(e.css(t, "border" + this + "Width")) || 0),
+                a && (i -= parseFloat(e.css(t, "margin" + this)) || 0);
+            }),
+            i
+          );
+        }
+        var n = "Width" === i ? ["Left", "Right"] : ["Top", "Bottom"],
+          a = i.toLowerCase(),
+          o = {
+            innerWidth: e.fn.innerWidth,
+            innerHeight: e.fn.innerHeight,
+            outerWidth: e.fn.outerWidth,
+            outerHeight: e.fn.outerHeight,
+          };
+        (e.fn["inner" + i] = function (t) {
+          return void 0 === t
+            ? o["inner" + i].call(this)
+            : this.each(function () {
+                e(this).css(a, s(this, t) + "px");
+              });
+        }),
+          (e.fn["outer" + i] = function (t, n) {
+            return "number" != typeof t
+              ? o["outer" + i].call(this, t)
+              : this.each(function () {
+                  e(this).css(a, s(this, t, !0, n) + "px");
+                });
+          });
+      }),
+    e.fn.addBack ||
+      (e.fn.addBack = function (e) {
+        return this.add(
+          null == e ? this.prevObject : this.prevObject.filter(e)
+        );
+      }),
+    e("<a>").data("a-b", "a").removeData("a-b").data("a-b") &&
+      (e.fn.removeData = (function (t) {
+        return function (i) {
+          return arguments.length ? t.call(this, e.camelCase(i)) : t.call(this);
+        };
+      })(e.fn.removeData)),
+    (e.ui.ie = !!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase())),
+    e.fn.extend({
+      focus: (function (t) {
+        return function (i, s) {
+          return "number" == typeof i
+            ? this.each(function () {
+                var t = this;
+                setTimeout(function () {
+                  e(t).focus(), s && s.call(t);
+                }, i);
+              })
+            : t.apply(this, arguments);
+        };
+      })(e.fn.focus),
+      disableSelection: (function () {
+        var e =
+          "onselectstart" in document.createElement("div")
+            ? "selectstart"
+            : "mousedown";
+        return function () {
+          return this.bind(e + ".ui-disableSelection", function (e) {
+            e.preventDefault();
+          });
+        };
+      })(),
+      enableSelection: function () {
+        return this.unbind(".ui-disableSelection");
+      },
+      zIndex: function (t) {
+        if (void 0 !== t) return this.css("zIndex", t);
+        if (this.length)
+          for (var i, s, n = e(this[0]); n.length && n[0] !== document; ) {
+            if (
+              ((i = n.css("position")),
+              ("absolute" === i || "relative" === i || "fixed" === i) &&
+                ((s = parseInt(n.css("zIndex"), 10)), !isNaN(s) && 0 !== s))
+            )
+              return s;
+            n = n.parent();
+          }
+        return 0;
+      },
+    }),
+    (e.ui.plugin = {
+      add: function (t, i, s) {
+        var n,
+          a = e.ui[t].prototype;
+        for (n in s)
+          (a.plugins[n] = a.plugins[n] || []), a.plugins[n].push([i, s[n]]);
+      },
+      call: function (e, t, i, s) {
+        var n,
+          a = e.plugins[t];
+        if (
+          a &&
+          (s ||
+            (e.element[0].parentNode &&
+              11 !== e.element[0].parentNode.nodeType))
+        )
+          for (n = 0; a.length > n; n++)
+            e.options[a[n][0]] && a[n][1].apply(e.element, i);
+      },
+    });
+  var s = 0,
+    n = Array.prototype.slice;
+  (e.cleanData = (function (t) {
+    return function (i) {
+      var s, n, a;
+      for (a = 0; null != (n = i[a]); a++)
+        try {
+          (s = e._data(n, "events")),
+            s && s.remove && e(n).triggerHandler("remove");
+        } catch (o) {}
+      t(i);
+    };
+  })(e.cleanData)),
+    (e.widget = function (t, i, s) {
+      var n,
+        a,
+        o,
+        r,
+        h = {},
+        l = t.split(".")[0];
+      return (
+        (t = t.split(".")[1]),
+        (n = l + "-" + t),
+        s || ((s = i), (i = e.Widget)),
+        (e.expr[":"][n.toLowerCase()] = function (t) {
+          return !!e.data(t, n);
+        }),
+        (e[l] = e[l] || {}),
+        (a = e[l][t]),
+        (o = e[l][t] =
+          function (e, t) {
+            return this._createWidget
+              ? (arguments.length && this._createWidget(e, t), void 0)
+              : new o(e, t);
+          }),
+        e.extend(o, a, {
+          version: s.version,
+          _proto: e.extend({}, s),
+          _childConstructors: [],
+        }),
+        (r = new i()),
+        (r.options = e.widget.extend({}, r.options)),
+        e.each(s, function (t, s) {
+          return e.isFunction(s)
+            ? ((h[t] = (function () {
+                var e = function () {
+                    return i.prototype[t].apply(this, arguments);
+                  },
+                  n = function (e) {
+                    return i.prototype[t].apply(this, e);
+                  };
+                return function () {
+                  var t,
+                    i = this._super,
+                    a = this._superApply;
+                  return (
+                    (this._super = e),
+                    (this._superApply = n),
+                    (t = s.apply(this, arguments)),
+                    (this._super = i),
+                    (this._superApply = a),
+                    t
+                  );
+                };
+              })()),
+              void 0)
+            : ((h[t] = s), void 0);
+        }),
+        (o.prototype = e.widget.extend(
+          r,
+          { widgetEventPrefix: a ? r.widgetEventPrefix || t : t },
+          h,
+          { constructor: o, namespace: l, widgetName: t, widgetFullName: n }
+        )),
+        a
+          ? (e.each(a._childConstructors, function (t, i) {
+              var s = i.prototype;
+              e.widget(s.namespace + "." + s.widgetName, o, i._proto);
+            }),
+            delete a._childConstructors)
+          : i._childConstructors.push(o),
+        e.widget.bridge(t, o),
+        o
+      );
+    }),
+    (e.widget.extend = function (t) {
+      for (var i, s, a = n.call(arguments, 1), o = 0, r = a.length; r > o; o++)
+        for (i in a[o])
+          (s = a[o][i]),
+            a[o].hasOwnProperty(i) &&
+              void 0 !== s &&
+              (t[i] = e.isPlainObject(s)
+                ? e.isPlainObject(t[i])
+                  ? e.widget.extend({}, t[i], s)
+                  : e.widget.extend({}, s)
+                : s);
+      return t;
+    }),
+    (e.widget.bridge = function (t, i) {
+      var s = i.prototype.widgetFullName || t;
+      e.fn[t] = function (a) {
+        var o = "string" == typeof a,
+          r = n.call(arguments, 1),
+          h = this;
+        return (
+          o
+            ? this.each(function () {
+                var i,
+                  n = e.data(this, s);
+                return "instance" === a
+                  ? ((h = n), !1)
+                  : n
+                  ? e.isFunction(n[a]) && "_" !== a.charAt(0)
+                    ? ((i = n[a].apply(n, r)),
+                      i !== n && void 0 !== i
+                        ? ((h = i && i.jquery ? h.pushStack(i.get()) : i), !1)
+                        : void 0)
+                    : e.error(
+                        "no such method '" +
+                          a +
+                          "' for " +
+                          t +
+                          " widget instance"
+                      )
+                  : e.error(
+                      "cannot call methods on " +
+                        t +
+                        " prior to initialization; " +
+                        "attempted to call method '" +
+                        a +
+                        "'"
+                    );
+              })
+            : (r.length && (a = e.widget.extend.apply(null, [a].concat(r))),
+              this.each(function () {
+                var t = e.data(this, s);
+                t
+                  ? (t.option(a || {}), t._init && t._init())
+                  : e.data(this, s, new i(a, this));
+              })),
+          h
+        );
+      };
+    }),
+    (e.Widget = function () {}),
+    (e.Widget._childConstructors = []),
+    (e.Widget.prototype = {
+      widgetName: "widget",
+      widgetEventPrefix: "",
+      defaultElement: "<div>",
+      options: { disabled: !1, create: null },
+      _createWidget: function (t, i) {
+        (i = e(i || this.defaultElement || this)[0]),
+          (this.element = e(i)),
+          (this.uuid = s++),
+          (this.eventNamespace = "." + this.widgetName + this.uuid),
+          (this.bindings = e()),
+          (this.hoverable = e()),
+          (this.focusable = e()),
+          i !== this &&
+            (e.data(i, this.widgetFullName, this),
+            this._on(!0, this.element, {
+              remove: function (e) {
+                e.target === i && this.destroy();
+              },
+            }),
+            (this.document = e(i.style ? i.ownerDocument : i.document || i)),
+            (this.window = e(
+              this.document[0].defaultView || this.document[0].parentWindow
+            ))),
+          (this.options = e.widget.extend(
+            {},
+            this.options,
+            this._getCreateOptions(),
+            t
+          )),
+          this._create(),
+          this._trigger("create", null, this._getCreateEventData()),
+          this._init();
+      },
+      _getCreateOptions: e.noop,
+      _getCreateEventData: e.noop,
+      _create: e.noop,
+      _init: e.noop,
+      destroy: function () {
+        this._destroy(),
+          this.element
+            .unbind(this.eventNamespace)
+            .removeData(this.widgetFullName)
+            .removeData(e.camelCase(this.widgetFullName)),
+          this.widget()
+            .unbind(this.eventNamespace)
+            .removeAttr("aria-disabled")
+            .removeClass(
+              this.widgetFullName + "-disabled " + "ui-state-disabled"
+            ),
+          this.bindings.unbind(this.eventNamespace),
+          this.hoverable.removeClass("ui-state-hover"),
+          this.focusable.removeClass("ui-state-focus");
+      },
+      _destroy: e.noop,
+      widget: function () {
+        return this.element;
+      },
+      option: function (t, i) {
+        var s,
+          n,
+          a,
+          o = t;
+        if (0 === arguments.length) return e.widget.extend({}, this.options);
+        if ("string" == typeof t)
+          if (((o = {}), (s = t.split(".")), (t = s.shift()), s.length)) {
+            for (
+              n = o[t] = e.widget.extend({}, this.options[t]), a = 0;
+              s.length - 1 > a;
+              a++
+            )
+              (n[s[a]] = n[s[a]] || {}), (n = n[s[a]]);
+            if (((t = s.pop()), 1 === arguments.length))
+              return void 0 === n[t] ? null : n[t];
+            n[t] = i;
+          } else {
+            if (1 === arguments.length)
+              return void 0 === this.options[t] ? null : this.options[t];
+            o[t] = i;
+          }
+        return this._setOptions(o), this;
+      },
+      _setOptions: function (e) {
+        var t;
+        for (t in e) this._setOption(t, e[t]);
+        return this;
+      },
+      _setOption: function (e, t) {
+        return (
+          (this.options[e] = t),
+          "disabled" === e &&
+            (this.widget().toggleClass(this.widgetFullName + "-disabled", !!t),
+            t &&
+              (this.hoverable.removeClass("ui-state-hover"),
+              this.focusable.removeClass("ui-state-focus"))),
+          this
+        );
+      },
+      enable: function () {
+        return this._setOptions({ disabled: !1 });
+      },
+      disable: function () {
+        return this._setOptions({ disabled: !0 });
+      },
+      _on: function (t, i, s) {
+        var n,
+          a = this;
+        "boolean" != typeof t && ((s = i), (i = t), (t = !1)),
+          s
+            ? ((i = n = e(i)), (this.bindings = this.bindings.add(i)))
+            : ((s = i), (i = this.element), (n = this.widget())),
+          e.each(s, function (s, o) {
+            function r() {
+              return t ||
+                (a.options.disabled !== !0 &&
+                  !e(this).hasClass("ui-state-disabled"))
+                ? ("string" == typeof o ? a[o] : o).apply(a, arguments)
+                : void 0;
+            }
+            "string" != typeof o &&
+              (r.guid = o.guid = o.guid || r.guid || e.guid++);
+            var h = s.match(/^([\w:-]*)\s*(.*)$/),
+              l = h[1] + a.eventNamespace,
+              u = h[2];
+            u ? n.delegate(u, l, r) : i.bind(l, r);
+          });
+      },
+      _off: function (t, i) {
+        (i =
+          (i || "").split(" ").join(this.eventNamespace + " ") +
+          this.eventNamespace),
+          t.unbind(i).undelegate(i),
+          (this.bindings = e(this.bindings.not(t).get())),
+          (this.focusable = e(this.focusable.not(t).get())),
+          (this.hoverable = e(this.hoverable.not(t).get()));
+      },
+      _delay: function (e, t) {
+        function i() {
+          return ("string" == typeof e ? s[e] : e).apply(s, arguments);
+        }
+        var s = this;
+        return setTimeout(i, t || 0);
+      },
+      _hoverable: function (t) {
+        (this.hoverable = this.hoverable.add(t)),
+          this._on(t, {
+            mouseenter: function (t) {
+              e(t.currentTarget).addClass("ui-state-hover");
+            },
+            mouseleave: function (t) {
+              e(t.currentTarget).removeClass("ui-state-hover");
+            },
+          });
+      },
+      _focusable: function (t) {
+        (this.focusable = this.focusable.add(t)),
+          this._on(t, {
+            focusin: function (t) {
+              e(t.currentTarget).addClass("ui-state-focus");
+            },
+            focusout: function (t) {
+              e(t.currentTarget).removeClass("ui-state-focus");
+            },
+          });
+      },
+      _trigger: function (t, i, s) {
+        var n,
+          a,
+          o = this.options[t];
+        if (
+          ((s = s || {}),
+          (i = e.Event(i)),
+          (i.type = (
+            t === this.widgetEventPrefix ? t : this.widgetEventPrefix + t
+          ).toLowerCase()),
+          (i.target = this.element[0]),
+          (a = i.originalEvent))
+        )
+          for (n in a) n in i || (i[n] = a[n]);
+        return (
+          this.element.trigger(i, s),
+          !(
+            (e.isFunction(o) &&
+              o.apply(this.element[0], [i].concat(s)) === !1) ||
+            i.isDefaultPrevented()
+          )
+        );
+      },
+    }),
+    e.each({ show: "fadeIn", hide: "fadeOut" }, function (t, i) {
+      e.Widget.prototype["_" + t] = function (s, n, a) {
+        "string" == typeof n && (n = { effect: n });
+        var o,
+          r = n ? (n === !0 || "number" == typeof n ? i : n.effect || i) : t;
+        (n = n || {}),
+          "number" == typeof n && (n = { duration: n }),
+          (o = !e.isEmptyObject(n)),
+          (n.complete = a),
+          n.delay && s.delay(n.delay),
+          o && e.effects && e.effects.effect[r]
+            ? s[t](n)
+            : r !== t && s[r]
+            ? s[r](n.duration, n.easing, a)
+            : s.queue(function (i) {
+                e(this)[t](), a && a.call(s[0]), i();
+              });
+      };
+    }),
+    e.widget;
+  var a = !1;
+  e(document).mouseup(function () {
+    a = !1;
+  }),
+    e.widget("ui.mouse", {
+      version: "1.11.4",
+      options: {
+        cancel: "input,textarea,button,select,option",
+        distance: 1,
+        delay: 0,
+      },
+      _mouseInit: function () {
+        var t = this;
+        this.element
+          .bind("mousedown." + this.widgetName, function (e) {
+            return t._mouseDown(e);
+          })
+          .bind("click." + this.widgetName, function (i) {
+            return !0 === e.data(i.target, t.widgetName + ".preventClickEvent")
+              ? (e.removeData(i.target, t.widgetName + ".preventClickEvent"),
+                i.stopImmediatePropagation(),
+                !1)
+              : void 0;
+          }),
+          (this.started = !1);
+      },
+      _mouseDestroy: function () {
+        this.element.unbind("." + this.widgetName),
+          this._mouseMoveDelegate &&
+            this.document
+              .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+              .unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
+      },
+      _mouseDown: function (t) {
+        if (!a) {
+          (this._mouseMoved = !1),
+            this._mouseStarted && this._mouseUp(t),
+            (this._mouseDownEvent = t);
+          var i = this,
+            s = 1 === t.which,
+            n =
+              "string" == typeof this.options.cancel && t.target.nodeName
+                ? e(t.target).closest(this.options.cancel).length
+                : !1;
+          return s && !n && this._mouseCapture(t)
+            ? ((this.mouseDelayMet = !this.options.delay),
+              this.mouseDelayMet ||
+                (this._mouseDelayTimer = setTimeout(function () {
+                  i.mouseDelayMet = !0;
+                }, this.options.delay)),
+              this._mouseDistanceMet(t) &&
+              this._mouseDelayMet(t) &&
+              ((this._mouseStarted = this._mouseStart(t) !== !1),
+              !this._mouseStarted)
+                ? (t.preventDefault(), !0)
+                : (!0 ===
+                    e.data(t.target, this.widgetName + ".preventClickEvent") &&
+                    e.removeData(
+                      t.target,
+                      this.widgetName + ".preventClickEvent"
+                    ),
+                  (this._mouseMoveDelegate = function (e) {
+                    return i._mouseMove(e);
+                  }),
+                  (this._mouseUpDelegate = function (e) {
+                    return i._mouseUp(e);
+                  }),
+                  this.document
+                    .bind(
+                      "mousemove." + this.widgetName,
+                      this._mouseMoveDelegate
+                    )
+                    .bind("mouseup." + this.widgetName, this._mouseUpDelegate),
+                  t.preventDefault(),
+                  (a = !0),
+                  !0))
+            : !0;
+        }
+      },
+      _mouseMove: function (t) {
+        if (this._mouseMoved) {
+          if (
+            e.ui.ie &&
+            (!document.documentMode || 9 > document.documentMode) &&
+            !t.button
+          )
+            return this._mouseUp(t);
+          if (!t.which) return this._mouseUp(t);
+        }
+        return (
+          (t.which || t.button) && (this._mouseMoved = !0),
+          this._mouseStarted
+            ? (this._mouseDrag(t), t.preventDefault())
+            : (this._mouseDistanceMet(t) &&
+                this._mouseDelayMet(t) &&
+                ((this._mouseStarted =
+                  this._mouseStart(this._mouseDownEvent, t) !== !1),
+                this._mouseStarted ? this._mouseDrag(t) : this._mouseUp(t)),
+              !this._mouseStarted)
+        );
+      },
+      _mouseUp: function (t) {
+        return (
+          this.document
+            .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+            .unbind("mouseup." + this.widgetName, this._mouseUpDelegate),
+          this._mouseStarted &&
+            ((this._mouseStarted = !1),
+            t.target === this._mouseDownEvent.target &&
+              e.data(t.target, this.widgetName + ".preventClickEvent", !0),
+            this._mouseStop(t)),
+          (a = !1),
+          !1
+        );
+      },
+      _mouseDistanceMet: function (e) {
+        return (
+          Math.max(
+            Math.abs(this._mouseDownEvent.pageX - e.pageX),
+            Math.abs(this._mouseDownEvent.pageY - e.pageY)
+          ) >= this.options.distance
+        );
+      },
+      _mouseDelayMet: function () {
+        return this.mouseDelayMet;
+      },
+      _mouseStart: function () {},
+      _mouseDrag: function () {},
+      _mouseStop: function () {},
+      _mouseCapture: function () {
+        return !0;
+      },
+    }),
+    e.widget("ui.slider", e.ui.mouse, {
+      version: "1.11.4",
+      widgetEventPrefix: "slide",
+      options: {
+        animate: !1,
+        distance: 0,
+        max: 100,
+        min: 0,
+        orientation: "horizontal",
+        range: !1,
+        step: 1,
+        value: 0,
+        values: null,
+        change: null,
+        slide: null,
+        start: null,
+        stop: null,
+      },
+      numPages: 5,
+      _create: function () {
+        (this._keySliding = !1),
+          (this._mouseSliding = !1),
+          (this._animateOff = !0),
+          (this._handleIndex = null),
+          this._detectOrientation(),
+          this._mouseInit(),
+          this._calculateNewMax(),
+          this.element.addClass(
+            "ui-slider ui-slider-" +
+              this.orientation +
+              " ui-widget" +
+              " ui-widget-content" +
+              " ui-corner-all"
+          ),
+          this._refresh(),
+          this._setOption("disabled", this.options.disabled),
+          (this._animateOff = !1);
+      },
+      _refresh: function () {
+        this._createRange(),
+          this._createHandles(),
+          this._setupEvents(),
+          this._refreshValue();
+      },
+      _createHandles: function () {
+        var t,
+          i,
+          s = this.options,
+          n = this.element
+            .find(".ui-slider-handle")
+            .addClass("ui-state-default ui-corner-all"),
+          a =
+            "<span class='ui-slider-handle ui-state-default ui-corner-all' tabindex='0'></span>",
+          o = [];
+        for (
+          i = (s.values && s.values.length) || 1,
+            n.length > i && (n.slice(i).remove(), (n = n.slice(0, i))),
+            t = n.length;
+          i > t;
+          t++
+        )
+          o.push(a);
+        (this.handles = n.add(e(o.join("")).appendTo(this.element))),
+          (this.handle = this.handles.eq(0)),
+          this.handles.each(function (t) {
+            e(this).data("ui-slider-handle-index", t);
+          });
+      },
+      _createRange: function () {
+        var t = this.options,
+          i = "";
+        t.range
+          ? (t.range === !0 &&
+              (t.values
+                ? t.values.length && 2 !== t.values.length
+                  ? (t.values = [t.values[0], t.values[0]])
+                  : e.isArray(t.values) && (t.values = t.values.slice(0))
+                : (t.values = [this._valueMin(), this._valueMin()])),
+            this.range && this.range.length
+              ? this.range
+                  .removeClass("ui-slider-range-min ui-slider-range-max")
+                  .css({ left: "", bottom: "" })
+              : ((this.range = e("<div></div>").appendTo(this.element)),
+                (i = "ui-slider-range ui-widget-header ui-corner-all")),
+            this.range.addClass(
+              i +
+                ("min" === t.range || "max" === t.range
+                  ? " ui-slider-range-" + t.range
+                  : "")
+            ))
+          : (this.range && this.range.remove(), (this.range = null));
+      },
+      _setupEvents: function () {
+        this._off(this.handles),
+          this._on(this.handles, this._handleEvents),
+          this._hoverable(this.handles),
+          this._focusable(this.handles);
+      },
+      _destroy: function () {
+        this.handles.remove(),
+          this.range && this.range.remove(),
+          this.element.removeClass(
+            "ui-slider ui-slider-horizontal ui-slider-vertical ui-widget ui-widget-content ui-corner-all"
+          ),
+          this._mouseDestroy();
+      },
+      _mouseCapture: function (t) {
+        var i,
+          s,
+          n,
+          a,
+          o,
+          r,
+          h,
+          l,
+          u = this,
+          c = this.options;
+        return c.disabled
+          ? !1
+          : ((this.elementSize = {
+              width: this.element.outerWidth(),
+              height: this.element.outerHeight(),
+            }),
+            (this.elementOffset = this.element.offset()),
+            (i = { x: t.pageX, y: t.pageY }),
+            (s = this._normValueFromMouse(i)),
+            (n = this._valueMax() - this._valueMin() + 1),
+            this.handles.each(function (t) {
+              var i = Math.abs(s - u.values(t));
+              (n > i ||
+                (n === i &&
+                  (t === u._lastChangedValue || u.values(t) === c.min))) &&
+                ((n = i), (a = e(this)), (o = t));
+            }),
+            (r = this._start(t, o)),
+            r === !1
+              ? !1
+              : ((this._mouseSliding = !0),
+                (this._handleIndex = o),
+                a.addClass("ui-state-active").focus(),
+                (h = a.offset()),
+                (l = !e(t.target).parents().addBack().is(".ui-slider-handle")),
+                (this._clickOffset = l
+                  ? { left: 0, top: 0 }
+                  : {
+                      left: t.pageX - h.left - a.width() / 2,
+                      top:
+                        t.pageY -
+                        h.top -
+                        a.height() / 2 -
+                        (parseInt(a.css("borderTopWidth"), 10) || 0) -
+                        (parseInt(a.css("borderBottomWidth"), 10) || 0) +
+                        (parseInt(a.css("marginTop"), 10) || 0),
+                    }),
+                this.handles.hasClass("ui-state-hover") || this._slide(t, o, s),
+                (this._animateOff = !0),
+                !0));
+      },
+      _mouseStart: function () {
+        return !0;
+      },
+      _mouseDrag: function (e) {
+        var t = { x: e.pageX, y: e.pageY },
+          i = this._normValueFromMouse(t);
+        return this._slide(e, this._handleIndex, i), !1;
+      },
+      _mouseStop: function (e) {
+        return (
+          this.handles.removeClass("ui-state-active"),
+          (this._mouseSliding = !1),
+          this._stop(e, this._handleIndex),
+          this._change(e, this._handleIndex),
+          (this._handleIndex = null),
+          (this._clickOffset = null),
+          (this._animateOff = !1),
+          !1
+        );
+      },
+      _detectOrientation: function () {
+        this.orientation =
+          "vertical" === this.options.orientation ? "vertical" : "horizontal";
+      },
+      _normValueFromMouse: function (e) {
+        var t, i, s, n, a;
+        return (
+          "horizontal" === this.orientation
+            ? ((t = this.elementSize.width),
+              (i =
+                e.x -
+                this.elementOffset.left -
+                (this._clickOffset ? this._clickOffset.left : 0)))
+            : ((t = this.elementSize.height),
+              (i =
+                e.y -
+                this.elementOffset.top -
+                (this._clickOffset ? this._clickOffset.top : 0))),
+          (s = i / t),
+          s > 1 && (s = 1),
+          0 > s && (s = 0),
+          "vertical" === this.orientation && (s = 1 - s),
+          (n = this._valueMax() - this._valueMin()),
+          (a = this._valueMin() + s * n),
+          this._trimAlignValue(a)
+        );
+      },
+      _start: function (e, t) {
+        var i = { handle: this.handles[t], value: this.value() };
+        return (
+          this.options.values &&
+            this.options.values.length &&
+            ((i.value = this.values(t)), (i.values = this.values())),
+          this._trigger("start", e, i)
+        );
+      },
+      _slide: function (e, t, i) {
+        var s, n, a;
+        this.options.values && this.options.values.length
+          ? ((s = this.values(t ? 0 : 1)),
+            2 === this.options.values.length &&
+              this.options.range === !0 &&
+              ((0 === t && i > s) || (1 === t && s > i)) &&
+              (i = s),
+            i !== this.values(t) &&
+              ((n = this.values()),
+              (n[t] = i),
+              (a = this._trigger("slide", e, {
+                handle: this.handles[t],
+                value: i,
+                values: n,
+              })),
+              (s = this.values(t ? 0 : 1)),
+              a !== !1 && this.values(t, i)))
+          : i !== this.value() &&
+            ((a = this._trigger("slide", e, {
+              handle: this.handles[t],
+              value: i,
+            })),
+            a !== !1 && this.value(i));
+      },
+      _stop: function (e, t) {
+        var i = { handle: this.handles[t], value: this.value() };
+        this.options.values &&
+          this.options.values.length &&
+          ((i.value = this.values(t)), (i.values = this.values())),
+          this._trigger("stop", e, i);
+      },
+      _change: function (e, t) {
+        if (!this._keySliding && !this._mouseSliding) {
+          var i = { handle: this.handles[t], value: this.value() };
+          this.options.values &&
+            this.options.values.length &&
+            ((i.value = this.values(t)), (i.values = this.values())),
+            (this._lastChangedValue = t),
+            this._trigger("change", e, i);
+        }
+      },
+      value: function (e) {
+        return arguments.length
+          ? ((this.options.value = this._trimAlignValue(e)),
+            this._refreshValue(),
+            this._change(null, 0),
+            void 0)
+          : this._value();
+      },
+      values: function (t, i) {
+        var s, n, a;
+        if (arguments.length > 1)
+          return (
+            (this.options.values[t] = this._trimAlignValue(i)),
+            this._refreshValue(),
+            this._change(null, t),
+            void 0
+          );
+        if (!arguments.length) return this._values();
+        if (!e.isArray(arguments[0]))
+          return this.options.values && this.options.values.length
+            ? this._values(t)
+            : this.value();
+        for (
+          s = this.options.values, n = arguments[0], a = 0;
+          s.length > a;
+          a += 1
+        )
+          (s[a] = this._trimAlignValue(n[a])), this._change(null, a);
+        this._refreshValue();
+      },
+      _setOption: function (t, i) {
+        var s,
+          n = 0;
+        switch (
+          ("range" === t &&
+            this.options.range === !0 &&
+            ("min" === i
+              ? ((this.options.value = this._values(0)),
+                (this.options.values = null))
+              : "max" === i &&
+                ((this.options.value = this._values(
+                  this.options.values.length - 1
+                )),
+                (this.options.values = null))),
+          e.isArray(this.options.values) && (n = this.options.values.length),
+          "disabled" === t &&
+            this.element.toggleClass("ui-state-disabled", !!i),
+          this._super(t, i),
+          t)
+        ) {
+          case "orientation":
+            this._detectOrientation(),
+              this.element
+                .removeClass("ui-slider-horizontal ui-slider-vertical")
+                .addClass("ui-slider-" + this.orientation),
+              this._refreshValue(),
+              this.handles.css("horizontal" === i ? "bottom" : "left", "");
+            break;
+          case "value":
+            (this._animateOff = !0),
+              this._refreshValue(),
+              this._change(null, 0),
+              (this._animateOff = !1);
+            break;
+          case "values":
+            for (
+              this._animateOff = !0, this._refreshValue(), s = 0;
+              n > s;
+              s += 1
+            )
+              this._change(null, s);
+            this._animateOff = !1;
+            break;
+          case "step":
+          case "min":
+          case "max":
+            (this._animateOff = !0),
+              this._calculateNewMax(),
+              this._refreshValue(),
+              (this._animateOff = !1);
+            break;
+          case "range":
+            (this._animateOff = !0), this._refresh(), (this._animateOff = !1);
+        }
+      },
+      _value: function () {
+        var e = this.options.value;
+        return (e = this._trimAlignValue(e));
+      },
+      _values: function (e) {
+        var t, i, s;
+        if (arguments.length)
+          return (t = this.options.values[e]), (t = this._trimAlignValue(t));
+        if (this.options.values && this.options.values.length) {
+          for (i = this.options.values.slice(), s = 0; i.length > s; s += 1)
+            i[s] = this._trimAlignValue(i[s]);
+          return i;
+        }
+        return [];
+      },
+      _trimAlignValue: function (e) {
+        if (this._valueMin() >= e) return this._valueMin();
+        if (e >= this._valueMax()) return this._valueMax();
+        var t = this.options.step > 0 ? this.options.step : 1,
+          i = (e - this._valueMin()) % t,
+          s = e - i;
+        return (
+          2 * Math.abs(i) >= t && (s += i > 0 ? t : -t),
+          parseFloat(s.toFixed(5))
+        );
+      },
+      _calculateNewMax: function () {
+        var e = this.options.max,
+          t = this._valueMin(),
+          i = this.options.step,
+          s = Math.floor(+(e - t).toFixed(this._precision()) / i) * i;
+        (e = s + t), (this.max = parseFloat(e.toFixed(this._precision())));
+      },
+      _precision: function () {
+        var e = this._precisionOf(this.options.step);
+        return (
+          null !== this.options.min &&
+            (e = Math.max(e, this._precisionOf(this.options.min))),
+          e
+        );
+      },
+      _precisionOf: function (e) {
+        var t = "" + e,
+          i = t.indexOf(".");
+        return -1 === i ? 0 : t.length - i - 1;
+      },
+      _valueMin: function () {
+        return this.options.min;
+      },
+      _valueMax: function () {
+        return this.max;
+      },
+      _refreshValue: function () {
+        var t,
+          i,
+          s,
+          n,
+          a,
+          o = this.options.range,
+          r = this.options,
+          h = this,
+          l = this._animateOff ? !1 : r.animate,
+          u = {};
+        this.options.values && this.options.values.length
+          ? this.handles.each(function (s) {
+              (i =
+                100 *
+                ((h.values(s) - h._valueMin()) /
+                  (h._valueMax() - h._valueMin()))),
+                (u["horizontal" === h.orientation ? "left" : "bottom"] =
+                  i + "%"),
+                e(this).stop(1, 1)[l ? "animate" : "css"](u, r.animate),
+                h.options.range === !0 &&
+                  ("horizontal" === h.orientation
+                    ? (0 === s &&
+                        h.range
+                          .stop(1, 1)
+                          [l ? "animate" : "css"]({ left: i + "%" }, r.animate),
+                      1 === s &&
+                        h.range[l ? "animate" : "css"](
+                          { width: i - t + "%" },
+                          { queue: !1, duration: r.animate }
+                        ))
+                    : (0 === s &&
+                        h.range
+                          .stop(1, 1)
+                          [l ? "animate" : "css"](
+                            { bottom: i + "%" },
+                            r.animate
+                          ),
+                      1 === s &&
+                        h.range[l ? "animate" : "css"](
+                          { height: i - t + "%" },
+                          { queue: !1, duration: r.animate }
+                        ))),
+                (t = i);
+            })
+          : ((s = this.value()),
+            (n = this._valueMin()),
+            (a = this._valueMax()),
+            (i = a !== n ? 100 * ((s - n) / (a - n)) : 0),
+            (u["horizontal" === this.orientation ? "left" : "bottom"] =
+              i + "%"),
+            this.handle.stop(1, 1)[l ? "animate" : "css"](u, r.animate),
+            "min" === o &&
+              "horizontal" === this.orientation &&
+              this.range
+                .stop(1, 1)
+                [l ? "animate" : "css"]({ width: i + "%" }, r.animate),
+            "max" === o &&
+              "horizontal" === this.orientation &&
+              this.range[l ? "animate" : "css"](
+                { width: 100 - i + "%" },
+                { queue: !1, duration: r.animate }
+              ),
+            "min" === o &&
+              "vertical" === this.orientation &&
+              this.range
+                .stop(1, 1)
+                [l ? "animate" : "css"]({ height: i + "%" }, r.animate),
+            "max" === o &&
+              "vertical" === this.orientation &&
+              this.range[l ? "animate" : "css"](
+                { height: 100 - i + "%" },
+                { queue: !1, duration: r.animate }
+              ));
+      },
+      _handleEvents: {
+        keydown: function (t) {
+          var i,
+            s,
+            n,
+            a,
+            o = e(t.target).data("ui-slider-handle-index");
+          switch (t.keyCode) {
+            case e.ui.keyCode.HOME:
+            case e.ui.keyCode.END:
+            case e.ui.keyCode.PAGE_UP:
+            case e.ui.keyCode.PAGE_DOWN:
+            case e.ui.keyCode.UP:
+            case e.ui.keyCode.RIGHT:
+            case e.ui.keyCode.DOWN:
+            case e.ui.keyCode.LEFT:
+              if (
+                (t.preventDefault(),
+                !this._keySliding &&
+                  ((this._keySliding = !0),
+                  e(t.target).addClass("ui-state-active"),
+                  (i = this._start(t, o)),
+                  i === !1))
+              )
+                return;
+          }
+          switch (
+            ((a = this.options.step),
+            (s = n =
+              this.options.values && this.options.values.length
+                ? this.values(o)
+                : this.value()),
+            t.keyCode)
+          ) {
+            case e.ui.keyCode.HOME:
+              n = this._valueMin();
+              break;
+            case e.ui.keyCode.END:
+              n = this._valueMax();
+              break;
+            case e.ui.keyCode.PAGE_UP:
+              n = this._trimAlignValue(
+                s + (this._valueMax() - this._valueMin()) / this.numPages
+              );
+              break;
+            case e.ui.keyCode.PAGE_DOWN:
+              n = this._trimAlignValue(
+                s - (this._valueMax() - this._valueMin()) / this.numPages
+              );
+              break;
+            case e.ui.keyCode.UP:
+            case e.ui.keyCode.RIGHT:
+              if (s === this._valueMax()) return;
+              n = this._trimAlignValue(s + a);
+              break;
+            case e.ui.keyCode.DOWN:
+            case e.ui.keyCode.LEFT:
+              if (s === this._valueMin()) return;
+              n = this._trimAlignValue(s - a);
+          }
+          this._slide(t, o, n);
+        },
+        keyup: function (t) {
+          var i = e(t.target).data("ui-slider-handle-index");
+          this._keySliding &&
+            ((this._keySliding = !1),
+            this._stop(t, i),
+            this._change(t, i),
+            e(t.target).removeClass("ui-state-active"));
+        },
+      },
+    });
+});
diff --git a/quarter-rtl/assets/media/1.mp4 b/quarter-rtl/assets/media/1.mp4
new file mode 100644
index 0000000..0a4dd5b
Binary files /dev/null and b/quarter-rtl/assets/media/1.mp4 differ
diff --git a/quarter-rtl/assets/media/2.mp4 b/quarter-rtl/assets/media/2.mp4
new file mode 100644
index 0000000..0a4dd5b
Binary files /dev/null and b/quarter-rtl/assets/media/2.mp4 differ
diff --git a/quarter-rtl/assets/media/3.mp4 b/quarter-rtl/assets/media/3.mp4
new file mode 100644
index 0000000..c6ea939
Binary files /dev/null and b/quarter-rtl/assets/media/3.mp4 differ
diff --git a/quarter-rtl/assets/webfonts/fa-brands-400.ttf b/quarter-rtl/assets/webfonts/fa-brands-400.ttf
new file mode 100644
index 0000000..227f022
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-brands-400.ttf differ
diff --git a/quarter-rtl/assets/webfonts/fa-brands-400.woff2 b/quarter-rtl/assets/webfonts/fa-brands-400.woff2
new file mode 100644
index 0000000..73c5c12
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-brands-400.woff2 differ
diff --git a/quarter-rtl/assets/webfonts/fa-regular-400.ttf b/quarter-rtl/assets/webfonts/fa-regular-400.ttf
new file mode 100644
index 0000000..c8ed46d
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-regular-400.ttf differ
diff --git a/quarter-rtl/assets/webfonts/fa-regular-400.woff2 b/quarter-rtl/assets/webfonts/fa-regular-400.woff2
new file mode 100644
index 0000000..c9291c7
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-regular-400.woff2 differ
diff --git a/quarter-rtl/assets/webfonts/fa-solid-900.ttf b/quarter-rtl/assets/webfonts/fa-solid-900.ttf
new file mode 100644
index 0000000..99b35ad
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-solid-900.ttf differ
diff --git a/quarter-rtl/assets/webfonts/fa-solid-900.woff2 b/quarter-rtl/assets/webfonts/fa-solid-900.woff2
new file mode 100644
index 0000000..c7bd59c
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-solid-900.woff2 differ
diff --git a/quarter-rtl/assets/webfonts/fa-v4compatibility.ttf b/quarter-rtl/assets/webfonts/fa-v4compatibility.ttf
new file mode 100644
index 0000000..be0afc2
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-v4compatibility.ttf differ
diff --git a/quarter-rtl/assets/webfonts/fa-v4compatibility.woff2 b/quarter-rtl/assets/webfonts/fa-v4compatibility.woff2
new file mode 100644
index 0000000..37a9b8c
Binary files /dev/null and b/quarter-rtl/assets/webfonts/fa-v4compatibility.woff2 differ
diff --git a/quarter-rtl/blog-details.html b/quarter-rtl/blog-details.html
new file mode 100644
index 0000000..1b39777
--- /dev/null
+++ b/quarter-rtl/blog-details.html
@@ -0,0 +1,4163 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                News Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- News Details section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <div
+                class="px-5 md:px-50px py-50px border-2 border-border-color-11"
+              >
+                <div>
+                  <ul class="mb-5">
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >REAL ESTATE</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+
+                  <h1
+                    class="text-2xl md:text-3xl font-semibold text-heading-color mb-5"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                      >Real estate is property consisting of land and the
+                      buildings on it, along with its</span
+                    >
+                  </h1>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                    <li>
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="flex items-center gap-10px text-xs md:text-sm font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-30px h-30px rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                    </li>
+
+                    <li>
+                      <p class="text-xs md:text-sm font-semibold">
+                        <span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-calendar-alt text-secondary-color mr-5px"
+                          ></i>
+                          June 22, 2024</span
+                        >
+                      </p>
+                    </li>
+                    <li>
+                      <a class="text-xs md:text-sm font-semibold" href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-comments text-secondary-color mr-5px"
+                          ></i>
+                          35 Comments</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+
+                  <!-- Description -->
+
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt mollit anim id est laborum. Sed ut
+                      perspiciatis unde omnis iste natus error sit voluptatem
+                      accusantium doloremque laudantium, totam rem aperiam,
+                      eaque ipsa quae ab illo inventore veritatis et quasi
+                      architecto beatae vitae dicta sunt explicabo. Nemo enim
+                      ipsam voluptatem quia voluptas sit aspernatur aut odit aut
+                      fugit, sed quia consequuntur magni dolores eos qui ratione
+                      voluptatem sequi nesciunt. Neque porro quisquam est, qui
+                      dolorem ipsum quia dolor sit amet, consectetur, adipisci
+                      velit, sed quia non numquam eius modi tempora incidunt ut
+                      labore et dolore magnam aliquam quaerat voluptatem.</span
+                    >
+                  </p>
+
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt.</span
+                    >
+                  </p>
+                  <!-- thumbnail -->
+                  <div class="leading1">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </div>
+                  <!-- hints 1 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >A cleansing hot shower or bath</span
+                      >
+                    </h4>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia.</span
+                      >
+                    </p>
+                    <hr
+                      class="my-50px border-b border-border-color-12 opacity-25"
+                    >
+                  </div>
+
+                  <!-- hints 2 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Setting the mood with incense</span
+                      >
+                    </h4>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia.</span
+                      >
+                    </p>
+                    <hr
+                      class="my-50px border-b border-border-color-12 opacity-25"
+                    >
+                  </div>
+
+                  <!-- hints 3 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Setting the mood with incense</span
+                      >
+                    </h4>
+
+                    <ul class="flex flex-col gap-y-4">
+                      <li
+                        class="pr-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:right-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pr-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:right-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pr-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:right-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pr-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:right-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pr-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:right-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                  <!-- blog quot -->
+                  <div class="bg-section-bg-1 relative z-0 my-50px">
+                    <div
+                      class="px-5 md:pl-60px md:pr-50px pt-70px pb-10 md:py-60px text-center relative"
+                    >
+                      <!-- main -->
+                      <div>
+                        <div
+                          class="before:content-['\e94d'] before:font-icomoon before:relative md:before:absolute md:before:left-[45px] md:before:top-1/2 before:text-6xl md:before:text-150px before:font-bold before:mb-10px md:before:mb-0 before:-translate-y-1/2 before:block before:text-center md:before:text-start before:text-white before:-z-1"
+                        >
+                          <h4
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-15px uppercase"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                              >BY HETMAYAR</span
+                            >
+                          </h4>
+                          <h4
+                            class="text-base md:text-lg font-bold text-paragraph-color hyphens-none"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                              >Viral dreamcatcher keytar typewriter, aest hetic
+                              offal umami. Aesthetic polaroid pug pitchfork
+                              post-ironic.</span
+                            >
+                          </h4>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- float -->
+                  <div>
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit
+                        anim id est laborum. Sed ut perspiciatis unde omnis iste
+                        natus error sit voluptatem accusantium.</span
+                      >
+                    </p>
+                    <div class="float-right clear-both ml-5 inline-block">
+                      <img
+                        src="./assets/img/blog/blog-details/1.jpg"
+                        alt=""
+                        class="max-w-[255px]"
+                      >
+                    </div>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt mollit anim id est laborum. Sed ut
+                      perspiciatis unde omnis iste natus
+                    </p>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit
+                        anim id est laborum. Sed ut perspiciatis unde omnis iste
+                        natus error sit voluptatem.</span
+                      >
+                    </p>
+                  </div>
+                  <h4
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px mt-30px"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing
+                      elit.</span
+                    >
+                  </h4>
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Consectetur expedita velit laboriosam est sint laborum eos
+                      assumenda, quam voluptatem adipisci, reprehenderit ut
+                      nobis blanditiis perspiciatis!</span
+                    >
+                  </p>
+                  <!-- grid of 2 -->
+                  <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                    <div>
+                      <img src="./assets/img/service/31.jpg" alt="" >
+                      <p class="text-sm">
+                        <span class="leading-1.8">Image caption here.</span>
+                      </p>
+                    </div>
+                    <div>
+                      <img src="./assets/img/service/32.jpg" alt="" >
+                    </div>
+                  </div>
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Consectetur expedita velit laboriosam est sint laborum eos
+                      assumenda, quam voluptatem adipisci, reprehenderit ut
+                      nobis blanditiis perspiciatis!</span
+                    >
+                  </p>
+                  <!-- tags and social -->
+                  <div
+                    class="flex flex-col lg:flex-row lg:justify-between mt-20"
+                  >
+                    <!-- tags -->
+                    <div>
+                      <h4
+                        class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Releted Tags</span
+                        >
+                      </h4>
+                      <ul
+                        class="flex gap-10px flex-wrap items-center font-poppins"
+                      >
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                            >POPULAR
+                          </a>
+                        </li>
+
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                          >
+                            DESGIN
+                          </a>
+                        </li>
+
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                            >UX
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+
+                    <!-- social -->
+                    <div>
+                      <h4
+                        class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px mt-30px lg:mt-0"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Social Share</span
+                        >
+                      </h4>
+                      <ul
+                        class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                      >
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.facebook.com"
+                            ><i class="fab fa-facebook-f"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://x.com"
+                            ><i class="fab fa-twitter"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.linkedin.com"
+                            ><i class="fab fa-linkedin"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.youtube.com"
+                            ><i class="fab fa-youtube"></i
+                          ></a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+
+                  <hr
+                    class="my-50px border-b border-border-color-12 opacity-25"
+                  >
+                  <!-- navigation -->
+
+                  <div
+                    class="grid grid-cols-1 lg:grid-cols-2 relative z-0 after:content-['\e958'] after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:text-3xl after:font-icomoon after:z-1 after:text-secondary-color"
+                  >
+                    <!-- prev blog -->
+                    <div>
+                      <h4
+                        class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-3"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Prev Post</span
+                        >
+                      </h4>
+                      <h4
+                        class="text-lg lg:text-2xl font-semibold text-heading-color"
+                      >
+                        <a
+                          href="#"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Tips On Minimalist</a
+                        >
+                      </h4>
+                    </div>
+                    <!-- next  blog -->
+                    <div class="text-end">
+                      <h4
+                        class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-3"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Next Post</span
+                        >
+                      </h4>
+                      <h4
+                        class="text-lg lg:text-2xl font-semibold text-heading-color"
+                      >
+                        <a
+                          href="#"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Less Is More</a
+                        >
+                      </h4>
+                    </div>
+                  </div>
+                  <hr
+                    class="my-50px border-0 border-b border-border-color-12 opacity-25"
+                  >
+
+                  <!-- related blogs -->
+
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      Related Post
+                    </h4>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-20">
+                      <!-- card 1 -->
+                      <div class="group shadow-box-shadow-5">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a href="blog-details.html" class="overflow-hidden">
+                            <img
+                              src="./assets/img/blog/blog-details/11.jpg"
+                              class="w-full transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 md:pl-35px md:pr-30px pt-35px pb-30px">
+                          <p
+                            class="text-xs md:text-sm mb-5 text-secondary-color"
+                          >
+                            <span class="leading-1.8 md:leading-1.8"
+                              ><i
+                                class="far fa-calendar-alt text-secondary-color mr-5px"
+                              ></i>
+                              June 22, 2024</span
+                            >
+                          </p>
+                          <h4
+                            class="text-xl font-semibold text-heading-color mb-5"
+                          >
+                            <a
+                              href="blog-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >A series of iOS 7 inspire vector icons sense.
+                            </a>
+                          </h4>
+                          <p class="text-sm">
+                            <span class="leading-1.8 lg:leading-1.8"
+                              >Lorem ipsum dolor sit amet, conse ctet ur
+                              adipisicing elit, sed doing.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="group shadow-box-shadow-5">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a href="blog-details.html" class="overflow-hidden">
+                            <img
+                              src="./assets/img/blog/blog-details/12.jpg"
+                              class="w-full transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 md:pl-35px md:pr-30px pt-35px pb-30px">
+                          <p
+                            class="text-xs md:text-sm mb-5 text-secondary-color"
+                          >
+                            <span class="leading-1.8 md:leading-1.8"
+                              ><i
+                                class="far fa-calendar-alt text-secondary-color mr-5px"
+                              ></i>
+                              June 22, 2024</span
+                            >
+                          </p>
+                          <h4
+                            class="text-xl font-semibold text-heading-color mb-5"
+                          >
+                            <a
+                              href="blog-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >A series of iOS 7 inspire vector icons sense.
+                            </a>
+                          </h4>
+                          <p class="text-sm">
+                            <span class="leading-1.8 lg:leading-1.8"
+                              >Lorem ipsum dolor sit amet, conse ctet ur
+                              adipisicing elit, sed doing.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- author -->
+                  <div
+                    class="flex flex-col md:flex-row p-10 px-5 md:px-10 border-2 border-border-color-11"
+                  >
+                    <div
+                      class="ml-0 md:ml-10 lg:ml-30px xl:ml-10 mb-30px md:mb-0 flex-shrink-0"
+                    >
+                      <img
+                        src="./assets/img/blog/author.jpg"
+                        class="max-full w-100px md:w-[180px] lg:w-[120px] xl:w-[180px]"
+                        alt=""
+                      >
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-secondary-color font-bold mb-0">
+                        <span class="leading-1.3">Written by</span>
+                      </h6>
+                      <h2
+                        class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-10px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Rosalina D. William
+                        </span>
+                      </h2>
+
+                      <p class="text-sm flex items-center gap-4 mt-2">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Ut enim ad minim veniam, quis
+                          nostrud exercitation is enougn for today.</span
+                        >
+                      </p>
+                    </div>
+                  </div>
+                  <!-- Comments -->
+                  <div class="mt-50px">
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      03 Comments
+                    </h4>
+                    <ul class="mb-20px">
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 pb-30px"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/1.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Adam Smit</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12 mr-0 md:mr-[70px]"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/3.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Jhone Doe</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/4.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Arnold Jack</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                    </ul>
+                  </div>
+                  <hr
+                    class="my-50px border-b border-border-color-12 opacity-25"
+                  >
+                  <!-- Post Comment -->
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      Post Comment
+                    </h4>
+
+                    <form
+                      class="form-primary bg-white-5 shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10"
+                    >
+                      <div class="grid gap-30px mb-35px">
+                        <!-- message -->
+                        <div class="relative mb-2">
+                          <textarea
+                           
+                            
+                            placeholder="Type your comments...."
+                            class="min-h-[150px] text-paragraph-color bg-white pr-5 pl-50px py-15px outline-none border-2 focus:border-0 border-white-5 h-65px block w-full rounded-none transition-none"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your name...."
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- email -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your email...."
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+
+                        <!-- website -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your website...."
+                            class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 left-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                      <!-- agree -->
+                      <div class="text-sm mb-35px">
+                        <input
+                          type="checkbox"
+                          id="agree"
+                          class="float-right clear-both mt-0.5"
+                        >
+                        <label for="agree" class="text-sm mr-1">
+                          Save my name, email, and website in this browser for
+                          the next time I comment.
+                        </label>
+                      </div>
+
+                      <!-- submit button -->
+
+                      <div>
+                        <h5
+                          class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                          ></span>
+                          <button
+                            type="submit"
+                            class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                          >
+                            <i class="far fa-comments"></i> Post Comment
+                          </button>
+                        </h5>
+                      </div>
+                    </form>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class=" px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/blog-grid.html b/quarter-rtl/blog-grid.html
new file mode 100644
index 0000000..e2ce88d
--- /dev/null
+++ b/quarter-rtl/blog-grid.html
@@ -0,0 +1,2865 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Blog Grid</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog Grid
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- blog grid section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-50px mb-50px"
+          >
+            <!-- card 1 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/1.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Common Engine Oil Problems and Solutions</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/2.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Interior</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How and when to replace brake rotors</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 21, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/3.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Estate</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 22, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/4.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How to Prepare for your First Track Day!</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 5 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/5.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Trends</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How to: Make Your Tires Last Longer</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 6 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/6.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Common Engine Oil Problems and Solutions</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 7 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/7.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Interior</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How and when to replace brake rotors</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 21, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 8 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/8.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Estate</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 22, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 9 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/2.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- pagination -->
+          <div class="flex justify-center pt-4">
+            <ul
+              class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+            >
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  ><i class="fas fa-angle-double-left"></i
+                ></a>
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >1</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >2</a
+                >
+              </li>
+
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >3</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >...</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >10</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  ><i class="fas fa-angle-double-right"></i
+                ></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/blog-left-sidebar.html b/quarter-rtl/blog-left-sidebar.html
new file mode 100644
index 0000000..7ba324e
--- /dev/null
+++ b/quarter-rtl/blog-left-sidebar.html
@@ -0,0 +1,4130 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+     <!-- cart sidebar -->
+     <div class="drawer-container cart-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+      ></div>
+      <div
+        class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+      >
+        <div class="h-full">
+          <!-- cart wrapper -->
+          <div class="h-full overflow-y-auto pr-5">
+            <!-- cart top -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+            >
+              <div>
+                <span class="text-sm md:text-base font-bold">Cart</span>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- cart items -->
+            <div
+              class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+            >
+              <ul>
+                <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                  <div  class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/1.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Wheel Bearing Retainer
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $65.00</span>
+                    </div>
+                  </div>
+                </li>
+
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/2.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        3 Rooms Manhattan
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $85.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/3.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        OE Replica Wheels
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $92.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/4.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Shock Mount Insulator
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $68.00</span>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+            <!-- Total price -->
+            <div class="py-5 mt-25px border-y border-border-color-1">
+              <h6
+                class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+              >
+                <span>Subtotal: </span>
+                <span class="text-secondary-color">$310.00</span>
+              </h6>
+            </div>
+
+            <!-- action area -->
+            <div class="pt-25px pb-15px flex justify-between">
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="cart.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >view cart</a
+                >
+              </h5>
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+              >
+                <span
+                  class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                  >checkout</a
+                >
+              </h5>
+            </div>
+
+            <div class="text-sm">
+              <p class="leading-15px mb-0">
+                Free Shipping on All Orders Over $100!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+     <!-- mobile menu -->
+     <div class="drawer-container mobile-menu-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+      ></div>
+      <div
+        class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+      >
+        <div class="pl-15px overflow-auto h-full">
+          <!-- mobile menu wrapper -->
+          <div>
+            <!-- mobile logo area -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+            >
+              <div>
+                <a href="index.html">
+                  <img src="./assets/img/logo.png" alt="" >
+                </a>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- search input  -->
+            <div class="mb-50px">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search..."
+                  class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                >
+                  <i class="icon-search text-lg font-bold"></i>
+                </button>
+              </form>
+            </div>
+
+            <!-- mobile menu accordions -->
+            <div
+              class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+            >
+              <ul class="accordion-container">
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Home
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 01</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-3.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 03</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-4.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 04</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-5.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >video</span
+                            >
+                            Home Style 05</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-6.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 06</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-7.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 07</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-8.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 08</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-9.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 09</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-10.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >map</span
+                            >
+                            Home Style 10</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-11.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 11</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    About
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About1</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Shop
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-list.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property List</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property No Sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="product-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Property details
+                          </a>
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="cart.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Cart</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="wishlist.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Wishlist</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="checkout.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Checkout</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="order-tracking.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Order Tracking</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="account.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >My Account</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="login.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Sign in</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="register.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Register</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    News
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            News details</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Pages
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="history.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >History</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="add-listing.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Add Listing</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="404.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >404</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="contact.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Contact</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="coming-soon.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Coming Soon</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="contact.html"
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    CONTACT</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- my account -->
+            <div>
+              <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="account.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-user"></i>
+                    </span>
+                    My Account
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="wishlist.html#"
+                    class="text-sm lg:text-base"
+                  >
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                    </span>
+                    Wishlist
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="cart.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="fas fa-shopping-cart"></i>
+                      <sup>5</sup>
+                    </span>
+                    Shoping Cart
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- Mobile menu social area -->
+            <div>
+              <ul class="flex gap-3 items-center pt-4">
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.facebook.com"
+                    ><i class="fab fa-facebook-f leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.twiter.com"
+                    ><i class="fab fab fa-twitter leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.linkedin.com"
+                    ><i class="fab fa-linkedin leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.instagram.com"
+                    ><i class="fab fa-instagram leading-10"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Blog Left Sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-left " ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-right " ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pr-45px md:pl-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pr-0 lg:pr-20 xl:pr-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:right-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pr-0 lg:pr-20 xl:pr-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-1 lg:col-span-4 lg:row-start-1 pt-100px lg:pt-0"
+            >
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/blog-right-sidebar.html b/quarter-rtl/blog-right-sidebar.html
new file mode 100644
index 0000000..9da2da1
--- /dev/null
+++ b/quarter-rtl/blog-right-sidebar.html
@@ -0,0 +1,4128 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Feeds</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-left " ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-right " ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pr-45px md:pl-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pr-0 lg:pr-20 xl:pr-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:right-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pr-0 lg:pr-20 xl:pr-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/blog.html b/quarter-rtl/blog.html
new file mode 100644
index 0000000..7cf16e5
--- /dev/null
+++ b/quarter-rtl/blog.html
@@ -0,0 +1,4128 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Feeds</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-left " ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-right " ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pr-45px md:pl-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pr-0 lg:pr-20 xl:pr-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:right-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pr-0 lg:pr-20 xl:pr-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/cart.html b/quarter-rtl/cart.html
new file mode 100644
index 0000000..15c7ca0
--- /dev/null
+++ b/quarter-rtl/cart.html
@@ -0,0 +1,2564 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Cart</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Cart
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- product details section -->
+      <section>
+        <div class="container py-30">
+          <table class="text-sm lg:text-base text-heading-color w-full">
+            <tbody>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/1.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      3 Rooms Manhattan
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $149.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $298.00
+                </td>
+              </tr>
+              <tr class="bg-section-bg-1 md:bg-transparent">
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/2.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      OE Replica Wheels
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $85.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $170.00
+                </td>
+              </tr>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/3.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Wheel Bearing Retainer
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $75.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $150.00
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <!-- action area -->
+          <div
+            class="flex flex-col md:flex-row justify-between items-center border-b md:border-border-color-17 border-transparent bg-sec bg-section-bg-1 md:bg-transparent"
+          >
+            <!-- coupon -->
+            <div
+              class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 md:border-transparent text-center md:text-start flex-grow w-full md:w-auto"
+            >
+              <form
+                class="flex items-center gap-x-2 gap-y-5 flex-wrap justify-center md:justify-start"
+              >
+                <input
+                  type="text"
+                  placeholder="Coupon code"
+                  class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-250px rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-100"
+                >
+                <h5
+                  class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <button
+                    class="font-poppins relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color transition-all duration-300 leading-1.5"
+                  >
+                    Apply Coupon
+                  </button>
+                </h5>
+              </form>
+            </div>
+
+            <!-- update -->
+            <div
+              class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 md:border-transparent text-center md:text-end w-full md:w-auto"
+            >
+              <div
+                class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border"
+              >
+                <button
+                  class="font-poppins relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color transition-all duration-300 disabled:bg-primary-color disabled:opacity-65 disabled:cursor-not-allowed disabled:group-hover:text-white leading-1.5"
+                  disabled
+                >
+                  Update Cart
+                </button>
+              </div>
+            </div>
+          </div>
+          <!-- checkout -->
+          <div class="flex justify-end mt-50px">
+            <div class="max-w-450px w-full pt-4">
+              <h6
+                class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px"
+              >
+                <span class="md:leading-1.3 lg:leading-1.3"> Cart Totals </span>
+              </h6>
+              <ul class="text-sm lg:text-base text-heading-color">
+                <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Cart Totals Cart Subtotal</span
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> $618.00</span>
+                  </div>
+                </li>
+                <li class="p-2 border-b border-border-color-17">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Shipping and Handing</span
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> $15.00</span>
+                  </div>
+                </li>
+                <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                    <span class="leading-1.8 lg:leading-1.8"> $00.00</span>
+                  </div>
+                </li>
+                <li class="p-2 font-bold">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8"> Order Total</span>
+                    <span class="leading-1.8 lg:leading-1.8"> $633.00</span>
+                  </div>
+                </li>
+              </ul>
+
+              <h5
+                class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color text-center mb-0"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-1.5 w-full"
+                  >Proceed to checkout</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/checkout.html b/quarter-rtl/checkout.html
new file mode 100644
index 0000000..6713717
--- /dev/null
+++ b/quarter-rtl/checkout.html
@@ -0,0 +1,2861 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Checkout</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Checkout
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- checkout section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <!-- login -->
+          <div class="accordion-container">
+            <div class="accordion mb-30px">
+              <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                <h6
+                  class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                >
+                  <span class="leading-1.3 lg:leading-1.3"
+                    >Returning customer?
+                  </span>
+                  <button
+                    class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                  >
+                    Click here to login
+                  </button>
+                </h6>
+              </div>
+              <div
+                class="accordion-content h-0 overflow-hidden transition-all duration-500"
+              >
+                <form
+                  class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                >
+                  <p class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Please login your accont.
+                    </span>
+                  </p>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                       <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div class="flex items-center gap-5 mb-35px">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Login
+                      </button>
+                    </h5>
+                    <!-- agree -->
+                    <div class="text-sm flex items-center">
+                      <input type="checkbox" id="agree" >
+                      <label for="agree" class="text-sm mr-1">
+                        Remember me
+                      </label>
+                    </div>
+                  </div>
+                  <a class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Lost your password?
+                    </span>
+                  </a>
+                </form>
+              </div>
+            </div>
+          </div>
+          <!-- apply  coupon -->
+          <div class="accordion-container">
+            <div class="accordion mb-30px">
+              <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                <h6
+                  class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                >
+                  <span class="leading-1.3 lg:leading-1.3"
+                    >Have a coupon?
+                  </span>
+                  <button
+                    class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                  >
+                    Click here to enter your code
+                  </button>
+                </h6>
+              </div>
+              <div
+                class="accordion-content h-0 overflow-hidden transition-all duration-500"
+              >
+                <form
+                  class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                >
+                  <p class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      If you have a coupon code, please apply it below.
+                    </span>
+                  </p>
+                  <div class="mb-30px">
+                    <!-- coupon -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Coupon code"
+                        class="text-base text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 left-0 w-full h-full bg-primary-color group-hover:bg-secondary-color -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Apply Coupon
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+          <!-- billing details -->
+          <div>
+            <h4
+              class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+            >
+              Billing Details
+            </h4>
+            <form
+              class="form-primary bg-white border border-border-color-1 p-30px"
+            >
+              <!-- personal info -->
+              <div>
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Personal Information</span
+                  >
+                </h5>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                  <!-- 1st name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="First name"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- last name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Last name"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- email -->
+                  <div class="relative">
+                    <input
+                      type="email"
+                      placeholder="Email address"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- number -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Phone number"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- company  name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Company name (optional)"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- company address -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Company address (optional)"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                      <i
+                        class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <!-- Country-->
+              <div class="pb-60px w-300px">
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Country</span
+                  >
+                </h5>
+                <div>
+                  <!-- type select -->
+                  <div class="relative block">
+                    <select
+                      class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                    >
+                      <option value="Select Service Type" data-display="Select">
+                        Select Country
+                      </option>
+                      <option value="Australia">Australia</option>
+                      <option value="Canada">Canada</option>
+                      <option value="China">China</option>
+                      <option value="Morocco">Morocco</option>
+                      <option value="Saudi Arabia">Saudi Arabia</option>
+                      <option value="United Kingdom (UK)">
+                        United Kingdom (UK)
+                      </option>
+                      <option value="United States (US)">
+                        United States (US)
+                      </option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <!-- Address -->
+              <div>
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Address
+                  </span>
+                </h5>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                  <!-- House number and street name  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="House number and street name"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- Apartment, suite, unit etc.  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Apartment, suite, unit etc. (optional)"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- town and state -->
+              <div>
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                >
+                  <!-- City  -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Town / City
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="City"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- State  -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        State
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="State"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- Zip -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Zip
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="Zip"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                </div>
+              </div>
+
+              <!-- Create an account? -->
+
+              <div class="text-sm flex items-center mb-30px">
+                <input type="checkbox" id="agree2" >
+                <label for="agree2" class="text-sm mr-1">
+                  Create an account?
+                </label>
+              </div>
+              <!-- message -->
+              <div class="mb-30px">
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Order Notes (optional)
+                  </span>
+                </h5>
+                <div class="relative">
+                  <textarea
+                   
+                    
+                    placeholder="Notes about your order, e.g. special notes for delivery."
+                    class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                  ></textarea>
+                  <span class="absolute top-[30px] -translate-y-1/2 left-4">
+                    <i
+                      class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+              </div>
+            </form>
+          </div>
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+            <!-- payment methods -->
+            <div>
+              <h4
+                class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+              >
+                Payment Method
+              </h4>
+              <form>
+                <ul
+                  class="accordion-container neighbour-accordion border border-b-0 border-border-color-1 mb-30px"
+                >
+                  <li class="accordion border-b border-border-color-1 p-5">
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="check-method"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="check-method"
+                        >
+                          Check payments
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Please send a check to Store Name, Store Street,
+                            Store Town, Store State / County, Store Postcode.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="accordion border-b border-border-color-1 p-5 active"
+                  >
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="cash-method"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                            checked
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="cash-method"
+                        >
+                          Cash on delivery
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Pay with cash upon delivery.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b border-border-color-1 p-5">
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="paypal"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="paypal"
+                        >
+                          PayPal
+                          <img
+                            src="./assets/img/icons/payment-3.png"
+                            alt="#"
+                            class="max-w-[130px] inline-block ml-3"
+                          >
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Pay via PayPal; you can pay with your credit card if
+                            you don’t have a PayPal account.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <!-- submt -->
+                <div>
+                  <p class="text-sm lg:text-base mb-30px">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Your personal data will be used to process your order,
+                      support your experience throughout this website, and for
+                      other purposes described in our privacy policy.
+                    </span>
+                  </p>
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                    >
+                      Place order
+                    </button>
+                  </h5>
+                </div>
+              </form>
+            </div>
+
+            <!-- checkout -->
+            <div class="flex justify-end">
+              <div class="max-w-450px w-full">
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                >
+                  Cart Totals
+                </h4>
+                <ul class="text-sm lg:text-base text-heading-color">
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        3 Rooms Manhattan <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $298.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        OE Replica Wheels <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $170.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Wheel Bearing Retainer <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $150.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Shipping and Handing</span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $15.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                      <span class="leading-1.8 lg:leading-1.8"> $00.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center font-bold">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Order Total</span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $633.00</span>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/coming-soon.html b/quarter-rtl/coming-soon.html
new file mode 100644
index 0000000..595d098
--- /dev/null
+++ b/quarter-rtl/coming-soon.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- main body start -->
+    <main>
+      <!-- comming soon section -->
+      <section>
+        <div
+          class="bg-[url('../img/slider/62.jpg')] bg-no-repeat bg-cover bg-center relative z-0 min-h-screen w-full text-center flex justify-center items-center after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-[rgba(7,28,31,0.9)] after:-z-1"
+        >
+          <div>
+            <div
+              class="container w-full flex flex-col items-center justify-center pt-20 lg:pt-30 pb-110px lg:pb-100px"
+            >
+              <!-- heading -->
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base font-bold mb-15px text-secondary-color"
+                >
+                  <span class="leading-1.3 lg:leading-1.3">
+                    // Welcome to you
+                  </span>
+                </p>
+                <h1
+                  class="text-2xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:6xl 4xl:text-7xl text-white font-bold mb-15px hyphens-none"
+                >
+                  <span
+                    class="leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                  >
+                    We Are Coming Soon
+                  </span>
+                </h1>
+                <h1
+                  class="text-base lg:text-lg font-bold hyphens-none text-secondary-color capitalize"
+                >
+                  <span class="leading-1.3 lg:leading-1.3">
+                    November 26, 2025
+                  </span>
+                </h1>
+              </div>
+              <!-- countdown -->
+              <div
+                class="countdown flex flex-wrap justify-center gap-x-25px md:gap-x-35px gap-y-30px p-10 md:px-5"
+                data-countdown="2025/11/26"
+              >
+                <!-- box 1 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Days</span>
+                  </p>
+                </div>
+                <!-- box 2 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Hrs</span>
+                  </p>
+                </div>
+                <!-- box 3 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Mins</span>
+                  </p>
+                </div>
+                <!-- box 4 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Secs</span>
+                  </p>
+                </div>
+              </div>
+              <!-- subscription -->
+              <div class="my-50px w-full">
+                <h1
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold mb-30px hyphens-none"
+                >
+                  <span
+                    class="leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                  >
+                    Notify me when we launch
+                  </span>
+                </h1>
+                <form class="max-w-[550px] w-full flex">
+                  <div class="relative flex-grow">
+                    <input
+                      type="email"
+                      placeholder="Your E-mail..."
+                      class="text-white px-5 outline-none border border-l-0 border-border-color-3 h-65px block w-full rounded-none placeholder:text-white placeholder:text-sm bg-transparent"
+                    >
+                  </div>
+                  <div class="flex-shrink-0">
+                    <h5
+                      class="uppercase h-65px text-sm md:text-base text-white bg-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 h-full group-hover:text-heading-color uppercase"
+                      >
+                        SUBMIT
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <div class="text-center">
+                <h5
+                  class="uppercase text-sm md:text-base text-white bg-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-secondary-primary-color bg-primary-color group-hover:bg-secondary-color hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >Contact Us</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/countdown.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/contact.html b/quarter-rtl/contact.html
new file mode 100644
index 0000000..1ac5ce9
--- /dev/null
+++ b/quarter-rtl/contact.html
@@ -0,0 +1,2434 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="mr-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Contact Us</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Contact
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- icons section -->
+      <section>
+        <div class="container pt-30 pb-5">
+          <div class="grid grid-cols-1 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/10.png" alt="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Email Address </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    info@webmail.com <br >jobs@webexample.com
+                  </span>
+                </p>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/11.png" alt="" class="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Phone Number </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    +0123-456789<br >+987-6543210
+                  </span>
+                </p>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/12.png" alt="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Office Address </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    18/A, New Born Town Hall<br >New York, US
+                  </span>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- contact section -->
+      <section>
+        <div class="container">
+          <!-- details form -->
+          <div class="relative -bottom-[100px] z-10">
+            <form
+              class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10"
+            >
+              <h4
+                class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+              >
+                Get A Quote
+              </h4>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                <!-- name -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter your name"
+                    class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                    <i
+                      class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- email -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter email address"
+                    class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                    <i
+                      class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- type select -->
+                <div class="relative">
+                  <select
+                    class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                  >
+                    <option value="Select Service Type" data-display="Select">
+                      Select Service Type
+                    </option>
+                    <option value="Property Management ">
+                      Property Management
+                    </option>
+                    <option value="Mortgage Service ">Mortgage Service</option>
+                    <option value="Consulting Service">
+                      Consulting Service
+                    </option>
+                    <option value="Home Buying">Home Buying</option>
+                    <option value="Home Selling">Home Selling</option>
+                    <option value="Escrow Services">Escrow Services</option>
+                  </select>
+                </div>
+                <!-- number -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter phone number"
+                    class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                    <i
+                      class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- message -->
+                <div class="relative md:col-start-1 md:col-span-2 mb-35px">
+                  <textarea
+                   
+                    
+                    placeholder="Enter message"
+                    class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  ></textarea>
+                  <span class="absolute top-[30px] -translate-y-1/2 left-4">
+                    <i
+                      class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+              </div>
+              <!-- agree -->
+              <div class="text-sm flex items-center mb-30px">
+                <input type="checkbox" id="agree" >
+                <label for="agree" class="text-sm mr-1">
+                  Save my name, email, and website in this browser for the next
+                  time I comment.
+                </label>
+              </div>
+
+              <!-- submit button -->
+
+              <div class="pb-5">
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <button
+                    type="submit"
+                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                  >
+                    get an free service
+                  </button>
+                </h5>
+              </div>
+            </form>
+          </div>
+        </div>
+      </section>
+      <div class="pb-140px lg:pb-30">
+        <div class="google-map h-[800px] relative z-1">
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+         
+           style="height:100%;width:100%;border:0px;"
+           
+            allowfullscreen=""
+            aria-hidden="false"
+            tabindex="0"
+          ></iframe>
+        </div>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/faq.html b/quarter-rtl/faq.html
new file mode 100644
index 0000000..b7d9349
--- /dev/null
+++ b/quarter-rtl/faq.html
@@ -0,0 +1,3135 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Frequently asked questions</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">FAQ</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- faq section -->
+      <section>
+        <div class="container pt-30 pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- faq accordion -->
+              <div>
+                <ul
+                  class="accordion-container neighbour-accordion border-2 border-b-0 border-border-color-10"
+                >
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How to buy a product?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="accordion border-b-2 border-border-color-10 active"
+                  >
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How can i make refund from your website?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                          style="transform: rotate(0deg)"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis. Proin libero
+                            nunc consequat interdum. Condimentum lacinia quis
+                            vel eros donec ac. Mauris sit amet massa vitae
+                            tortor. Quisque id diam vel quam elementum pulvinar.
+                            Gravida in fermentum et sollicitudin ac orci
+                            phasellus. Facilisis gravida neque convallis a cras
+                            semper. Non arcu risus quis varius quam quisque id.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          I am a new user. How should I start?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Returns and refunds
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Are my details secured?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Sale code is not working
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How do I make payment by my credit card
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- contact -->
+              <div class="pt-100px text-center">
+                <h4
+                  class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color"
+                >
+                  <span
+                    class="heading-1.3 md:heading-1.3 lg:heading-1.3 xl:heading-1.3"
+                    >Still need help? Reach out to support 24/7:</span
+                  >
+                </h4>
+                <div class="my-30px">
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:bg-heading-color hover:border-heading-color inline-block"
+                  >
+                    <a
+                      href="contact.html"
+                      class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                      >Contact Us</a
+                    >
+                  </h5>
+                </div>
+                <h4
+                  class="text-lg md:text-xl lg:text-22 xl:text-2xl font-bold text-heading-color mb-15px"
+                >
+                  <span
+                    class="heading-1.3 md:heading-1.3 lg:heading-1.3 xl:heading-1.3"
+                    ><i class="fas fa-phone"></i> +0123-456-789</span
+                  >
+                </h4>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pr-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-3.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/history.html b/quarter-rtl/history.html
new file mode 100644
index 0000000..29008be
--- /dev/null
+++ b/quarter-rtl/history.html
@@ -0,0 +1,3095 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+     <!-- cart sidebar -->
+     <div class="drawer-container cart-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+      ></div>
+      <div
+        class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+      >
+        <div class="h-full">
+          <!-- cart wrapper -->
+          <div class="h-full overflow-y-auto pr-5">
+            <!-- cart top -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+            >
+              <div>
+                <span class="text-sm md:text-base font-bold">Cart</span>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- cart items -->
+            <div
+              class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+            >
+              <ul>
+                <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                  <div  class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/1.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Wheel Bearing Retainer
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $65.00</span>
+                    </div>
+                  </div>
+                </li>
+
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/2.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        3 Rooms Manhattan
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $85.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/3.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        OE Replica Wheels
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $92.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/4.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Shock Mount Insulator
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $68.00</span>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+            <!-- Total price -->
+            <div class="py-5 mt-25px border-y border-border-color-1">
+              <h6
+                class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+              >
+                <span>Subtotal: </span>
+                <span class="text-secondary-color">$310.00</span>
+              </h6>
+            </div>
+
+            <!-- action area -->
+            <div class="pt-25px pb-15px flex justify-between">
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="cart.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >view cart</a
+                >
+              </h5>
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+              >
+                <span
+                  class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                  >checkout</a
+                >
+              </h5>
+            </div>
+
+            <div class="text-sm">
+              <p class="leading-15px mb-0">
+                Free Shipping on All Orders Over $100!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+     <!-- mobile menu -->
+     <div class="drawer-container mobile-menu-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+      ></div>
+      <div
+        class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+      >
+        <div class="pl-15px overflow-auto h-full">
+          <!-- mobile menu wrapper -->
+          <div>
+            <!-- mobile logo area -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+            >
+              <div>
+                <a href="index.html">
+                  <img src="./assets/img/logo.png" alt="" >
+                </a>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- search input  -->
+            <div class="mb-50px">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search..."
+                  class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                >
+                  <i class="icon-search text-lg font-bold"></i>
+                </button>
+              </form>
+            </div>
+
+            <!-- mobile menu accordions -->
+            <div
+              class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+            >
+              <ul class="accordion-container">
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Home
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 01</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-3.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 03</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-4.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 04</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-5.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >video</span
+                            >
+                            Home Style 05</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-6.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 06</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-7.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 07</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-8.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 08</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-9.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 09</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-10.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >map</span
+                            >
+                            Home Style 10</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-11.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 11</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    About
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About1</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Shop
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-list.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property List</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property No Sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="product-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Property details
+                          </a>
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="cart.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Cart</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="wishlist.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Wishlist</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="checkout.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Checkout</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="order-tracking.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Order Tracking</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="account.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >My Account</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="login.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Sign in</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="register.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Register</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    News
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            News details</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Pages
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="history.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >History</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="add-listing.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Add Listing</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="404.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >404</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="contact.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Contact</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="coming-soon.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Coming Soon</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="contact.html"
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    CONTACT</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- my account -->
+            <div>
+              <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="account.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-user"></i>
+                    </span>
+                    My Account
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="wishlist.html#"
+                    class="text-sm lg:text-base"
+                  >
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                    </span>
+                    Wishlist
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="cart.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="fas fa-shopping-cart"></i>
+                      <sup>5</sup>
+                    </span>
+                    Shoping Cart
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- Mobile menu social area -->
+            <div>
+              <ul class="flex gap-3 items-center pt-4">
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.facebook.com"
+                    ><i class="fab fa-facebook-f leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.twiter.com"
+                    ><i class="fab fab fa-twitter leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.linkedin.com"
+                    ><i class="fab fa-linkedin leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.instagram.com"
+                    ><i class="fab fa-instagram leading-10"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our History</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                History
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- history section -->
+      <section>
+        <div
+          class="container tab history-tab modal-container property-tab pt-30 pb-100px"
+        >
+          <div class="mb-50px">
+            <ul
+              class="flex flex-wrap justify-between items-center gap-5px relative z-0 before:h-0.5 before:w-full before:absolute before:bg-white-6 before:top-1/2 before:left-0 before:-translate-y-1/2 before:-z-1 tab-links leading-1"
+            >
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  1900
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1 active">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  1940
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2000
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2010
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2021
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-contents">
+            <!-- content 1 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pl-70px lg:ml-30px relative">
+                  <img
+                    src="./assets/img/img-slide/12.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute left-[10px] bottom-[10px] md:bottom-10 md:left-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Our History</span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"> We Started Our Journey </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 2 -->
+            <div class="transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pl-70px lg:ml-30px relative"><img
+                    src="./assets/img/img-slide/11.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute left-[10px] bottom-[10px] md:bottom-10 md:left-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="icon-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"
+                        >It Was An Sweet Journey Time</span
+                      >
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 3 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pl-70px lg:ml-30px relative">
+                  <img
+                    src="./assets/img/img-slide/13.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute left-[10px] bottom-[10px] md:bottom-10 md:left-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-medal"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3">
+                        It Was An Sweet Journey Time</span
+                      >
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 4 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div>
+                  <div class="md:pl-70px lg:ml-30px relative">
+                  <img
+                    src="./assets/img/img-slide/12.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute left-[10px] bottom-[10px] md:bottom-10 md:left-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="icon-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"
+                        >It Was An Sweet Journey Time
+                      </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 5 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pl-70px lg:ml-30px relative">
+                  <img
+                    src="./assets/img/img-slide/11.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute left-[10px] bottom-[10px] md:bottom-10 md:left-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-trophy"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3">
+                        It Was An Sweet Journey Time
+                      </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- feature section -->
+      <section class="bg-section-bg-2">
+        <div class="container modal-container property-tab pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Features </span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+            >
+              <span class="leading-1.3"> Why Choose Us</span>
+            </h2>
+          </div>
+          <!-- content -->
+          <div class="flex flex-wrap items-center justify-center -mx-15px">
+            <!-- card 1 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="flaticon-house-4"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="icon-mechanic"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="icon-repair-1"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- footer -->
+        <div
+          class="bg-[url('../img/bg/13.jpg')] bg-no-repeat bg-cover bg-center"
+        >
+          <div class="pt-10 pb-25px bg-secondary-color-2 bg-opacity-90">
+            <div class="container">
+              <h6
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl text-center font-bold text-white"
+              >
+                <span class="leading-1.3 xl:leading-1.3">
+                  24/7 Availability, Make</span
+                >
+                <a
+                  class="hover:text-white leading-1.3 xl:leading-1.3 underline"
+                  href="service-details.html"
+                >
+                  An Appointment</a
+                >
+              </h6>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container py-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-10.html b/quarter-rtl/index-10.html
new file mode 100644
index 0000000..3ec457d
--- /dev/null
+++ b/quarter-rtl/index-10.html
@@ -0,0 +1,5258 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8"  >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+        <!-- mobile menu -->
+        <div class="drawer-container mobile-menu-container">
+          <div
+            class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+          ></div>
+          <div
+            class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+          >
+            <div class="pl-15px overflow-auto h-full">
+              <!-- mobile menu wrapper -->
+              <div>
+                <!-- mobile logo area -->
+                <div
+                  class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+                >
+                  <div>
+                    <a href="index.html">
+                      <img src="./assets/img/logo.png" alt="" >
+                    </a>
+                  </div>
+                  <div>
+                    <button class="close-drawer text-black text-3xl px-15px py-2">
+                      ×
+                    </button>
+                  </div>
+                </div>
+  
+                <!-- search input  -->
+                <div class="mb-50px">
+                  <form class="w-full relative">
+                    <input
+                      type="text"
+                      placeholder="Search..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+  
+                <!-- mobile menu accordions -->
+                <div
+                  class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+                >
+                  <ul class="accordion-container">
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Home
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 01</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-3.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 03</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-4.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 04</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-5.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >video</span
+                                >
+                                Home Style 05</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-6.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 06</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-7.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 07</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-8.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 08</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-9.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 09</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-10.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >map</span
+                                >
+                                Home Style 10</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-11.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 11</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        About
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About1</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Shop
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-list.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property List</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property No Sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="product-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Property details
+                              </a>
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="cart.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Cart</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="wishlist.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Wishlist</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="checkout.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Checkout</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="order-tracking.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Order Tracking</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="account.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >My Account</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="login.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Sign in</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="register.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Register</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        News
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                News details</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Pages
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="history.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >History</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="add-listing.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Add Listing</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="404.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >404</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="contact.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Contact</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="coming-soon.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Coming Soon</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="contact.html"
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        CONTACT</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+  
+                <!-- my account -->
+                <div>
+                  <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="account.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-user"></i>
+                        </span>
+                        My Account
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="wishlist.html#"
+                        class="text-sm lg:text-base"
+                      >
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                        </span>
+                        Wishlist
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="cart.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="fas fa-shopping-cart"></i>
+                          <sup>5</sup>
+                        </span>
+                        Shoping Cart
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Mobile menu social area -->
+                <div>
+                  <ul class="flex gap-3 items-center pt-4">
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.twiter.com"
+                        ><i class="fab fab fa-twitter leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.instagram.com"
+                        ><i class="fab fa-instagram leading-10"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <!-- GOOGLE MAP LOCATIONS AREA START -->
+      <div class="google-map-locations-area">
+        <div id="gmap"></div>
+      </div>
+      <!-- filter section -->
+      <div class="py-30">
+        <div class="container relative tab hero-tab">
+          <!-- action -->
+          <div class="tab-links flex gap-x-10px items-center mb-10px">
+            <div
+              class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+            >
+              <button
+                class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+              >
+                <i class="fas fa-home ml-10px"></i> Rent Home
+              </button>
+            </div>
+            <div
+              class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+            >
+              <button
+                class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+              >
+                <i class="fas fa-home ml-10px"></i> Sale Home
+              </button>
+            </div>
+          </div>
+          <div class="tab-contents py-10 px-25px md:p-10 bg-section-bg-1">
+            <!-- inputs -->
+            <div class="transition-all duration-300">
+              <form class="hero-form">
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-10px"
+                >
+                  <div>
+                    <select class="selectize apartment-select">
+                      <option value="Apartment" data-display="Select">
+                        Apartment
+                      </option>
+                      <option value="Property Type">Property Type</option>
+                      <option value="Co-op">Co-op</option>
+                      <option value="Condo">Condo</option>
+                      <option value="Single Family Home">
+                        Single Family Home
+                      </option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize location-select">
+                      <option data-display="Select">Location</option>
+                      <option>chicago</option>
+                      <option>London</option>
+                      <option>Los Angeles</option>
+                      <option>New York</option>
+                      <option>New Jersey</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize sub-location-select">
+                      <option data-display="Select">Sub Location</option>
+                      <option>Bayonne</option>
+                      <option>Greenville</option>
+                      <option>Manhattan</option>
+                      <option>Queens</option>
+                      <option>The Heights</option>
+                      <option>Upper East Side</option>
+                      <option>West Side</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize bedrooms-select">
+                      <option data-display="Select">Bedrooms</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                    </select>
+                  </div>
+                  <!-- min size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Min size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                  <!-- max size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="max size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                </div>
+                <div class="relative">
+                  <!-- .range -->
+                  <div class="car-price-filter-range mt-30px mb-5 lg:mb-10">
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                >
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="shop-right-sidebar.html"
+                      class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                      >Search Inventory</a
+                    >
+                  </h5>
+                </div>
+              </form>
+            </div>
+            <div class="hidden transition-all duration-300">
+              <form class="hero-form">
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                >
+                  <div>
+                    <select class="selectize apartment-select">
+                      <option value="Property Type" data-display="Select">
+                        Property Type
+                      </option>
+                      <option value="Apartment">Apartment</option>
+                      <option value="Co-op">Co-op</option>
+                      <option value="Condo">Condo</option>
+                      <option value="Single Family Home">
+                        Single Family Home
+                      </option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize location-select">
+                      <option data-display="Select">Location</option>
+                      <option>chicago</option>
+                      <option>London</option>
+                      <option>Los Angeles</option>
+                      <option>New York</option>
+                      <option>New Jersey</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize sub-location-select">
+                      <option data-display="Select">Sub Location</option>
+                      <option>Bayonne</option>
+                      <option>Greenville</option>
+                      <option>Manhattan</option>
+                      <option>Queens</option>
+                      <option>The Heights</option>
+                      <option>Upper East Side</option>
+                      <option>West Side</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize bedrooms-select">
+                      <option data-display="Select">Bedrooms</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                    </select>
+                  </div>
+                  <!-- min size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Min size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                  <!-- max size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="max size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                </div>
+                <div class="relative">
+                  <!-- .range -->
+                  <div class="car-price-filter-range mt-30px mb-5 lg:mb-10">
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+
+                <div
+                  class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center mt-10px"
+                >
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="shop-right-sidebar.html"
+                      class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                      >Search Inventory</a
+                    >
+                  </h5>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:right-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/maplace-active.js"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCeeHDCOXmUMja1CFg96RbtyKgx381yoBU"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-11.html b/quarter-rtl/index-11.html
new file mode 100644
index 0000000..588019f
--- /dev/null
+++ b/quarter-rtl/index-11.html
@@ -0,0 +1,5371 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-white">
+        <div
+          class="container flex flex-row justify-between items-center relative py-30px"
+        >
+          <!-- top logo area -->
+          <div class="leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <!-- top middle -->
+          <div class="hidden xl:flex items-center gap-50px">
+            <div class="text-paragraph-color">
+              <h5
+                class="text-sm uppercase mb-0 text-paragraph-color font-normal"
+              >
+                <span class="leading-1">Phone</span>
+              </h5>
+              <h6 class="leading-1.2 mb-0 text-paragraph-color font-normal">
+                <a href="tel:0123456789">+0123-456-789</a>
+              </h6>
+            </div>
+
+            <!-- search form -->
+            <div class="min-w-[500px]">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search here..."
+                  class="text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color placeholder:text-opacity-50 outline-none border-1 border-transparent focus:border focus:border-secondary-color shadow-box-shadow-3 focus:shadow-none h-45px block w-full rounded-full"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 left-5 text-heading-color leading-1"
+                >
+                  <i class="icon-search text-sm lg:text-base"></i>
+                </button>
+              </form>
+            </div>
+          </div>
+          <!-- top right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="flex gap-10px items-center show-drawer cursor-pointer">
+                <div>
+                  <button
+                    class="leading-1 text-heading-color flex justify-center items-center"
+                  >
+                    <i class="icon-shopping-cart font-bold text-xl"></i>
+                    <sup
+                      class="!-ml-1.5 !-translate-y-1.5 text-xs font-semibold w-5 h-5 leading-5 text-center bg-secondary-color rounded-full text-white"
+                      >2</sup
+                    >
+                  </button>
+                </div>
+                <div>
+                  <h3
+                    class="text-sm ase text-heading-color font-bold hover:text-secondary-color transition-all duration-300 uppercase mb-0"
+                  >
+                    <span class="leading-5 block">your cart</span
+                    ><span class="text-secondary-color leading-5">$89.25</span>
+                  </h3>
+                </div>
+              </li>
+              <li class="block lg:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- navbar -->
+      <div
+        class="sticky-header z-xl bg-white transition-all duration-700 border-t border-border-color-1 hidden lg:block"
+      >
+        <div
+          class="container navbar-container flex justify-center items-center relative"
+        >
+          <!-- logo area -->
+          <div class="hidden leading-1 header-logo">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden lg:block">
+            <ul
+              class="navbar flex items-center justify-center gap-15px xl:gap-5"
+            >
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper hero-slider2">
+              <div class="swiper-wrapper items-stretch">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pb-[104px] py-100px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-25px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1 block"> Search and Find </span>
+
+                          <span class="text-secondary-color leading-1">
+                            Luxury
+                          </span>
+                          <span class="leading-1"> House</span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pl-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/61.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pl-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/62.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pl-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/63.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  4 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pl-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/64.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!--navigation & thumbs slider -->
+              <div
+                class="absolute bottom-[30px] left-1/2 lg:left-[10%] -translate-x-1/2 lg:translate-x-0 z-xl flex"
+              >
+                <!-- navigation -->
+                <div class="flex xl:hidden justify-center pl-35px pt-4">
+                  <div class="swiper-button-next relative">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev relative">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+                <!--thumbs slider -->
+                <div class="w-250px 4xl:w-100 4xl:px-10px">
+                  <div  class="swiper hero-slider2-tumbs_slider">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/61.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/62.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/63.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/64.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- social -->
+          <div
+            class="text-sm lg:text-base hidden 4xl:block absolute bottom-20 right-[50px] z-xxl"
+          >
+            <ul class="leading-1.8">
+              <li class="mt-4 mb-3">
+                <a href="https://www.facebook.com" title="Facebook"
+                  ><i class="fab fa-facebook-f"></i
+                ></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://x.com" title="Twitter"><i class="fab fa-twitter"></i></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://www.linkedin.com" title="Linkedin"><i class="fab fa-linkedin"></i></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- property section -->
+      <section>
+        <div class="container py-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-4 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Property By Categories </span>
+            </h2>
+          </div>
+          <!-- property cards  -->
+
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="lg:col-start-1 lg:col-span-2 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/2.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Apartments </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/3.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Condos </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="lg:col-start-1 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/7.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Houses </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="lg:col-start-2 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/8.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Retail</a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/9.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Villas </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:right-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-2.html b/quarter-rtl/index-2.html
new file mode 100644
index 0000000..1baac2f
--- /dev/null
+++ b/quarter-rtl/index-2.html
@@ -0,0 +1,5656 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper hero-slider2">
+              <div class="swiper-wrapper items-stretch">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pb-[104px] py-100px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-25px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                           وكالة عقارات
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1 block"> البحث والعثور  </span>
+
+                          <span class="text-secondary-color leading-1">
+                            فخم. ترف
+                          </span>
+                          <span class="leading-1">  منزل</span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r  border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >استفسر</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/61.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          وكالة عقارات
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            ابحث عن حلمك  <br >
+                            البيت من قبلنا
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >خدماتنا</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >يتعلم أكثر</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/62.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/63.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  4 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute left-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/64.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!--navigation & thumbs slider -->
+              <div
+                class="absolute bottom-[30px] left-1/2 lg:left-[10%] -translate-x-1/2 lg:translate-x-0 z-xl flex"
+              >
+                <!-- navigation -->
+                <div
+                  class="flex flex-row-reverse xl:hidden justify-center pl-8 pt-4 gap-x-2"
+                >
+                  <div class="swiper-button-next relative mr-2 lg:mr-3">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev relative">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+                <!--thumbs slider -->
+                <div class="w-250px 4xl:w-100 4xl:px-10px">
+                  <div  class="swiper hero-slider2-tumbs_slider">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/61.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/62.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/63.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/64.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- social -->
+          <div
+            class="text-sm lg:text-base hidden 4xl:block absolute bottom-20 right-[50px] z-xxl"
+          >
+            <ul class="leading-1.8">
+              <li class="mt-4 mb-3">
+                <a href="https://www.facebook.com" title="Facebook"
+                  ><i class="fab fa-facebook-f"></i
+                ></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://x.com" title="Twitter"><i class="fab fa-twitter"></i></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://www.linkedin.com" title="Linkedin"><i class="fab fa-linkedin"></i></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-115px pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px items-center">
+            <!-- about left -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/11.png"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div>
+              <div>
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Dream Living Spaces Setting New Build
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="space-y-5 pt-30px">
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-house-4 text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-call-center-agent text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-maps-and-location text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute left-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:right-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-3.html b/quarter-rtl/index-3.html
new file mode 100644
index 0000000..6ddcce9
--- /dev/null
+++ b/quarter-rtl/index-3.html
@@ -0,0 +1,4609 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body class="overflow-x-hidden">
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- header top -->
+      <div class="bg-transparent border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-7 relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+        <!-- mobile menu -->
+        <div class="drawer-container mobile-menu-container">
+          <div
+            class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+          ></div>
+          <div
+            class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+          >
+            <div class="pl-15px overflow-auto h-full">
+              <!-- mobile menu wrapper -->
+              <div>
+                <!-- mobile logo area -->
+                <div
+                  class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+                >
+                  <div>
+                    <a href="index.html">
+                      <img src="./assets/img/logo.png" alt="" >
+                    </a>
+                  </div>
+                  <div>
+                    <button class="close-drawer text-black text-3xl px-15px py-2">
+                      ×
+                    </button>
+                  </div>
+                </div>
+  
+                <!-- search input  -->
+                <div class="mb-50px">
+                  <form class="w-full relative">
+                    <input
+                      type="text"
+                      placeholder="Search..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+  
+                <!-- mobile menu accordions -->
+                <div
+                  class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+                >
+                  <ul class="accordion-container">
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Home
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 01</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-3.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 03</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-4.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 04</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-5.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >video</span
+                                >
+                                Home Style 05</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-6.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 06</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-7.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 07</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-8.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 08</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-9.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 09</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-10.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >map</span
+                                >
+                                Home Style 10</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-11.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 11</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        About
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About1</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Shop
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-list.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property List</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property No Sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="product-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Property details
+                              </a>
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="cart.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Cart</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="wishlist.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Wishlist</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="checkout.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Checkout</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="order-tracking.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Order Tracking</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="account.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >My Account</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="login.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Sign in</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="register.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Register</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        News
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                News details</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Pages
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="history.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >History</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="add-listing.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Add Listing</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="404.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >404</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="contact.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Contact</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="coming-soon.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Coming Soon</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="contact.html"
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        CONTACT</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+  
+                <!-- my account -->
+                <div>
+                  <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="account.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-user"></i>
+                        </span>
+                        My Account
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="wishlist.html#"
+                        class="text-sm lg:text-base"
+                      >
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                        </span>
+                        Wishlist
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="cart.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="fas fa-shopping-cart"></i>
+                          <sup>5</sup>
+                        </span>
+                        Shoping Cart
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Mobile menu social area -->
+                <div>
+                  <ul class="flex gap-3 items-center pt-4">
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.twiter.com"
+                        ><i class="fab fab fa-twitter leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.instagram.com"
+                        ><i class="fab fa-instagram leading-10"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- overlay -->
+
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper primary-slider home-3">
+              <div class="swiper-wrapper">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/11.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-center text-center"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base text-white mb-5 max-w-450px animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2-->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/12.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-end text-end"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated text-white"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-no-repeat bg-[url('../img/slider/13.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-start text-start"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home ml-1"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated text-white"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden xl:block">
+                <div class="swiper-button-next !text-white">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev !text-white">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container pt-115px pb-90px">
+              <!-- section heading -->
+              <div class="text-center mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"> Properties By Location </span>
+                </h2>
+              </div>
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+
+      <!-- testimonials section -->
+      <section>
+        <div>
+          <div
+            class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-60px pt-115px overflow-hidden"
+          >
+            <!-- section heading -->
+            <div class="text-center mb-50px relative z-1">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+            <div class="testimonial-quote-menu-container mx-15px relative z-0">
+              <div class="max-w-[95%] md:max-w-[70%] lg:max-w-[45%] mx-auto">
+                <div class="news-slider-container swiper-container relative">
+                  <!-- testomonials slider  -->
+                  <div class="swiper testimonials-slider-3 static no-break">
+                    <div class="swiper-wrapper">
+                      <!-- slide 1 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 bg-white"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/1.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco laboris nisi ut
+                              aliquip ex ea commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Jacob William </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Manager</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 2 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 bg-white"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/2.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Quidem Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco laboris nisi ut
+                              aliquip ex ea.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Ethan James </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Admin</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 3 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/3.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Dolor Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco nisi ut aliquip ex ea
+                              commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Noah Alexander </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Professor</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 4 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 h-full"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/4.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Amet Ipsum Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud nisi ut aliquip ex ea
+                              commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Liam Mason </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Officer</span>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                    <!--  navigation -->
+                    <div class="hidden lg:block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-left " ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-right " ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="swiper testimonials3-tumbs_slider hidden lg:block static overflow-visible"
+              >
+                <ul
+                  class="testimonial-quote-menu d-none d-lg-block swiper-wrapper static !overflow-visible"
+                >
+                  <li class="swiper-slide static overflow-visible">
+                    <img
+                      src="./assets/img/testimonial/1.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/2.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/3.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/4.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] bg-section-bg-1">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-left " ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-right " ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-4.html b/quarter-rtl/index-4.html
new file mode 100644
index 0000000..57815a0
--- /dev/null
+++ b/quarter-rtl/index-4.html
@@ -0,0 +1,3636 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+        <!-- mobile menu -->
+        <div class="drawer-container mobile-menu-container">
+          <div
+            class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+          ></div>
+          <div
+            class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+          >
+            <div class="pl-15px overflow-auto h-full">
+              <!-- mobile menu wrapper -->
+              <div>
+                <!-- mobile logo area -->
+                <div
+                  class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+                >
+                  <div>
+                    <a href="index.html">
+                      <img src="./assets/img/logo.png" alt="" >
+                    </a>
+                  </div>
+                  <div>
+                    <button class="close-drawer text-black text-3xl px-15px py-2">
+                      ×
+                    </button>
+                  </div>
+                </div>
+  
+                <!-- search input  -->
+                <div class="mb-50px">
+                  <form class="w-full relative">
+                    <input
+                      type="text"
+                      placeholder="Search..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+  
+                <!-- mobile menu accordions -->
+                <div
+                  class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+                >
+                  <ul class="accordion-container">
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Home
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 01</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-3.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 03</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-4.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 04</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-5.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >video</span
+                                >
+                                Home Style 05</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-6.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 06</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-7.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 07</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-8.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 08</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-9.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 09</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-10.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >map</span
+                                >
+                                Home Style 10</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-11.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 11</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        About
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About1</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Shop
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-list.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property List</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property No Sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="product-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Property details
+                              </a>
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="cart.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Cart</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="wishlist.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Wishlist</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="checkout.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Checkout</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="order-tracking.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Order Tracking</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="account.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >My Account</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="login.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Sign in</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="register.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Register</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        News
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                News details</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Pages
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="history.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >History</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="add-listing.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Add Listing</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="404.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >404</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="contact.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Contact</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="coming-soon.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Coming Soon</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="contact.html"
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        CONTACT</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+  
+                <!-- my account -->
+                <div>
+                  <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="account.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-user"></i>
+                        </span>
+                        My Account
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="wishlist.html#"
+                        class="text-sm lg:text-base"
+                      >
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                        </span>
+                        Wishlist
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="cart.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="fas fa-shopping-cart"></i>
+                          <sup>5</sup>
+                        </span>
+                        Shoping Cart
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Mobile menu social area -->
+                <div>
+                  <ul class="flex gap-3 items-center pt-4">
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.twiter.com"
+                        ><i class="fab fab fa-twitter leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.instagram.com"
+                        ><i class="fab fa-instagram leading-10"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- overlay -->
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-140px xl:pt-100px pb-100px 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/14.jpg')]"
+              >
+                <div
+                  class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                ></div>
+                <div class="container w-full relative z-xl">
+                  <div class="">
+                    <!-- banner Left -->
+
+                    <div
+                      class="slide-animation flex flex-col justify-center items-center text-center"
+                    >
+                      <div class="mb-50px animated">
+                        <a
+                          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-white shadow-box-shadow-2 bg-secondary-color hover:text-white flex items-center justify-center"
+                          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                          data-glightbox="type: video;"
+                        >
+                          <i class="icon-play"></i>
+                        </a>
+                      </div>
+                      <p
+                        class="text-sm md:text-15px lg:text-base font-bold mb-10px text-white animated"
+                      >
+                        <i class="fas fa-home ml-1"></i>
+                        Real Estate Agency
+                      </p>
+                      <h1
+                        class="text-3xl md:text-40px lg:text-6xl 4xl:text-80px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated uppercase"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 4xl:leading-1"
+                        >
+                          Find Your Dream <br >
+                          House By Us
+                        </span>
+                      </h1>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- property section -->
+      <section>
+        <div class="container pt-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-4 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Property By Categories </span>
+            </h2>
+          </div>
+          <!-- property cards  -->
+
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="lg:col-start-1 lg:col-span-2 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/2.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Apartments </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/3.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Condos </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="lg:col-start-1 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/7.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Houses </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="lg:col-start-2 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/8.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Retail</a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/9.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-6px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Villas </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-10px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Features</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Core Features </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div class="service-cards flex flex-wrap justify-center items-center">
+            <!-- card 1 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-apartment"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Smart living</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px active"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-park"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >ECO Construction</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-maps-and-location"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Atractive Location</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-excavator"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Modern Technology</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 mb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-secondary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+
+      <!-- brand section -->
+      <div class="brands">
+        <div class="container -mb-[180px] relative z-10">
+          <div
+            class="w-full h-80 md:h-350px lg:h-[450px] xl:h-[600px] bg-[url('../img/bg/15.jpg')] bg-cover bg-no-repeat bg-center relative"
+          >
+            <div
+              class="absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center z-10"
+            >
+              <div class="overflow-visible">
+                <div class="">
+                  <a
+                    class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-white shadow-box-shadow-2 bg-secondary-color hover:text-white flex items-center justify-center outline outline-4 outline-border-color-9 outline-offset-[15px] outlineou m-5"
+                    href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div
+          class="px-15px 3xl:px-[2%] 4xl:px-[9%] bg-[url('../img/bg/7.jpg')] bg-cover bg-no-repeat bg-center before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-overlay2 relative z-0 before:-z-1 before:block"
+        >
+          <div class="swiper brand-slider">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b1.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b2.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b3.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b4.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b5.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b3.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+            </div>
+            <!--  navigation -->
+            <div class="hidden">
+              <div class="swiper-button-next bg-white z-1">
+                <i class="fas fa-arrow-left " ></i>
+              </div>
+              <div class="swiper-button-prev bg-white z-1">
+                <i class="fas fa-arrow-right " ></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/8.jpg')] bg-center bg-no-repeat">
+          <div class="container pt-115px pb-70px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">Testimonials</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedbacks </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider-4 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/4.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Jacob William</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Founder, Browni Co.
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/5.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Ethan James</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Admin
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/6.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Jacob William</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Founder, Browni Co.
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/1.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Liam Mason</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Officer
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  5 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Noah Alexander</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Professor
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block sm:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden sm:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolio section -->
+      <section>
+        <div>
+          <div
+            class="portfolio-slider-container swiper-container relative overflow-hidden"
+          >
+            <!-- apartment cards  -->
+            <div class="swiper portfolio-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The perfect city</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Greenville
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/21.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/21.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Heart of NYC</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Manhattan
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The luxury crib</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Upper East Side
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/23.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/23.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The Best City</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Jersey City
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5-->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/24.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/24.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Friendly neighborhood</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Queens
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden lg:block">
+                <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-90px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-5.html b/quarter-rtl/index-5.html
new file mode 100644
index 0000000..fa0a16d
--- /dev/null
+++ b/quarter-rtl/index-5.html
@@ -0,0 +1,5040 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl bg-gradient-color-2">
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+        <!-- mobile menu -->
+        <div class="drawer-container mobile-menu-container">
+          <div
+            class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+          ></div>
+          <div
+            class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+          >
+            <div class="pl-15px overflow-auto h-full">
+              <!-- mobile menu wrapper -->
+              <div>
+                <!-- mobile logo area -->
+                <div
+                  class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+                >
+                  <div>
+                    <a href="index.html">
+                      <img src="./assets/img/logo.png" alt="" >
+                    </a>
+                  </div>
+                  <div>
+                    <button class="close-drawer text-black text-3xl px-15px py-2">
+                      ×
+                    </button>
+                  </div>
+                </div>
+  
+                <!-- search input  -->
+                <div class="mb-50px">
+                  <form class="w-full relative">
+                    <input
+                      type="text"
+                      placeholder="Search..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+  
+                <!-- mobile menu accordions -->
+                <div
+                  class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+                >
+                  <ul class="accordion-container">
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Home
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 01</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-3.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 03</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-4.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 04</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-5.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >video</span
+                                >
+                                Home Style 05</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-6.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 06</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-7.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 07</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-8.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 08</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-9.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 09</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-10.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >map</span
+                                >
+                                Home Style 10</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-11.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 11</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        About
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About1</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Shop
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-list.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property List</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property No Sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="product-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Property details
+                              </a>
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="cart.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Cart</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="wishlist.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Wishlist</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="checkout.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Checkout</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="order-tracking.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Order Tracking</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="account.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >My Account</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="login.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Sign in</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="register.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Register</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        News
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                News details</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Pages
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="history.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >History</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="add-listing.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Add Listing</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="404.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >404</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="contact.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Contact</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="coming-soon.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Coming Soon</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="contact.html"
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        CONTACT</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+  
+                <!-- my account -->
+                <div>
+                  <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="account.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-user"></i>
+                        </span>
+                        My Account
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="wishlist.html#"
+                        class="text-sm lg:text-base"
+                      >
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                        </span>
+                        Wishlist
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="cart.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="fas fa-shopping-cart"></i>
+                          <sup>5</sup>
+                        </span>
+                        Shoping Cart
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Mobile menu social area -->
+                <div>
+                  <ul class="flex gap-3 items-center pt-4">
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.twiter.com"
+                        ><i class="fab fab fa-twitter leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.instagram.com"
+                        ><i class="fab fa-instagram leading-10"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px min-h-[400px] lg:min-h-[550px] xl:min-h-0 4xl:min-h-[800px] xl:h-screen h-auto overflow-hidden flex flex-col justify-center"
+              >
+                <video
+                  autoplay=""
+                  muted=""
+                  loop=""
+                  id="myVideo"
+                  class="w-screen max-w-full h-full absolute left-0 top-0 -z-1 object-cover"
+                >
+                  <source src="./assets/media/3.mp4" type="video/mp4" >
+                </video>
+                <div class="container w-[880px] relative z-xl">
+                  <div class="">
+                    <!-- banner Left -->
+
+                    <div
+                      class="slide-animation flex flex-col justify-center items-center text-center"
+                    >
+                      <p
+                        class="text-sm md:text-15px lg:text-base font-bold mb-15px text-white animated"
+                      >
+                        <i class="fas fa-home text-secondary-color ml-1"></i>
+                        Real Estate Agency
+                      </p>
+                      <h1
+                        class="text-3xl md:text-40px lg:text-6xl xl:text-50px 4xl:text-90px text-white font-bold mb-5 animated uppercase hyphens-none"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1 4xl:leading-1"
+                        >
+                          Find Your Dream
+                          <br class="hidden md:block leading-[0]" >
+                          House By Us
+                        </span>
+                      </h1>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/7.png" alt="" class="max-w-full" >
+              <div
+                class="absolute right-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 border-r-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-6.html b/quarter-rtl/index-6.html
new file mode 100644
index 0000000..1abd172
--- /dev/null
+++ b/quarter-rtl/index-6.html
@@ -0,0 +1,6084 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- header top -->
+      <div class="bg-transparent border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-7 relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container ">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="home-3">
+              <div>
+                <!-- Hero  1 -->
+                <div
+                  class="relative z-0 pt-300px md:pt-50 pb-50px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/11.jpg')]"
+                >
+                  <!-- overlay -->
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl tab hero-tab">
+                    <!-- action -->
+                    <div class="tab-links flex gap-x-10px items-center mb-10px">
+                      <div
+                        class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                      >
+                        <button
+                          class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                        >
+                          <i class="fas fa-home ml-10px"></i> Rent Home
+                        </button>
+                      </div>
+                      <div
+                        class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                      >
+                        <button
+                          class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                        >
+                          <i class="fas fa-home ml-10px"></i> Sale Home
+                        </button>
+                      </div>
+                    </div>
+                    <div
+                      class="tab-contents py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-section-bg-1"
+                    >
+                      <!-- inputs -->
+                      <div class="transition-all duration-200">
+                        <form class="hero-form">
+                          <div
+                            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                          >
+                            <div>
+                              <select class="selectize apartment-select">
+                                <option value="Apartment" data-display="Select">
+                                  Apartment
+                                </option>
+                                <option value="Property Type">
+                                  Property Type
+                                </option>
+                                <option value="Co-op">Co-op</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Single Family Home">
+                                  Single Family Home
+                                </option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize location-select">
+                                <option data-display="Select">Location</option>
+                                <option>chicago</option>
+                                <option>London</option>
+                                <option>Los Angeles</option>
+                                <option>New York</option>
+                                <option>New Jersey</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize sub-location-select">
+                                <option data-display="Select">
+                                  Sub Location
+                                </option>
+                                <option>Bayonne</option>
+                                <option>Greenville</option>
+                                <option>Manhattan</option>
+                                <option>Queens</option>
+                                <option>The Heights</option>
+                                <option>Upper East Side</option>
+                                <option>West Side</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize bedrooms-select">
+                                <option data-display="Select">Bedrooms</option>
+                                <option>1</option>
+                                <option>2</option>
+                                <option>3</option>
+                                <option>4</option>
+                              </select>
+                            </div>
+                            <!-- min size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="Min size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                            <!-- max size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="max size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                          </div>
+                          <div>
+                            <!-- .range -->
+                            <div
+                              class="car-price-filter-range mt-30px mb-5 lg:mb-10"
+                            >
+                              <div class="price_filter">
+                                <div class="price_slider_amount">
+                                  <input type="submit" value="Your range:" >
+                                  <input
+                                    type="text"
+                                    class="amount"
+                                    name="price"
+                                    placeholder="Add Your Price"
+                                  >
+                                </div>
+                                <div class="slider-range"></div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                          >
+                            <h5
+                              class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Search Inventory</a
+                              >
+                            </h5>
+                          </div>
+                        </form>
+                      </div>
+                      <div class="hidden transition-all duration-200">
+                        <form class="hero-form">
+                          <div
+                            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                          >
+                            <div>
+                              <select class="selectize apartment-select">
+                                <option
+                                  value="Property Type"
+                                  data-display="Select"
+                                >
+                                  Property Type
+                                </option>
+                                <option value="Apartment">Apartment</option>
+                                <option value="Co-op">Co-op</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Single Family Home">
+                                  Single Family Home
+                                </option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize location-select">
+                                <option data-display="Select">Location</option>
+                                <option>chicago</option>
+                                <option>London</option>
+                                <option>Los Angeles</option>
+                                <option>New York</option>
+                                <option>New Jersey</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize sub-location-select">
+                                <option data-display="Select">
+                                  Sub Location
+                                </option>
+                                <option>Bayonne</option>
+                                <option>Greenville</option>
+                                <option>Manhattan</option>
+                                <option>Queens</option>
+                                <option>The Heights</option>
+                                <option>Upper East Side</option>
+                                <option>West Side</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize bedrooms-select">
+                                <option data-display="Select">Bedrooms</option>
+                                <option>1</option>
+                                <option>2</option>
+                                <option>3</option>
+                                <option>4</option>
+                              </select>
+                            </div>
+                            <!-- min size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="Min size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                            <!-- max size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="max size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                          </div>
+                          <div>
+                            <!-- .range -->
+                            <div
+                              class="car-price-filter-range mt-30px mb-5 lg:mb-10"
+                            >
+                              <div class="price_filter">
+                                <div class="price_slider_amount">
+                                  <input type="submit" value="Your range:" >
+                                  <input
+                                    type="text"
+                                    class="amount"
+                                    name="price"
+                                    placeholder="Add Your Price"
+                                  >
+                                </div>
+                                <div class="slider-range"></div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                          >
+                            <h5
+                              class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Search Inventory</a
+                              >
+                            </h5>
+                          </div>
+                        </form>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden">
+                <div class="swiper-button-next !text-white">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev !text-white">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- latest appartments  section -->
+
+      <section>
+        <div class="container pt-115px pb-70px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings </span>
+            </h2>
+          </div>
+          <div>
+            <!-- apartment cards  -->
+            <div class="-mx-15px">
+              <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3">
+                <!-- card 1 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Sale</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 6 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/6.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 left-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-7.html b/quarter-rtl/index-7.html
new file mode 100644
index 0000000..bd1a3dd
--- /dev/null
+++ b/quarter-rtl/index-7.html
@@ -0,0 +1,4881 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+        <!-- mobile menu -->
+        <div class="drawer-container mobile-menu-container">
+          <div
+            class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+          ></div>
+          <div
+            class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+          >
+            <div class="pl-15px overflow-auto h-full">
+              <!-- mobile menu wrapper -->
+              <div>
+                <!-- mobile logo area -->
+                <div
+                  class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+                >
+                  <div>
+                    <a href="index.html">
+                      <img src="./assets/img/logo.png" alt="" >
+                    </a>
+                  </div>
+                  <div>
+                    <button class="close-drawer text-black text-3xl px-15px py-2">
+                      ×
+                    </button>
+                  </div>
+                </div>
+  
+                <!-- search input  -->
+                <div class="mb-50px">
+                  <form class="w-full relative">
+                    <input
+                      type="text"
+                      placeholder="Search..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+  
+                <!-- mobile menu accordions -->
+                <div
+                  class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+                >
+                  <ul class="accordion-container">
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Home
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 01</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-3.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 03</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-4.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 04</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-5.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >video</span
+                                >
+                                Home Style 05</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-6.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 06</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-7.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 07</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-8.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 08</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-9.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 09</a
+                              >
+                            </li>
+                            <li class="mt-4 relative">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-10.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                ><span
+                                  class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                  >map</span
+                                >
+                                Home Style 10</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="index-11.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Home Style 11</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        About
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About1</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Shop
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-list.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property List</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property No Sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Property right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="product-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Property details
+                              </a>
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="cart.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Cart</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="wishlist.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Wishlist</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="checkout.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Checkout</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="order-tracking.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Order Tracking</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="account.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >My Account</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="login.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Sign in</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="register.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Register</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        News
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News</a
+                              >
+                            </li>
+                            <li class="accordion mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-grid.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Grid</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-left-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Left sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-right-sidebar.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >News Right sidebar</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="blog-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                News details</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="accordion mt-4">
+                      <!-- accordion header -->
+                      <div
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        Pages
+                        <button class="px-3 h-full">
+                          <span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                          ></span
+                          ><span
+                            class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                          ></span>
+                        </button>
+                      </div>
+                      <!-- accordion content -->
+                      <div
+                        class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                      >
+                        <div class="content-wrapper pr-15px">
+                          <ul>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="about.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >About</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Services</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="service-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Service Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-2.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >
+                                Portfolio - 02</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="portfolio-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Portfolio Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="team-details.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Team Details</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="faq.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >FAQ</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="history.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >History</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="add-listing.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Add Listing</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="locations.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Google Map Locations</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="404.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >404</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="contact.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Contact</a
+                              >
+                            </li>
+                            <li class="mt-4">
+                              <!-- accordion header -->
+  
+                              <a
+                                href="coming-soon.html"
+                                class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                                >Coming Soon</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </li>
+                    <li class="mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="contact.html"
+                        class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                      >
+                        CONTACT</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+  
+                <!-- my account -->
+                <div>
+                  <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="account.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-user"></i>
+                        </span>
+                        My Account
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a
+                        href="wishlist.html#"
+                        class="text-sm lg:text-base"
+                      >
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                        </span>
+                        Wishlist
+                      </a>
+                    </li>
+                    <li class="group mt-4">
+                      <!-- accordion header -->
+                      <a href="cart.html" class="text-sm lg:text-base">
+                        <span
+                          class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                        >
+                          <i class="fas fa-shopping-cart"></i>
+                          <sup>5</sup>
+                        </span>
+                        Shoping Cart
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Mobile menu social area -->
+                <div>
+                  <ul class="flex gap-3 items-center pt-4">
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.twiter.com"
+                        ><i class="fab fab fa-twitter leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin leading-10"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                        href="https://www.instagram.com"
+                        ><i class="fab fa-instagram leading-10"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px min-h-[400px] lg:min-h-[550px] xl:min-h-0 4xl:min-h-[800px] xl:h-screen h-auto overflow-hidden flex flex-col justify-center"
+              >
+                <!-- video -->
+                <video
+                  autoplay=""
+                  muted=""
+                  loop=""
+                  id="myVideo"
+                  class="w-screen max-w-full h-full absolute left-0 top-0 -z-[2] object-cover"
+                >
+                  <source src="./assets/media/3.mp4" type="video/mp4" >
+                </video>
+                <!-- overlay -->
+                <div
+                  class="absolute top-0 left-0 w-full h-full bg-overlay-primary bg-opacity-30 -z-1"
+                ></div>
+                <div class="container lg:max-w-[920px] w-full relative z-xl">
+                  <div class="lg:-mx-15px">
+                    <div
+                      class="flex flex-col justify-center items-center text-center"
+                    >
+                      <h1
+                        class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10 capitalize hyphens-none"
+                      >
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                        >
+                          Find Your
+                        </span>
+
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3 text-secondary-color"
+                        >
+                          Perfect
+                        </span>
+
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                        >
+                          Home
+                        </span>
+                      </h1>
+
+                      <div class="tab hero-tab w-full">
+                        <!-- action -->
+                        <div
+                          class="tab-links flex justify-center gap-x-10px items-center mb-10px"
+                        >
+                          <div
+                            class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home ml-10px"></i> Rent Home
+                            </button>
+                          </div>
+                          <div
+                            class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home ml-10px"></i> Sale Home
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="tab-contents py-10 px-25px md:p-10 lg:pr-17px shadow-box-shadow-1 border border-border-color-1 bg-section-bg-1"
+                        >
+                          <!-- inputs -->
+                          <div>
+                            <form
+                              class="hero-form grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-5"
+                            >
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Apartment"
+                                    data-display="Select"
+                                  >
+                                    Apartment
+                                  </option>
+                                  <option value="Property Type">
+                                    Property Type
+                                  </option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search
+                                  </a>
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                          <div class="hidden">
+                            <form
+                              class="hero-form grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-5"
+                            >
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Property Type"
+                                    data-display="Select"
+                                  >
+                                    Property Type
+                                  </option>
+                                  <option value="Apartment">Apartment</option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search</a
+                                  >
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings</span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Sale</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide">
+                  <div class="apart-card mb-50px px-15px">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!-- portfolio section -->
+      <section>
+        <div>
+          <div
+            class="portfolio-slider-container swiper-container relative overflow-hidden"
+          >
+            <!-- apartment cards  -->
+            <div class="swiper portfolio-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The perfect city</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Greenville
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/21.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/21.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Heart of NYC</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Manhattan
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The luxury crib</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Upper East Side
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/23.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/23.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The Best City</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Jersey City
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5-->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/24.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/24.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Friendly neighborhood</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Queens
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden lg:block">
+                <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30 pt-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-8.html b/quarter-rtl/index-8.html
new file mode 100644
index 0000000..7ce895e
--- /dev/null
+++ b/quarter-rtl/index-8.html
@@ -0,0 +1,6458 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="swiper primary-slider">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <div
+                class="max-w-[2126px] h-[560px] lg:h-[650px] 4xl:h-[800px] bg-[url('../img/slider/52.jpg')] mx-auto bg-no-repeat bg-center bg-cover flex flex-col justify-center items-center lg:items-start"
+              >
+                <div
+                  class="slide-animation h-full max-w-[460px] 4xl:max-w-500px w-full px-30px lg:px-0"
+                >
+                  <div
+                    class="p-30px pb-10px h-full animated bg-white bg-opacity-90 max-w-[400px] 4xl:max-w-500px w-full"
+                  >
+                    <div
+                      class="flex flex-col justify-center items-center text-center h-full"
+                    >
+                      <h1
+                        class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-30px capitalize hyphens-none w-full"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1"
+                        >
+                          Find Your
+                        </span>
+
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1 text-secondary-color"
+                        >
+                          Perfect
+                        </span>
+
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1"
+                        >
+                          Home
+                        </span>
+                      </h1>
+
+                      <div class="tab hero-tab w-full">
+                        <!-- action -->
+                        <div
+                          class="tab-links flex justify-center flex-wrap gap-10px items-center mb-10px"
+                        >
+                          <div
+                            class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-5 py-3 whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home ml-10px"></i> Rent Home
+                            </button>
+                          </div>
+                          <div
+                            class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-5 py-3 whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home ml-10px"></i> Sale Home
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="tab-contents py-10 px-25px md:p-10 bg-section-bg-1"
+                        >
+                          <!-- inputs -->
+                          <div>
+                            <form class="hero-form grid grid-cols-1 gap-30px">
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Apartment"
+                                    data-display="Select"
+                                  >
+                                    Apartment
+                                  </option>
+                                  <option value="Property Type">
+                                    Property Type
+                                  </option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search
+                                  </a>
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                          <div class="hidden">
+                            <form class="hero-form grid grid-cols-1 gap-30px">
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Property Type"
+                                    data-display="Select"
+                                  >
+                                    Property Type
+                                  </option>
+                                  <option value="Apartment">Apartment</option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search</a
+                                  >
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings</span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Sale</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide">
+                  <div class="apart-card mb-50px px-15px">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 left-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-left " ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-right " ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+          >
+            <div
+              class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+            >
+              <div>
+                <img
+                  src="./assets/img/product/4.png"
+                  class="w-full"
+                  alt=""
+                >
+              </div>
+
+              <!-- card body -->
+              <div class="pr-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+                <ul class="flex items-center mb-5px">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star-half-alt leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="far fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                    >
+                      ( 95 Reviews )</a
+                    >
+                  </li>
+                </ul>
+
+                <h4
+                  class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+                <p
+                  class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                >
+                  <span>$149.00</span>
+                  <del
+                    class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                    >$165.00</del
+                  >
+                </p>
+                <!-- categories -->
+                <div class="py-5 border-y border-border-color-12 mb-30px">
+                  <ul class="flex gap-x-10px items-center font-semibold">
+                    <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                      Categories:
+                    </span></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Parts,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Car,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Seat,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Cover
+                    </a></li>
+                  </ul>
+                </div>
+
+                <!-- action -->
+                 <div class="flex items-center gap-4 mb-4">
+                  <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                    <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                    </div>
+                    <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                      +
+                    </div>
+                  </form>
+
+                  <div >
+                    <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                      <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                      <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                    </h5>
+                  </div>
+                 </div>
+
+                <ul
+                  class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                >
+                  <li class="text-sm">
+                    <button
+                      class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      data-modal-index="3"
+                    >
+                      <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                    </button>
+                  </li>
+
+                  <li class="text-sm">
+                    <button
+                      class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                    >
+                      <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                    </button>
+                  </li>
+                </ul>
+                <!-- social area -->
+                <ul class="flex gap-x-[18px] items-center">
+                  <li>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8">Share</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.facebook.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-facebook-f leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-twitter leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-linkedin leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-instagram leading-1.8"></i>
+                    </a>
+                  </li>
+                </ul>
+
+               
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute left-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:right-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index-9.html b/quarter-rtl/index-9.html
new file mode 100644
index 0000000..600b508
--- /dev/null
+++ b/quarter-rtl/index-9.html
@@ -0,0 +1,5451 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pl-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px mr-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="swiper primary-slider">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <div
+                class="max-w-[2126px] h-[560px] lg:h-[650px] 4xl:h-[800px] bg-[url('../img/slider/111.jpeg')] mx-auto bg-no-repeat bg-center bg-cover flex flex-col justify-center items-center lg:items-start"
+              >
+                <div
+                  class="lg:h-full max-w-[460px] 4xl:max-w-500px w-full px-30px lg:px-0"
+                >
+                  <div
+                    class="p-30px pb-10 lg:h-full bg-white bg-opacity-90 max-w-[400px] 4xl:max-w-500px w-full"
+                  >
+                    <div
+                      class="flex flex-col justify-center items-center text-center h-full"
+                    >
+                      <div
+                        class="relative before:hidden before:lg:block before:h-[84px] before:w-0.5 before:bg-heading-color before:absolute before:left-1/2 before:top-[-46%] before:-translate-x-1/2 after:hidden after:lg:block after:h-[84px] after:w-0.5 after:bg-heading-color after:absolute after:left-1/2 after:bottom-[-51%] after:-translate-x-1/2 slide-animation"
+                      >
+                        <h1
+                          class="text-2xl md:text-26px lg:text-4xl 4xl:text-[46px] text-heading-color font-bold mb-15px hyphens-none w-full uppercase animated"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3 4xl:leading-1.3"
+                          >
+                            OUR MODERN LIVING QUARTERS
+                          </span>
+                        </h1>
+                        <h1
+                          class="text-17px md:text-lg lg:text-xl -heading-color font-bold mb-30px hyphens-none w-full uppercase animated"
+                        >
+                          <span class="leading-1 md:leading-1.3 lg:leading-1.3">
+                            SITEWIDE 21% OFF
+                          </span>
+                        </h1>
+                        <div class="animated">
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Shop Now
+                            </a>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-115px pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px items-center">
+            <!-- about left -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/11.png"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div>
+              <div>
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Dream Living Spaces Setting New Build
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="space-y-5 pt-30px">
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-house-4 text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-call-center-agent text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:right-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-maps-and-location text-50px text-secondary-color ml-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center ml-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute left-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-left " ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-right " ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:right-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 right-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-right clear-both inline-block ml-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/index.html b/quarter-rtl/index.html
new file mode 100644
index 0000000..6d8c115
--- /dev/null
+++ b/quarter-rtl/index.html
@@ -0,0 +1,5598 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl" >
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body >
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a class="whitespace-nowrap px-30px py-2" href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:right-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:right-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 rtl:-left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper primary-slider" >
+              <div class="swiper-wrapper">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          وكالة عقارات
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                          ابحث عن حلمك  <br >
+                          البيت من قبلنا
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px rtl:pr-15px rtl:xl:pr-30px ltr:border-l rtl:border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >استفسر</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div
+                        class="4xl:absolute left-[60px] xl:left-[150px] bottom-[100px] 4xl:h-[70%] 4xl:w-[45%]"
+                      >
+                        <img
+                          class="4xl:h-full 4xl:mr-auto"
+                          src="./assets/img/slider/21.png"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div class="grid grid-cols-1 lg:grid-cols-2">
+                      <!-- banner Left -->
+                      <div
+                        class="lg:col-start-2 lg:col-span-1 flex flex-col items-end text-end slide-animation"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color ml-1"></i>
+                          وكالة عقارات
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                          المكان الصحيح  <br >
+                          العثور على المنزل
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px rtl:pl-15px rtl:xl:pl-30px rtl:border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟لوريم إيبسوم جزر معزز الخصومات. النوم والألم؟
+                          </span>
+                        </p>
+                        <div class="lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block ml-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >خدماتنا</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >يتعلم أكثر</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- banner right -->
+                      <div
+                        class="lg:row-start-1 lg:row-span-1 lg:col-start-1 lg:col-span-1"
+                      >
+                        <div
+                          class="4xl:absolute rtl:right-[60px] rtl:xl:right-[150px] bottom-[100px] 4xl:h-[70%] 4xl:w-[45%]"
+                        >
+                          <img
+                            class="4xl:h-full 4xl:ml-auto"
+                            src="./assets/img/slider/21.png"
+                            alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden xl:block " >
+                <div class="swiper-button-next">
+                  <i class="fas fa-arrow-right rtl:hidden"></i>
+                  <i class="fas fa-arrow-left hidden rtl:block"></i>
+                </div>
+                <div class="swiper-button-prev">
+                  <i class="fas fa-arrow-right hidden rtl:block"></i>
+                  <i class="fas fa-arrow-left block rtl:hidden"></i>
+                </div>
+              </div>
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/7.png" alt="" class="max-w-full" >
+              <div
+                class="absolute rtl:right-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center rtl:ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center rtl:ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center rtl:ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center rtl:ml-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 rtl:border-r-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block ml-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static" dir="rtl">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] left-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                <i class="fas fa-arrow-left"></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                <i class="fas fa-arrow-right "></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                </div>
+
+                <!-- card body -->
+                <div class="pr-25px">
+                  <div class="absolute left-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share: </span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+         
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  flaticon-slider
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-left"></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-right "></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-left"></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-right "></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/locations.html b/quarter-rtl/locations.html
new file mode 100644
index 0000000..f48fb37
--- /dev/null
+++ b/quarter-rtl/locations.html
@@ -0,0 +1,3113 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Google Map Locations</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Locations
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- GOOGLE MAP LOCATIONS AREA START -->
+      <div class="google-map-locations-area">
+        <div id="gmap"></div>
+      </div>
+      <!-- location section -->
+      <section>
+        <div class="container pt-30 pb-70px">
+          <!-- heading -->
+          <div>
+            <h1
+              class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-56px 3xl:text-6xl 4xl:text-7xl font-bold text-heading-color mb-10"
+            >
+              <span
+                class="leading-1.3 sm:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                >Find your nearby location</span
+              ><span
+                class="leading-1.3 sm:leading-1.3 3xl:leading-1.3 4xl:leading-1.3 text-secondary-color"
+                >.</span
+              >
+            </h1>
+            <!-- filter loc -->
+          </div>
+          <!-- filter location -->
+          <form class="form-primary form-loacation pb-100px">
+            <div
+              class="p-50px flex gap-x-30px gap-y-5 flex-wrap items-center bg-secondary-color"
+            >
+              <h4
+                class="mb-0 text-lg md:text-xl lg:text-22px xl:text-2xl text-white"
+              >
+                <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                  >Your State</span
+                >
+              </h4>
+              <!-- type select -->
+              <div class="relative">
+                <select
+                  class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                >
+                  <option value="Make A Selection">Make A Selection</option>
+                  <option data-display="Select" value="New York">
+                    New York
+                  </option>
+                  <option value="South Carolina">South Carolina</option>
+                  <option value="Florida">Florida</option>
+                  <option value="Rhode Island">Rhode Island</option>
+                  <option value="Melbourne">Melbourne</option>
+                  <option value="Sydney">Sydneys</option>
+                  <option value="Cairns">Cairns</option>
+                </select>
+              </div>
+            </div>
+          </form>
+          <!-- loacation details -->
+          <ul>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >Alabama</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 6 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >Boston</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >New York</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/maplace-active.js"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCeeHDCOXmUMja1CFg96RbtyKgx381yoBU"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/login.html b/quarter-rtl/login.html
new file mode 100644
index 0000000..07d4604
--- /dev/null
+++ b/quarter-rtl/login.html
@@ -0,0 +1,2340 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Account
+              </span>
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Login
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-70px">
+          <!-- heading -->
+          <div class="text-center mb-50px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Sign In <br >
+                To Your Account
+              </span>
+            </h1>
+            <p class="text-sm lg:text-base">
+              <span class="leading-1.8 lg:leading-1.8"
+                >Lorem ipsum dolor, sit amet consectetur adipisicing elit.
+                <br >
+                Sit aliquid, Non distinctio vel iste.</span
+              >
+            </p>
+          </div>
+          <div class="grid grid-cols-1 lg:grid-cols-2">
+            <form
+              class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+            >
+              <!-- passwords -->
+              <div>
+                <div class="grid grid-cols-1 gap-30px pb-30px">
+                  <!-- email -->
+                  <div class="relative">
+                    <input
+                      type="email"
+                      placeholder="Email*"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                    >
+                  </div>
+
+                  <!-- Confirm new password -->
+                  <div class="relative">
+                    <input
+                      type="password"
+                      placeholder="Password*"
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- submit button -->
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                >
+                  <button
+                    type="submit"
+                    class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                  >
+                    SIGN IN
+                  </button>
+                </h5>
+              </div>
+              <!-- forgotten password -->
+              <a href="#" class="uppercase mt-6 text-13px lg:text-sm">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >FORGOTTEN YOUR PASSWORD?</span
+                >
+              </a>
+            </form>
+            <!-- create account -->
+            <div class="bg-white pt-50px text-center">
+              <div>
+                <h5
+                  class="text-17px md:text-lg lg:text-xl font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    DON'T HAVE AN ACCOUNT?</span
+                  >
+                </h5>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8 lg:leading-1.8 mb-30px"
+                    >Add items to your wishlistget personalised recommendations
+                    <br >
+                    check out more quickly track your orders register</span
+                  >
+                </p>
+              </div>
+              <!-- submit button -->
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                >
+                  <a
+                    href="register.html"
+                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                  >
+                    CREATE ACCOUNT
+                  </a>
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/order-tracking.html b/quarter-rtl/order-tracking.html
new file mode 100644
index 0000000..43d714c
--- /dev/null
+++ b/quarter-rtl/order-tracking.html
@@ -0,0 +1,2300 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Order Tracking</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Order Tracking
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <div
+            class="lg:w-2/3 lg:mx-auto px-25px md:px-50px pt-10 pb-50px bg-section-bg-1"
+          >
+            <p class="text-sm lg:text-base mb-15px text-center">
+              <span class="leading-1.8 lg:leading-1.8">
+                To track your order please enter your Order ID in the box below
+                and press the "Track Order" button. This was given to you on
+                your receipt and in the confirmation email you should have
+                received.
+              </span>
+            </p>
+
+            <div>
+              <form class="form-primary">
+                <div class="grid grid-cols-1 gap-30px mb-30px">
+                  <!-- Order ID -->
+                  <div class="relative">
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"> Order ID </span>
+                    </p>
+                    <input
+                      type="email"
+                      placeholder="Found in your order confirmation email."
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-70"
+                    >
+                  </div>
+                  <!-- Billing email -->
+                  <div class="relative">
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Billing email</span
+                      >
+                    </p>
+                    <input
+                      type="email"
+                      placeholder="Email you used during checkout."
+                      class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-70"
+                    >
+                  </div>
+                </div>
+
+                <!-- submt -->
+                <div class="flex justify-center">
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                    >
+                      Place order
+                    </button>
+                  </h5>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/portfolio-2.html b/quarter-rtl/portfolio-2.html
new file mode 100644
index 0000000..3873475
--- /dev/null
+++ b/quarter-rtl/portfolio-2.html
@@ -0,0 +1,3313 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Portfolio</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolios section -->
+      <section>
+        <div class="container py-30 filter-container">
+          <!-- filter controllers -->
+
+          <div>
+            <ul
+              class="filter-controllers button-group filters-button-group flex items-center flex-wrap gap-10px mb-60px"
+            >
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="is-checked text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter="*"
+                >
+                  All
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter1"
+                >
+                  Houses
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter2"
+                >
+                  Retail
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter3"
+                >
+                  Condos
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div
+            class="filter-contents flex flex-wrap justify-center mb-30px -mx-15px"
+          >
+            <!-- portfolio 1 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-glightbox="type:image; "
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 2 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="#inline_description_1"
+                data-width="87vh"
+                data-height="28vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="far fa-file-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Inline Description
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 3 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="https://www.youtube.com/embed/6v2L2UGZJAM?version=3"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/3.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-youtube w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Youtube Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 4 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="https://player.vimeo.com/video/47362400"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/4.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-vimeo-v w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Vimeo Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 5 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/media/1.mp4"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/5.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-video w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >HTML5 Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 6 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1575.9076122223137!2d144.96590401578402!3d-37.81779982944919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b6af832249%3A0xe39e415e49a7c44e!2sFlinders%20Street%20Railway%20Station!5e0!3m2!1sen!2sbd!4v1598113544515!5m2!1sen!2sbd"
+                data-width="84vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/6.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-map-marker-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Google Map
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 7 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/7.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/7.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-acquisitions-incorporated w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Image Caption
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 8 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/img/gallery/no-image.jpg"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/8.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-not-equal w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Not Found
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 9 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="assets/img/gallery/9.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/9.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 10 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/10.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/10.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 11 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 12 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="assets/img/gallery/2.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+                data-glightbox="max-width:600;"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex justify-center">
+            <h5
+              class="capitalize inline-block text-sm md:text-base text-color-7 hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 border-2 border-border-color-10 mb-0"
+            >
+              <span
+                class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+              ></span>
+              <a
+                href="about.html"
+                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                >LOAD MORE +</a
+              >
+            </h5>
+          </div>
+        </div>
+      </section>
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-primary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-30">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-left " ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-right " ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- inline description -->
+      <div
+        id="inline_description_1"
+        class="overflow-hidden"
+        style="display: none"
+      >
+        <h4 class="first text-17px md:text-lg lg:text-xl font-bold mb-15px">
+          <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+            >This content comes from a hidden element on that page</span
+          >
+        </h4>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis
+            mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien.
+            Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh
+            adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at
+            blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
+            varius, cursus ac tortor.</span
+          >
+        </p>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Vivamus fringilla congue laoreet. Quisque ultrices sodales orci,
+            quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu
+            feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam
+            diam varius ac. Maecenas nisl nunc, molestie vitae eleifend
+            vel.</span
+          >
+        </p>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/portfolio-details.html b/quarter-rtl/portfolio-details.html
new file mode 100644
index 0000000..c396323
--- /dev/null
+++ b/quarter-rtl/portfolio-details.html
@@ -0,0 +1,2603 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Portfolio Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolio details section -->
+      <section>
+        <div class="container pt-30 pb-[105px]">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- thumbnail -->
+              <div class="mb-10">
+                <img src="./assets/img/service/22.jpg" alt="" class="w-full" >
+              </div>
+
+              <!-- description -->
+              <div>
+                <p class="text-sm lg:text-base my-6">
+                  <span
+                    class="w-60px h-60px md:w-100px md:h-100px bg-secondary-color mr-5 md:mr-30px text-40px md:text-[70px] font-bold text-white uppercase text-center leading-1 md:leading-1 flex justify-center items-center float-left"
+                  >
+                    L
+                  </span>
+
+                  orem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incidi dunt ut labore et dolore magna
+                  aliqua. Ut enim ad minim veniam, quis nostrud exerc itation
+                  ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+                  aute irure dolor in reprehenderit in voluptate velit esse
+                  cillum dolore eu fugiat nulla pariatur.
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <!-- cart 1 -->
+                  <div class="mb-50px">
+                    <!-- card banner -->
+                    <div>
+                      <img
+                        src="./assets/img/blog/7.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </div>
+                    <!-- card body -->
+                    <div
+                      class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                    >
+                      <div>
+                        <p class="text-sm lg:text-base mb-6">
+                          <span class="leading-1.8">
+                            Lorem ipsum ctetur elit, sed do eius mod tempor
+                            incididunt ut labore et dolore magna aliqua.
+                          </span>
+                        </p>
+                      </div>
+                      <!-- card footer -->
+
+                      <div>
+                        <div
+                          class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                        >
+                          <div class="w-60px h-60px flex-shrink-0">
+                            <img
+                              src="./assets/img/testimonial/1.jpg"
+                              alt=""
+                              class="w-full h-full"
+                            >
+                          </div>
+                          <div>
+                            <h4
+                              class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                            >
+                              <span class="leading-1.3">Jacob William</span>
+                            </h4>
+
+                            <h6
+                              class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                            >
+                              <span
+                                class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                              >
+                                Founder, Browni Co.
+                              </span>
+                            </h6>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div
+                        class="absolute right-[15px] bottom-[5px] -z-1 text-[110px] text-color-1 opacity-10 leading-1"
+                      >
+                        <i class="far fa-comments"></i>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- cart 2 -->
+                  <div class="mb-50px">
+                    <!-- card banner -->
+                    <div>
+                      <img
+                        src="./assets/img/blog/8.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </div>
+                    <!-- card body -->
+                    <div
+                      class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                    >
+                      <div>
+                        <p class="text-sm lg:text-base mb-6">
+                          <span class="leading-1.8">
+                            Lorem ipsum ctetur elit, sed do eius mod tempor
+                            incididunt ut labore et dolore magna aliqua.
+                          </span>
+                        </p>
+                      </div>
+                      <!-- card footer -->
+
+                      <div>
+                        <div
+                          class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                        >
+                          <div class="w-60px h-60px flex-shrink-0">
+                            <img
+                              src="./assets/img/testimonial/2.jpg"
+                              alt=""
+                              class="w-full h-full"
+                            >
+                          </div>
+                          <div>
+                            <h4
+                              class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                            >
+                              <span class="leading-1.3">Ethan James</span>
+                            </h4>
+
+                            <h6
+                              class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                            >
+                              <span
+                                class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                              >
+                                Admin
+                              </span>
+                            </h6>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div
+                        class="absolute right-[15px] bottom-[5px] -z-1 text-[110px] text-color-1 opacity-10 leading-1"
+                      >
+                        <i class="far fa-comments"></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <div>
+                    <img src="./assets/img/service/33.jpg" alt="" >
+                    <p class="text-sm">
+                      <span class="leading-1.8">Image caption here.</span>
+                    </p>
+                  </div>
+                  <div>
+                    <img src="./assets/img/service/34.jpg" alt="" >
+                  </div>
+                </div>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident.</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- category -->
+              <ul class="flex flex-col gap-y-4">
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Property Management
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-secondary-color text-sm font-bold uppercase relative group text-white"
+                  >
+                    Mortgage Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Consulting Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Buying
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Selling
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Escrow Services
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+              </ul>
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pr-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-2.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/portfolio.html b/quarter-rtl/portfolio.html
new file mode 100644
index 0000000..1be322f
--- /dev/null
+++ b/quarter-rtl/portfolio.html
@@ -0,0 +1,3247 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Portfolio</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolios section -->
+      <section>
+        <div class="container py-30">
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-30px mb-60px"
+          >
+            <!-- portfolio 1 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-glightbox="type:image;"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 2 -->
+            <div class="relative group">
+              <a
+                href="#inline_description_1"
+                data-width="87vh"
+                data-height="28vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="far fa-file-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Inline Description
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 3 -->
+            <div class="relative group">
+              <a
+                href="https://www.youtube.com/embed/6v2L2UGZJAM?version=3"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/3.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-youtube w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Youtube Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 4 -->
+            <div class="relative group">
+              <a
+                href="https://player.vimeo.com/video/47362400"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/4.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-vimeo-v w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Vimeo Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 5 -->
+            <div class="relative group">
+              <a
+                href="assets/media/1.mp4"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/5.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-video w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >HTML5 Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 6 -->
+            <div class="relative group">
+              <a
+                href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1575.9076122223137!2d144.96590401578402!3d-37.81779982944919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b6af832249%3A0xe39e415e49a7c44e!2sFlinders%20Street%20Railway%20Station!5e0!3m2!1sen!2sbd!4v1598113544515!5m2!1sen!2sbd"
+                data-width="84vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/6.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-map-marker-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Google Map
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 7 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/7.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/7.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-acquisitions-incorporated w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Image Caption
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 8 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/no-image.jpg"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/8.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-not-equal w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Not Found
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 9 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/9.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/9.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 10 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/10.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/10.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 11 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 12 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/2.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex justify-center">
+            <h5
+              class="capitalize inline-block text-sm md:text-base text-color-7 hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 border-2 border-border-color-10 mb-0"
+            >
+              <span
+                class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+              ></span>
+              <a
+                href="about.html"
+                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                >LOAD MORE +</a
+              >
+            </h5>
+          </div>
+        </div>
+      </section>
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-primary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-30">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-left " ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-right " ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- inline description -->
+      <div
+        id="inline_description_1"
+        class="overflow-hidden"
+        style="display: none"
+      >
+        <h4 class="first text-17px md:text-lg lg:text-xl font-bold mb-15px">
+          <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+            >This content comes from a hidden element on that page</span
+          >
+        </h4>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis
+            mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien.
+            Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh
+            adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at
+            blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
+            varius, cursus ac tortor.</span
+          >
+        </p>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Vivamus fringilla congue laoreet. Quisque ultrices sodales orci,
+            quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu
+            feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam
+            diam varius ac. Maecenas nisl nunc, molestie vitae eleifend
+            vel.</span
+          >
+        </p>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/product-details.html b/quarter-rtl/product-details.html
new file mode 100644
index 0000000..4199582
--- /dev/null
+++ b/quarter-rtl/product-details.html
@@ -0,0 +1,5367 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- details slider -->
+      <div>
+        <div class="news-slider-container swiper-container relative">
+          <!-- product details -->
+          <div class="swiper product-details-slider static">
+            <div class="swiper-wrapper mb-10">
+              <!-- card 1 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/31.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/31.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 2 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/32.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/32.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 3 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/33.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/33.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 4 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/34.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/34.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 5 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/35.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/35.jpg"
+                    alt=""
+                ></a>
+              </div>
+            </div>
+            <!-- pagination -->
+            <div
+              class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+            >
+              <span
+                class="swiper-pagination-bullet"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 1"
+              ></span
+              ><span
+                class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 2"
+                aria-current="true"
+              ></span
+              ><span
+                class="swiper-pagination-bullet"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 3"
+              ></span>
+            </div>
+            <!--  navigation -->
+            <div class="hidden lg:block">
+              <div class="swiper-button-next bg-white z-1">
+                <i class="fas fa-arrow-left " ></i>
+              </div>
+              <div class="swiper-button-prev bg-white z-1">
+                <i class="fas fa-arrow-right " ></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- product details section -->
+      <section>
+        <div class="container modal-container property-tab pt-70px pb-20">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- details body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!--  top -->
+              <ul
+                class="flex flex-wrap gap-x-15px md:gap-x-35px gap-y-15px items-center mb-30px"
+              >
+                <li>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center">
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >Featured</span
+                        ></a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-orange font-semibold hover:text-white"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >For Rent</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center">
+                    <li>
+                      <p class="text-xs md:text-sm font-semibold">
+                        <span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-calendar-alt text-secondary-color mr-5px"
+                          ></i>
+                          May 19, 2024</span
+                        >
+                      </p>
+                    </li>
+                    <li>
+                      <a class="text-xs md:text-sm font-semibold" href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-comments text-secondary-color mr-5px"
+                          ></i>
+                          35 Comments</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+
+              <!-- main -->
+              <div>
+                <h4
+                  class="text-2xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >Diamond Manor Apartment</span
+                  >
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    ><i class="flaticon-pin text-secondary-color"></i> Belmont
+                    Gardens, Chicago</span
+                  >
+                </p>
+                <!-- Description -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Description
+                </h4>
+                <p class="text-sm lg:text-base my-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Massa tempor nec feugiat nisl pretium. Egestas fringilla
+                    phasellus faucibus scelerisque eleifend donec Porta nibh
+                    venenatis cras sed felis eget velit aliquet. Neque volutpat
+                    ac tincidunt vitae semper quis lectus. Turpis in eu mi
+                    bibendum neque egestas congue quisque. Sed elementum tempus
+                    egestas sed sed risus pretium quam. Dignissim sodales ut eu
+                    sem. Nibh mauris cursus mattis molestee iaculis at erat
+                    pellentesque. Id interdum velit laoreet id donec ultrices
+                    tincidunt.</span
+                  >
+                </p>
+
+                <p class="text-sm lg:text-base my-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >To the left is the modern kitchen with central island,
+                    leading through to the unique breakfast family room which
+                    feature glass walls and doors out onto the garden and access
+                    to the separate utility room.</span
+                  >
+                </p>
+                <!-- Property Detail -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Property Detail
+                </h4>
+                <div class="flex flex-col md:flex-row bg-section-bg-1 mb-60px">
+                  <ul
+                    class="px-30px md:px-50px py-5 md:pt-30px md:pb-10 md:border-l md:border-border-color-7"
+                  >
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Property ID:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> HZ29</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Home Area:
+                      </span>
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          120 sqft</span
+                        >
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Rooms:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 7</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Baths</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 2</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Year built:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 1992</span>
+                      </p>
+                    </li>
+                  </ul>
+                  <ul class="px-30px md:px-50px py-5 md:pt-30px md:pb-10">
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Lot Area:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> HZ29</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Lot dimensions:
+                      </span>
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          120 sqft</span
+                        >
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Beds:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 7</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Price:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 2</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Property Status:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          For Sale</span
+                        >
+                      </p>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Facts and Features-->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Facts and Features
+                </h4>
+
+                <ul class="flex flex-wrap mb-45px">
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Living Room</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Garage</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Dining Area</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Bedroom</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Bathroom</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Gym Area</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Garden</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Parking</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                </ul>
+                <!-- Gallery -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  From Our Gallery
+                </h4>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-60px">
+                  <div class="md:cols-start-1 md:col-span-1 leading-1">
+                    <a
+                      href="assets/img/others/14.jpg"
+                      class="glightbox w-full leading-1 md:h-full"
+                    >
+                      <img
+                        src="./assets/img/others/14.jpg"
+                        alt=""
+                        class="w-full md:h-full"
+                      >
+                    </a>
+                  </div>
+
+                  <div
+                    class="md:cols-start-1 md:col-span-1 md:row-start-2 md:row-sapn-1 leading-1"
+                  >
+                    <a
+                      href="assets/img/others/15.jpg"
+                      class="glightbox w-full leading-1"
+                    >
+                      <img
+                        src="./assets/img/others/15.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </a>
+                  </div>
+                  <div
+                    class="md:cols-start-2 md:col-span-1 md:row-start-1 md:row-span-2 leading-1"
+                  >
+                    <a
+                      href="assets/img/others/16.jpg"
+                      class="glightbox w-full leading-1 md:h-full"
+                      data-width="56vh"
+                    >
+                      <img
+                        src="./assets/img/others/16.jpg"
+                        alt=""
+                        class="w-full md:h-full"
+                      >
+                    </a>
+                  </div>
+                </div>
+
+                <!-- Amenities -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Amenities
+                </h4>
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-60px gap-y-15px"
+                >
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Air Conditioning
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Gym
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Microwave
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Swimming Pool
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Swimming Pool
+                      </label>
+                    </li>
+                  </ul>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        gap-y-15px
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="recreation-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="recreation-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Recreation
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="microwave-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="microwave-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Microwave
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="basketball-cout-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="basketball-cout-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Basketball Cout
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="fireplace-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="fireplace-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Fireplace
+                      </label>
+                    </li>
+                  </ul>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="refrigerator-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="refrigerator-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Refrigerator
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="window-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="window-coverings-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Window Coverings
+                      </label>
+                    </li>
+
+                    <li class="text-sm font-bold">
+                      <label
+                        for="washer-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="washer-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Washer
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="24x7-security-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="24x7-security-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        24x7 Security
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="indoor-game-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="indoor-game-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Indoor Game
+                      </label>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Location -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Location
+                </h4>
+                <div class="h-360px mb-60px">
+                  <iframe
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                 
+                   style="height:100%;width:100%;border:0px;"
+                   
+                    allowfullscreen=""
+                    aria-hidden="false"
+                    tabindex="0"
+                  ></iframe>
+                </div>
+
+                <!-- Floor Plans -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Floor Plans
+                </h4>
+                <div class="tab plan-tab mb-60px">
+                  <div
+                    class="tab-links flex flex-wrap items-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+                  >
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      First Floor
+                    </button>
+
+                    <button
+                      class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Second Floor
+                    </button>
+
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Third Floor
+                    </button>
+
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Top Garden
+                    </button>
+                  </div>
+
+                  <div class="tab-contents">
+                    <!-- content 1 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> First Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 2 -->
+                    <div>
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Second Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 3 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Thired Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 4 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Top Garden </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Property Video -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Property Video
+                </h4>
+                <div class="mb-60px">
+                  <div
+                    class="relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-40 after:z-1 w-full h-auto lg:h-[450px] xl:h-[500px] min-h-80 md:min-h-[350px] bg-[url('../img/others/5.jpg')] bg-center bg-no-repeat bg-cover"
+                  >
+                    <div
+                      class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                    >
+                      <a
+                        class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-100% bg-white flex items-center justify-center"
+                        href="https://www.youtube.com/embed/eWUxqVFBq74?autoplay=1&showinfo=0"
+                        data-glightbox="type: video;"
+                      >
+                        <i class="icon-play"></i>
+                      </a>
+                    </div>
+                  </div>
+                </div>
+                <!-- Customer Reviews -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Customer Reviews
+                </h4>
+                <div>
+                  <ul class="text-xs text-ratings flex items-center">
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="far fa-star"></i></a>
+                    </li>
+                    <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                  </ul>
+                </div>
+                <hr
+                  class="my-50px border-t border-border-color-11 opacity-40"
+                >
+                <!-- reviews -->
+                <ul class="mb-20px">
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 pb-30px"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/1.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Adam Smit</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/3.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Jhone Doe</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/2.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Arnold Jack</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:left-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                </ul>
+
+                <!-- add reviews -->
+                <form
+                  class="form-primary bg-white-5 shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-5 mb-60px"
+                >
+                  <h4
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                      Add a Review</span
+                    >
+                  </h4>
+                  <div class="flex gap-15px items-center mb-30px">
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold text-heading-color mb-0"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Your Ratings:</span
+                      >
+                    </h5>
+                    <ul class="text-xs text-ratings flex items-center">
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="grid gap-30px mb-35px">
+                    <!-- message -->
+                    <div class="relative mb-2">
+                      <textarea
+                       
+                        
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color bg-white pr-5 pl-50px py-15px outline-none border-2 focus:border-0 border-white-5 h-65px block w-full rounded-none transition-none"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 left-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your name...."
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                       <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your email...."
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+
+                    <!-- website -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your website...."
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-35px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm mr-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        Submit
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+
+                <!-- Related Properties -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Related Properties
+                </h4>
+                <div class="-mx-15px modal-container">
+                  <div class="grid grid-cols-1 sm:grid-cols-2">
+                    <!-- card 1 -->
+                    <div class="apart-card mb-50px px-15px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+
+                          <div class="absolute top-10 lg:top-5 left-[30px]">
+                            <a href="team-details.html" class="w-50px h-50px"
+                              ><img
+                                src="./assets/img/blog/author.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                            ></a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 pt-30px lg:px-30px">
+                          <p
+                            class="text-secondary-color font-semibold mb-15px uppercase"
+                          >
+                            <span class="leading-25px">For Rent</span>
+                          </p>
+                          <h4
+                            class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >New Apartment Nice View</a
+                            >
+                          </h4>
+
+                          <div class="text-sm">
+                            <a
+                              href="locations.html"
+                              class="hover:text-secondary-color"
+                              ><i
+                                class="flaticon-pin text-secondary-color mr-0.5"
+                              ></i>
+                              Belmont Gardens, Chicago</a
+                            >
+                          </div>
+
+                          <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3 <span class="font-normal">Bed</span>
+                              </p>
+                            </li>
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                2 <span class="font-normal">Bath</span>
+                              </p>
+                            </li>
+
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3450 <span class="font-normal">Square Ft</span>
+                              </p>
+                            </li>
+                          </ul>
+                          <div
+                            class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                          >
+                            <ul class="flex gap-x-2">
+                              <li>
+                                <button
+                                  data-modal-index="1"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-expand leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <button
+                                  data-modal-index="2"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-heart-1 leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <a
+                                  href="product-details.html"
+                                  class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  ><i class="flaticon-add leading-1"></i
+                                ></a>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                        <!-- cart footer -->
+                        <div
+                          class="p-5 lg:px-30px border-t border-border-color-1"
+                        >
+                          <h5
+                            class="text-lg text-secondary-color font-semibold mb-5px"
+                          >
+                            <span class="leading-1.8">$34,900</span>
+                            <label class="text-sm font-normal">/Month</label>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="apart-card mb-50px px-15px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+
+                          <div class="absolute top-10 lg:top-5 left-[30px]">
+                            <a href="team-details.html" class="w-50px h-50px"
+                              ><img
+                                src="./assets/img/blog/author.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                            ></a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 pt-30px lg:px-30px">
+                          <p
+                            class="text-secondary-color font-semibold mb-15px uppercase"
+                          >
+                            <span class="leading-25px">For Sale</span>
+                          </p>
+                          <h4
+                            class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >New Apartment Nice View</a
+                            >
+                          </h4>
+
+                          <div class="text-sm">
+                            <a
+                              href="locations.html"
+                              class="hover:text-secondary-color"
+                              ><i
+                                class="flaticon-pin text-secondary-color mr-0.5"
+                              ></i>
+                              Belmont Gardens, Chicago</a
+                            >
+                          </div>
+
+                          <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3 <span class="font-normal">Bed</span>
+                              </p>
+                            </li>
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                2 <span class="font-normal">Bath</span>
+                              </p>
+                            </li>
+
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3450 <span class="font-normal">Square Ft</span>
+                              </p>
+                            </li>
+                          </ul>
+                          <div
+                            class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                          >
+                            <ul class="flex gap-x-2">
+                              <li>
+                                <button
+                                  data-modal-index="1"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-expand leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <button
+                                  data-modal-index="2"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-heart-1 leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <a
+                                  href="product-details.html"
+                                  class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  ><i class="flaticon-add leading-1"></i
+                                ></a>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                        <!-- cart footer -->
+                        <div
+                          class="p-5 lg:px-30px border-t border-border-color-1"
+                        >
+                          <h5
+                            class="text-lg text-secondary-color font-semibold mb-5px"
+                          >
+                            <span class="leading-1.8">$34,900</span>
+                            <label class="text-sm font-normal">/Month</label>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- modals -->
+                   <!-- modal apartment details-->
+           <div
+           class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+         >
+           <div
+             class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+           ></div>
+           <div
+             class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+           >
+             <div
+               class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+             >
+               <div>
+                 <img
+                   src="./assets/img/product/4.png"
+                   class="w-full"
+                   alt=""
+                 >
+               </div>
+ 
+               <!-- card body -->
+               <div class="pr-25px">
+                 <div class="absolute left-4 top-4">
+                   <button
+                     class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                   >
+                     <span>×</span>
+                   </button>
+                 </div>
+                 <ul class="flex items-center mb-5px">
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star-half-alt leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="far fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                     >
+                       ( 95 Reviews )</a
+                     >
+                   </li>
+                 </ul>
+ 
+                 <h4
+                   class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                 >
+                   <a
+                     href="product-details.html"
+                     class="leading-1.3 hover:text-secondary-color"
+                     >3 Rooms Manhattan</a
+                   >
+                 </h4>
+                 <p
+                   class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                 >
+                   <span>$149.00</span>
+                   <del
+                     class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                     >$165.00</del
+                   >
+                 </p>
+                 <!-- categories -->
+                 <div class="py-5 border-y border-border-color-12 mb-30px">
+                   <ul class="flex gap-x-10px items-center font-semibold">
+                     <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                       Categories:
+                     </span></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Parts,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Car,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Seat,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Cover
+                     </a></li>
+                   </ul>
+                 </div>
+ 
+                 <!-- action -->
+                  <div class="flex items-center gap-4 mb-4">
+                   <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                     <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                       -
+                     </div>
+                     <div class="flex-grow h-full">
+                       <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                     </div>
+                     <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                       +
+                     </div>
+                   </form>
+ 
+                   <div >
+                     <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                       <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                       <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                     </h5>
+                   </div>
+                  </div>
+ 
+                 <ul
+                   class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                 >
+                   <li class="text-sm">
+                     <button
+                       class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                       data-modal-index="3"
+                     >
+                       <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                     </button>
+                   </li>
+ 
+                   <li class="text-sm">
+                     <button
+                       class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     >
+                       <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                     </button>
+                   </li>
+                 </ul>
+                 <!-- social area -->
+                 <ul class="flex gap-x-[18px] items-center">
+                   <li>
+                     <p class="text-sm lg:text-base">
+                       <span class="leading-1.8">Share</span>
+                     </p>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.facebook.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-facebook-f leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://x.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-twitter leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.linkedin.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-linkedin leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.instagram.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-instagram leading-1.8"></i>
+                     </a>
+                   </li>
+                 </ul>
+ 
+                
+               </div>
+             </div>
+           </div>
+         </div>
+                    <!-- modal  wishlist 1-->
+                    <div
+                    class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+                  >
+                    <div
+                      class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+                    ></div>
+          
+                    <div
+                      class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+                    >
+                      <div class="flex">
+                        <div class="w-125px ml-5 flex-shrink-0">
+                          <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                        </div>
+          
+                        <!-- card body -->
+                        <div class="pl-25px">
+                          <div class="absolute left-4 top-4">
+                            <button
+                              class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                            >
+                              <span>×</span>
+                            </button>
+                          </div>
+          
+                          <h4
+                            class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="leading-1.3 hover:text-secondary-color"
+                              >3 Rooms Manhattan</a
+                            >
+                          </h4>
+          
+                          <p
+                            class="text-sm lg:text-base mb-5 md:mb-6  "
+                          >
+                            <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                           Successfully added to your Wishlist
+                          </p>
+                          <!-- action -->
+                          <div>
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="wishlist.html"
+                                class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                                >View Wishlist</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                    <!-- modal  wishlist 2-->
+                    <div
+                    class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+                  >
+                    <div
+                      class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+                    ></div>
+          
+                    <div
+                      class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+                    >
+                      <div class="flex">
+                        <div class="w-125px ml-5 flex-shrink-0">
+                          <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                        </div>
+          
+                        <!-- card body -->
+                        <div class="pl-25px">
+                          <div class="absolute left-4 top-4">
+                            <button
+                              class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                            >
+                              <span>×</span>
+                            </button>
+                          </div>
+          
+                          <h4
+                            class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="leading-1.3 hover:text-secondary-color"
+                              >3 Rooms Manhattan</a
+                            >
+                          </h4>
+          
+                          <p
+                            class="text-sm lg:text-base mb-5 md:mb-6  "
+                          >
+                            <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                           Successfully added to your Wishlist
+                          </p>
+                          <!-- action -->
+                          <div>
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="wishlist.html"
+                                class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                                >View Wishlist</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-60px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 left-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pr-10px border-r-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/register.html b/quarter-rtl/register.html
new file mode 100644
index 0000000..5d733b0
--- /dev/null
+++ b/quarter-rtl/register.html
@@ -0,0 +1,2378 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Account
+              </span>
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Register
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-30 flex lg:justify-center">
+          <div class="lg:basis-1/2">
+            <!-- heading -->
+            <div class="text-center mb-50px">
+              <h1
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px font-bold text-heading-color mb-15px"
+              >
+                <span
+                  class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                  >Register <br >
+                  Your Account
+                </span>
+              </h1>
+              <p class="text-sm lg:text-base">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor, sit amet consectetur adipisicing elit.
+                  <br >
+                  Sit aliquid, Non distinctio vel iste.</span
+                >
+              </p>
+            </div>
+            <!-- form -->
+            <div>
+              <form
+                class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+              >
+                <!-- passwords -->
+                <div>
+                  <div class="grid grid-cols-1 gap-30px pb-30px">
+                    <!-- 1st name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="First Name"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+                    <!-- 2nd name -->
+                    <div class="relative">
+                      <input
+                        type="email"
+                        placeholder="Last Name"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="email"
+                        placeholder="Email*"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+
+                    <!-- password -->
+                    <div class="relative">
+                      <input
+                        type="password"
+                        placeholder="Password*"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                      >
+                    </div>
+                    <!-- Confirm new password -->
+                    <div class="relative">
+                      <input
+                        type="password"
+                        placeholder="Confirm Password*"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                      >
+                    </div>
+                  </div>
+                </div>
+                <!-- agree -->
+                <div>
+                  <div class="text-sm mb-2">
+                    <input
+                      type="checkbox"
+                      id="agree"
+                      class="float-right clear-both mt-1"
+                    >
+                    <label for="agree" class="text-sm mr-1 leading-1.8">
+                      I consent to Herboil processing my personal data in order
+                      to send personalized marketing material in accordance with
+                      the consent form and the privacy policy.
+                    </label>
+                  </div>
+                  <div class="text-sm mb-35px">
+                    <input
+                      type="checkbox"
+                      id="agree2"
+                      class="float-right clear-both mt-1"
+                    >
+                    <label for="agree2" class="text-sm mr-1 leading-1.8">
+                      By clicking "create account", I consent to the privacy
+                      policy.
+                    </label>
+                  </div>
+                </div>
+                <!-- submit button -->
+
+                <div>
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                  >
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                    >
+                      CREATE ACCOUNT
+                    </button>
+                  </h5>
+                </div>
+              </form>
+              <!-- create account -->
+              <div class="bg-white text-center">
+                <div>
+                  <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >By creating an account, you agree to our:</span
+                    >
+                  </p>
+                  <a href="#" class="uppercase text-sm lg:text-base block">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >TERMS OF CONDITIONS &nbsp; &nbsp; | &nbsp; &nbsp; PRIVACY
+                      POLICY</span
+                    >
+                  </a>
+                  <a
+                    href="login.html"
+                    class="uppercase text-sm lg:text-base mt-50px"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >ALREADY HAVE AN ACCOUNT ?</span
+                    >
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/service-details.html b/quarter-rtl/service-details.html
new file mode 100644
index 0000000..d7e2863
--- /dev/null
+++ b/quarter-rtl/service-details.html
@@ -0,0 +1,2458 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Service Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property Management
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- service details section -->
+      <section>
+        <div class="container pt-30 pb-[105px]">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- thumbnail -->
+              <div class="mb-10">
+                <img src="./assets/img/service/21.jpg" alt="" class="w-full" >
+              </div>
+
+              <!-- description -->
+              <div>
+                <p class="text-sm lg:text-base my-6">
+                  <span
+                    class="w-60px h-60px md:w-100px md:h-100px bg-secondary-color mr-5 md:mr-30px text-40px md:text-[70px] font-bold text-white uppercase text-center leading-1 md:leading-1 flex justify-center items-center float-left"
+                  >
+                    L
+                  </span>
+
+                  orem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incidi dunt ut labore et dolore magna
+                  aliqua. Ut enim ad minim veniam, quis nostrud exerc itation
+                  ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+                  aute irure dolor in reprehenderit in voluptate velit esse
+                  cillum dolore eu fugiat nulla pariatur.
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <div>
+                    <img src="./assets/img/service/31.jpg" alt="" >
+                    <p class="text-sm">
+                      <span class="leading-1.8">Image caption here.</span>
+                    </p>
+                  </div>
+                  <div>
+                    <img src="./assets/img/service/32.jpg" alt="" >
+                  </div>
+                </div>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident.</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- category -->
+              <ul class="flex flex-col gap-y-4">
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Property Management
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-secondary-color text-sm font-bold uppercase relative group text-white"
+                  >
+                    Mortgage Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Consulting Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Buying
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Selling
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Escrow Services
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute left-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+              </ul>
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pr-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-1.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/service.html b/quarter-rtl/service.html
new file mode 100644
index 0000000..a66ce47
--- /dev/null
+++ b/quarter-rtl/service.html
@@ -0,0 +1,2943 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >What We Do</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Service
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-115px">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-30px">
+            <!-- about left -->
+            <div
+              class="lg:col-start-1 lg:col-span-5 lg:mr-30px relative pr-30px mb-10 lg:mb-0 after:w-30px after:h-[85%] after:absolute after:top-1/2 after:right-0 after:-translate-y-1/2 after:bg-secondary-color"
+            >
+              <img
+                src="./assets/img/service/11.jpg"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div class="lg:col-start-6 lg:col-span-7">
+              <div class="mb-10">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace<span
+                      class="text-secondary-color"
+                      >.</span
+                    >
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px mb-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur.</span
+                  >
+                </p>
+              </div>
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="about.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                    >About Us</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Core Services </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i class="flaticon-house leading-1 text-secondary-color"></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Property Management</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-mortgage leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Mortgage Service</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-operator leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Consulting Service</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-house-1 leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Home Buying</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-house-3 leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Home Selling</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-official-documents leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Escrow Services</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-left " ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-right " ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/shop-grid.html b/quarter-rtl/shop-grid.html
new file mode 100644
index 0000000..f63520a
--- /dev/null
+++ b/quarter-rtl/shop-grid.html
@@ -0,0 +1,4313 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property No Sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property No Sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div>
+            <!-- poperty body -->
+            <div>
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap md:items-center justify-between gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul class="flex items-center flex-wrap gap-y-3">
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+                <div>
+                  <h3 class="text-base font-medium text-paragraph-color">
+                    <span class="leading-50px"> Showing 9 of 20 results </span>
+                  </h3>
+                </div>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+         <!-- modal apartment details-->
+         <div
+         class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+       >
+         <div
+           class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+         ></div>
+         <div
+           class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+         >
+           <div
+             class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+           >
+             <div>
+               <img
+                 src="./assets/img/product/4.png"
+                 class="w-full"
+                 alt=""
+               >
+             </div>
+
+             <!-- card body -->
+             <div class="pr-25px">
+               <div class="absolute left-4 top-4">
+                 <button
+                   class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                 >
+                   <span>×</span>
+                 </button>
+               </div>
+               <ul class="flex items-center mb-5px">
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star-half-alt leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="far fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                   >
+                     ( 95 Reviews )</a
+                   >
+                 </li>
+               </ul>
+
+               <h4
+                 class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+               >
+                 <a
+                   href="product-details.html"
+                   class="leading-1.3 hover:text-secondary-color"
+                   >3 Rooms Manhattan</a
+                 >
+               </h4>
+               <p
+                 class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+               >
+                 <span>$149.00</span>
+                 <del
+                   class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                   >$165.00</del
+                 >
+               </p>
+               <!-- categories -->
+               <div class="py-5 border-y border-border-color-12 mb-30px">
+                 <ul class="flex gap-x-10px items-center font-semibold">
+                   <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                     Categories:
+                   </span></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Parts,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Car,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Seat,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Cover
+                   </a></li>
+                 </ul>
+               </div>
+
+               <!-- action -->
+                <div class="flex items-center gap-4 mb-4">
+                 <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                   <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                     -
+                   </div>
+                   <div class="flex-grow h-full">
+                     <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                   </div>
+                   <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                     +
+                   </div>
+                 </form>
+
+                 <div >
+                   <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                     <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                     <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                   </h5>
+                 </div>
+                </div>
+
+               <ul
+                 class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+               >
+                 <li class="text-sm">
+                   <button
+                     class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     data-modal-index="3"
+                   >
+                     <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                   </button>
+                 </li>
+
+                 <li class="text-sm">
+                   <button
+                     class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                   >
+                     <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                   </button>
+                 </li>
+               </ul>
+               <!-- social area -->
+               <ul class="flex gap-x-[18px] items-center">
+                 <li>
+                   <p class="text-sm lg:text-base">
+                     <span class="leading-1.8">Share</span>
+                   </p>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.facebook.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-facebook-f leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://x.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-twitter leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.linkedin.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-linkedin leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.instagram.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-instagram leading-1.8"></i>
+                   </a>
+                 </li>
+               </ul>
+
+              
+             </div>
+           </div>
+         </div>
+       </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/shop-left-sidebar.html b/quarter-rtl/shop-left-sidebar.html
new file mode 100644
index 0000000..33efc83
--- /dev/null
+++ b/quarter-rtl/shop-left-sidebar.html
@@ -0,0 +1,4823 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property Left sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property Left sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:row-start-1 lg:col-start-1 lg:col-span-4 pt-100px lg:pt-0"
+            >
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+         <!-- modal apartment details-->
+         <div
+         class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+       >
+         <div
+           class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+         ></div>
+         <div
+           class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+         >
+           <div
+             class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+           >
+             <div>
+               <img
+                 src="./assets/img/product/4.png"
+                 class="w-full"
+                 alt=""
+               >
+             </div>
+
+             <!-- card body -->
+             <div class="pr-25px">
+               <div class="absolute left-4 top-4">
+                 <button
+                   class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                 >
+                   <span>×</span>
+                 </button>
+               </div>
+               <ul class="flex items-center mb-5px">
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star-half-alt leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="far fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                   >
+                     ( 95 Reviews )</a
+                   >
+                 </li>
+               </ul>
+
+               <h4
+                 class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+               >
+                 <a
+                   href="product-details.html"
+                   class="leading-1.3 hover:text-secondary-color"
+                   >3 Rooms Manhattan</a
+                 >
+               </h4>
+               <p
+                 class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+               >
+                 <span>$149.00</span>
+                 <del
+                   class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                   >$165.00</del
+                 >
+               </p>
+               <!-- categories -->
+               <div class="py-5 border-y border-border-color-12 mb-30px">
+                 <ul class="flex gap-x-10px items-center font-semibold">
+                   <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                     Categories:
+                   </span></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Parts,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Car,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Seat,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Cover
+                   </a></li>
+                 </ul>
+               </div>
+
+               <!-- action -->
+                <div class="flex items-center gap-4 mb-4">
+                 <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                   <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                     -
+                   </div>
+                   <div class="flex-grow h-full">
+                     <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                   </div>
+                   <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                     +
+                   </div>
+                 </form>
+
+                 <div >
+                   <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                     <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                     <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                   </h5>
+                 </div>
+                </div>
+
+               <ul
+                 class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+               >
+                 <li class="text-sm">
+                   <button
+                     class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     data-modal-index="3"
+                   >
+                     <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                   </button>
+                 </li>
+
+                 <li class="text-sm">
+                   <button
+                     class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                   >
+                     <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                   </button>
+                 </li>
+               </ul>
+               <!-- social area -->
+               <ul class="flex gap-x-[18px] items-center">
+                 <li>
+                   <p class="text-sm lg:text-base">
+                     <span class="leading-1.8">Share</span>
+                   </p>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.facebook.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-facebook-f leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://x.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-twitter leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.linkedin.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-linkedin leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.instagram.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-instagram leading-1.8"></i>
+                   </a>
+                 </li>
+               </ul>
+
+              
+             </div>
+           </div>
+         </div>
+       </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/shop-list.html b/quarter-rtl/shop-list.html
new file mode 100644
index 0000000..90d712f
--- /dev/null
+++ b/quarter-rtl/shop-list.html
@@ -0,0 +1,4821 @@
+<!DOCTYPE html>
+<html lang="en"  dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property List</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property List
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+          >
+            <div
+              class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+            >
+              <div>
+                <img
+                  src="./assets/img/product/4.png"
+                  class="w-full"
+                  alt=""
+                >
+              </div>
+
+              <!-- card body -->
+              <div class="pr-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+                <ul class="flex items-center mb-5px">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="fas fa-star-half-alt leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                      ><i class="far fa-star leading-1.8"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-xs text-ratings hover:text-secondary-color"
+                    >
+                      ( 95 Reviews )</a
+                    >
+                  </li>
+                </ul>
+
+                <h4
+                  class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+                <p
+                  class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                >
+                  <span>$149.00</span>
+                  <del
+                    class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                    >$165.00</del
+                  >
+                </p>
+                <!-- categories -->
+                <div class="py-5 border-y border-border-color-12 mb-30px">
+                  <ul class="flex gap-x-10px items-center font-semibold">
+                    <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                      Categories:
+                    </span></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Parts,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Car,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Seat,
+                    </a></li>
+                    <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                      Cover
+                    </a></li>
+                  </ul>
+                </div>
+
+                <!-- action -->
+                 <div class="flex items-center gap-4 mb-4">
+                  <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                    <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                    </div>
+                    <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                      +
+                    </div>
+                  </form>
+
+                  <div >
+                    <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                      <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                      <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                    </h5>
+                  </div>
+                 </div>
+
+                <ul
+                  class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                >
+                  <li class="text-sm">
+                    <button
+                      class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      data-modal-index="3"
+                    >
+                      <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                    </button>
+                  </li>
+
+                  <li class="text-sm">
+                    <button
+                      class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                    >
+                      <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                    </button>
+                  </li>
+                </ul>
+                <!-- social area -->
+                <ul class="flex gap-x-[18px] items-center">
+                  <li>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8">Share</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.facebook.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-facebook-f leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-twitter leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-linkedin leading-1.8"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com/"
+                      class="text-sm lg:text-base hover:text-secondary-color"
+                    >
+                      <i class="fab fa-instagram leading-1.8"></i>
+                    </a>
+                  </li>
+                </ul>
+
+               
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/shop-right-sidebar.html b/quarter-rtl/shop-right-sidebar.html
new file mode 100644
index 0000000..c9ba5d4
--- /dev/null
+++ b/quarter-rtl/shop-right-sidebar.html
@@ -0,0 +1,4813 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+     <!-- cart sidebar -->
+     <div class="drawer-container cart-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+      ></div>
+      <div
+        class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+      >
+        <div class="h-full">
+          <!-- cart wrapper -->
+          <div class="h-full overflow-y-auto pr-5">
+            <!-- cart top -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+            >
+              <div>
+                <span class="text-sm md:text-base font-bold">Cart</span>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- cart items -->
+            <div
+              class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+            >
+              <ul>
+                <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                  <div  class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/1.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Wheel Bearing Retainer
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $65.00</span>
+                    </div>
+                  </div>
+                </li>
+
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/2.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        3 Rooms Manhattan
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $85.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/3.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        OE Replica Wheels
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $92.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/4.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Shock Mount Insulator
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $68.00</span>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+            <!-- Total price -->
+            <div class="py-5 mt-25px border-y border-border-color-1">
+              <h6
+                class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+              >
+                <span>Subtotal: </span>
+                <span class="text-secondary-color">$310.00</span>
+              </h6>
+            </div>
+
+            <!-- action area -->
+            <div class="pt-25px pb-15px flex justify-between">
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="cart.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >view cart</a
+                >
+              </h5>
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+              >
+                <span
+                  class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                  >checkout</a
+                >
+              </h5>
+            </div>
+
+            <div class="text-sm">
+              <p class="leading-15px mb-0">
+                Free Shipping on All Orders Over $100!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+     <!-- mobile menu -->
+     <div class="drawer-container mobile-menu-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+      ></div>
+      <div
+        class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+      >
+        <div class="pl-15px overflow-auto h-full">
+          <!-- mobile menu wrapper -->
+          <div>
+            <!-- mobile logo area -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+            >
+              <div>
+                <a href="index.html">
+                  <img src="./assets/img/logo.png" alt="" >
+                </a>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- search input  -->
+            <div class="mb-50px">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search..."
+                  class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                >
+                  <i class="icon-search text-lg font-bold"></i>
+                </button>
+              </form>
+            </div>
+
+            <!-- mobile menu accordions -->
+            <div
+              class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+            >
+              <ul class="accordion-container">
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Home
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 01</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-3.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 03</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-4.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 04</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-5.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >video</span
+                            >
+                            Home Style 05</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-6.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 06</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-7.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 07</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-8.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 08</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-9.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 09</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-10.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >map</span
+                            >
+                            Home Style 10</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-11.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 11</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    About
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About1</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Shop
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-list.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property List</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property No Sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="product-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Property details
+                          </a>
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="cart.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Cart</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="wishlist.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Wishlist</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="checkout.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Checkout</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="order-tracking.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Order Tracking</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="account.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >My Account</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="login.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Sign in</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="register.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Register</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    News
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            News details</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Pages
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="history.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >History</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="add-listing.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Add Listing</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="404.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >404</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="contact.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Contact</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="coming-soon.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Coming Soon</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="contact.html"
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    CONTACT</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- my account -->
+            <div>
+              <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="account.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-user"></i>
+                    </span>
+                    My Account
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="wishlist.html#"
+                    class="text-sm lg:text-base"
+                  >
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                    </span>
+                    Wishlist
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="cart.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="fas fa-shopping-cart"></i>
+                      <sup>5</sup>
+                    </span>
+                    Shoping Cart
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- Mobile menu social area -->
+            <div>
+              <ul class="flex gap-3 items-center pt-4">
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.facebook.com"
+                    ><i class="fab fa-facebook-f leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.twiter.com"
+                    ><i class="fab fab fa-twitter leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.linkedin.com"
+                    ><i class="fab fa-linkedin leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.instagram.com"
+                    ><i class="fab fa-instagram leading-10"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property right sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property right sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap md:items-center justify-between gap-y-5"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <div>
+                  <h3 class="text-base font-medium text-paragraph-color">
+                    <span class="leading-50px">
+                      Showing 1–12 of 18 results
+                    </span>
+                  </h3>
+                </div>
+                <ul class="flex items-center flex-wrap gap-y-3">
+                  <li>
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+           <!-- modal apartment details-->
+           <div
+           class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+         >
+           <div
+             class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+           ></div>
+           <div
+             class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+           >
+             <div
+               class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+             >
+               <div>
+                 <img
+                   src="./assets/img/product/4.png"
+                   class="w-full"
+                   alt=""
+                 >
+               </div>
+ 
+               <!-- card body -->
+               <div class="pr-25px">
+                 <div class="absolute left-4 top-4">
+                   <button
+                     class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                   >
+                     <span>×</span>
+                   </button>
+                 </div>
+                 <ul class="flex items-center mb-5px">
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star-half-alt leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="far fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                     >
+                       ( 95 Reviews )</a
+                     >
+                   </li>
+                 </ul>
+ 
+                 <h4
+                   class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                 >
+                   <a
+                     href="product-details.html"
+                     class="leading-1.3 hover:text-secondary-color"
+                     >3 Rooms Manhattan</a
+                   >
+                 </h4>
+                 <p
+                   class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                 >
+                   <span>$149.00</span>
+                   <del
+                     class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                     >$165.00</del
+                   >
+                 </p>
+                 <!-- categories -->
+                 <div class="py-5 border-y border-border-color-12 mb-30px">
+                   <ul class="flex gap-x-10px items-center font-semibold">
+                     <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                       Categories:
+                     </span></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Parts,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Car,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Seat,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Cover
+                     </a></li>
+                   </ul>
+                 </div>
+ 
+                 <!-- action -->
+                  <div class="flex items-center gap-4 mb-4">
+                   <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                     <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                       -
+                     </div>
+                     <div class="flex-grow h-full">
+                       <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                     </div>
+                     <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                       +
+                     </div>
+                   </form>
+ 
+                   <div >
+                     <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                       <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                       <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                     </h5>
+                   </div>
+                  </div>
+ 
+                 <ul
+                   class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                 >
+                   <li class="text-sm">
+                     <button
+                       class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                       data-modal-index="3"
+                     >
+                       <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                     </button>
+                   </li>
+ 
+                   <li class="text-sm">
+                     <button
+                       class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     >
+                       <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                     </button>
+                   </li>
+                 </ul>
+                 <!-- social area -->
+                 <ul class="flex gap-x-[18px] items-center">
+                   <li>
+                     <p class="text-sm lg:text-base">
+                       <span class="leading-1.8">Share</span>
+                     </p>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.facebook.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-facebook-f leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://x.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-twitter leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.linkedin.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-linkedin leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.instagram.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-instagram leading-1.8"></i>
+                     </a>
+                   </li>
+                 </ul>
+ 
+                
+               </div>
+             </div>
+           </div>
+         </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/shop.html b/quarter-rtl/shop.html
new file mode 100644
index 0000000..955f905
--- /dev/null
+++ b/quarter-rtl/shop.html
@@ -0,0 +1,4821 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap justify-center md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 left-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-l-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pr-0 md:pr-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                           class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:right-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[-45deg] after:border after:border-t-0 after:opacity-0 after:border-r-0 after:border-white ml-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+           <!-- modal apartment details-->
+           <div
+           class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+         >
+           <div
+             class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+           ></div>
+           <div
+             class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+           >
+             <div
+               class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+             >
+               <div>
+                 <img
+                   src="./assets/img/product/4.png"
+                   class="w-full"
+                   alt=""
+                 >
+               </div>
+ 
+               <!-- card body -->
+               <div class="pr-25px">
+                 <div class="absolute left-4 top-4">
+                   <button
+                     class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                   >
+                     <span>×</span>
+                   </button>
+                 </div>
+                 <ul class="flex items-center mb-5px">
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star-half-alt leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="far fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                     >
+                       ( 95 Reviews )</a
+                     >
+                   </li>
+                 </ul>
+ 
+                 <h4
+                   class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                 >
+                   <a
+                     href="product-details.html"
+                     class="leading-1.3 hover:text-secondary-color"
+                     >3 Rooms Manhattan</a
+                   >
+                 </h4>
+                 <p
+                   class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                 >
+                   <span>$149.00</span>
+                   <del
+                     class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                     >$165.00</del
+                   >
+                 </p>
+                 <!-- categories -->
+                 <div class="py-5 border-y border-border-color-12 mb-30px">
+                   <ul class="flex gap-x-10px items-center font-semibold">
+                     <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px]   inline-block leading-1.8 ">
+                       Categories:
+                     </span></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Parts,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Car,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Seat,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Cover
+                     </a></li>
+                   </ul>
+                 </div>
+ 
+                 <!-- action -->
+                  <div class="flex items-center gap-4 mb-4">
+                   <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                     <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                       -
+                     </div>
+                     <div class="flex-grow h-full">
+                       <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                     </div>
+                     <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                       +
+                     </div>
+                   </form>
+ 
+                   <div >
+                     <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                       <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                       <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                     </h5>
+                   </div>
+                  </div>
+ 
+                 <ul
+                   class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                 >
+                   <li class="text-sm">
+                     <button
+                       class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                       data-modal-index="3"
+                     >
+                       <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                     </button>
+                   </li>
+ 
+                   <li class="text-sm">
+                     <button
+                       class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     >
+                       <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                     </button>
+                   </li>
+                 </ul>
+                 <!-- social area -->
+                 <ul class="flex gap-x-[18px] items-center">
+                   <li>
+                     <p class="text-sm lg:text-base">
+                       <span class="leading-1.8">Share</span>
+                     </p>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.facebook.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-facebook-f leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://x.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-twitter leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.linkedin.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-linkedin leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.instagram.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-instagram leading-1.8"></i>
+                     </a>
+                   </li>
+                 </ul>
+ 
+                
+               </div>
+             </div>
+           </div>
+         </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px ml-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute left-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-right clear-both pl-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/team-details.html b/quarter-rtl/team-details.html
new file mode 100644
index 0000000..848ee0a
--- /dev/null
+++ b/quarter-rtl/team-details.html
@@ -0,0 +1,2674 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+       <!-- cart sidebar -->
+       <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Agent Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Agent Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- team section -->
+      <section>
+        <div class="container py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- avatar -->
+            <div class="lg:col-start-1 lg:col-span-4 mb-10">
+              <div>
+                <div class="flex flex-col items-center text-center">
+                  <div class="text-center mb-6px max-w-350px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="inline-block w-full"
+                    >
+                  </div>
+                  <div class="text-center px-15px py-25px">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                        href="team-details.html"
+                        >Rosalina D. William</a
+                      >
+                    </h6>
+                    <h6
+                      class="text-sm md:text-15px lg:text-base font-bold mb-3"
+                    >
+                      <span
+                        class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3 uppercase"
+                        >Property Seller</span
+                      >
+                    </h6>
+                    <!-- socila -->
+                    <ul
+                      class="text-sm lg:text-base flex gap-15px justify-center items-center pt-4"
+                    >
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://www.facebook.com"
+                          ><i class="fab fa-facebook-f"></i
+                        ></a>
+                      </li>
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://x.com"
+                          ><i class="fab fa-twitter"></i
+                        ></a>
+                      </li>
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://www.linkedin.com"
+                          ><i class="fab fa-linkedin"></i
+                        ></a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- details -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur.</span
+                >
+              </p>
+              <!-- contact -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Positions:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Senior Property Seller</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Experience:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> 10+ Years</span>
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Location:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> 13/A, NYC</span>
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Practice Area:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Property Seller</span
+                    >
+                  </li>
+                </ul>
+                <ul>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Email:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      example@example.com</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Fax:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      +0123-456 789</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Phone:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      +0123-456 789</span
+                    >
+                  </li>
+                </ul>
+              </div>
+              <hr class="my-50px border-t border-border-color-12 opacity-25" >
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum. Sed ut perspiciatis unde omnis
+                  iste natus error sit voluptatem accusantium doloremque
+                  laudantium, totam rem aperiam, eaque ipsa quae ab illo
+                  inventore veritatis et quasi architecto beatae vitae dicta
+                  sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+                  aspernatur aut odit aut fugit, sed quia consequu ntur magni
+                  dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
+                  quisquam est, qui dolorem ipsum quia dolor sit amet,
+                  consectetur, adipisci velit, sed quia non numquam eius modi
+                  tempora incidunt ut labore et dolore magnam aliquam quaerat
+                  voluptatem.</span
+                >
+              </p>
+              <div
+                class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 pt-4 gap-y-30px"
+              ></div>
+              <!-- cards -->
+              <div class="service-cards flex flex-wrap items-center mb-5">
+                <!-- card 1 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-tire"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Home Buying</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+
+                <!-- card 2 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px active"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-mechanic"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Home Selling</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+
+                <!-- card 1 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-wheel-1"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Escrow Services</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+              </div>
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum. Sed ut perspiciatis unde omnis
+                  iste natus error sit voluptatem accusantium doloremque
+                  laudantium, totam rem aperiam, eaque ipsa quae ab illo
+                  inventore veritatis et quasi architecto beatae vitae dicta
+                  sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+                  aspernatur aut odit aut fugit, sed quia consequu ntur magni
+                  dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
+                  quisquam est, qui dolorem ipsum quia dolor sit amet,
+                  consectetur, adipisci velit, sed quia non numquam eius modi
+                  tempora incidunt ut labore et dolore magnam aliquam quaerat
+                  voluptatem.</span
+                >
+              </p>
+              <!-- details form -->
+              <div>
+                <form
+                  class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-50px"
+                >
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pr-10px border-r-2 border-secondary-color text-heading-color mb-30px"
+                  >
+                    Contact for any Inquiry
+                  </h4>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                       <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- type select -->
+                    <div class="relative">
+                      <select
+                        class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                      >
+                        <option
+                          value="Select Service Type"
+                          data-display="Select"
+                        >
+                          Select Service Type
+                        </option>
+                        <option value="Property Management ">
+                          Property Management
+                        </option>
+                        <option value="Mortgage Service ">
+                          Mortgage Service
+                        </option>
+                        <option value="Consulting Service">
+                          Consulting Service
+                        </option>
+                        <option value="Home Buying">Home Buying</option>
+                        <option value="Home Selling">Home Selling</option>
+                        <option value="Escrow Services">Escrow Services</option>
+                      </select>
+                    </div>
+                    <!-- number -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter phone number"
+                        class="text-paragraph-color pr-5 pl-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 left-4">
+                        <i
+                          class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- message -->
+                    <div class="relative md:col-start-1 md:col-span-2 mb-30px">
+                      <textarea
+                       
+                        
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color pr-5 pl-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 left-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-25px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm mr-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        get an free service
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/team.html b/quarter-rtl/team.html
new file mode 100644
index 0000000..d5ff959
--- /dev/null
+++ b/quarter-rtl/team.html
@@ -0,0 +1,2564 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    <!-- cart sidebar -->
+    <div class="drawer-container cart-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+      ></div>
+      <div
+        class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+      >
+        <div class="h-full">
+          <!-- cart wrapper -->
+          <div class="h-full overflow-y-auto pr-5">
+            <!-- cart top -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+            >
+              <div>
+                <span class="text-sm md:text-base font-bold">Cart</span>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- cart items -->
+            <div
+              class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+            >
+              <ul>
+                <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                  <div  class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/1.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Wheel Bearing Retainer
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $65.00</span>
+                    </div>
+                  </div>
+                </li>
+
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html">
+                      <img
+                        src="./assets/img/product/2.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        3 Rooms Manhattan
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $85.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/3.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        OE Replica Wheels
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $92.00</span>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                >
+                  <div class="relative">
+                    <a href="product-details.html" >
+                      <img
+                        src="./assets/img/product/4.png"
+                        alt=""
+                        class="w-20 inline-block"
+                      >
+                     
+                    </a>
+                    <button
+                    class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                  >
+                    <i class="icon-cancel leading-5"></i>
+                  </button>
+                  </div>
+                  <div>
+                    <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                      <a
+                        href="product-details.html"
+                        class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                      >
+                        Shock Mount Insulator
+                      </a>
+                    </h6>
+                    <div class="text-sm lg:text-base">
+                      <span class="leading-22px">1 x $68.00</span>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+
+            <!-- Total price -->
+            <div class="py-5 mt-25px border-y border-border-color-1">
+              <h6
+                class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+              >
+                <span>Subtotal: </span>
+                <span class="text-secondary-color">$310.00</span>
+              </h6>
+            </div>
+
+            <!-- action area -->
+            <div class="pt-25px pb-15px flex justify-between">
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="cart.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >view cart</a
+                >
+              </h5>
+              <h5
+                class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+              >
+                <span
+                  class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                  >checkout</a
+                >
+              </h5>
+            </div>
+
+            <div class="text-sm">
+              <p class="leading-15px mb-0">
+                Free Shipping on All Orders Over $100!
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+     <!-- mobile menu -->
+     <div class="drawer-container mobile-menu-container">
+      <div
+        class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+      ></div>
+      <div
+        class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+      >
+        <div class="pl-15px overflow-auto h-full">
+          <!-- mobile menu wrapper -->
+          <div>
+            <!-- mobile logo area -->
+            <div
+              class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+            >
+              <div>
+                <a href="index.html">
+                  <img src="./assets/img/logo.png" alt="" >
+                </a>
+              </div>
+              <div>
+                <button class="close-drawer text-black text-3xl px-15px py-2">
+                  ×
+                </button>
+              </div>
+            </div>
+
+            <!-- search input  -->
+            <div class="mb-50px">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search..."
+                  class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                >
+                  <i class="icon-search text-lg font-bold"></i>
+                </button>
+              </form>
+            </div>
+
+            <!-- mobile menu accordions -->
+            <div
+              class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+            >
+              <ul class="accordion-container">
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Home
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 01</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-3.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 03</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-4.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 04</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-5.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >video</span
+                            >
+                            Home Style 05</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-6.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 06</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-7.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 07</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-8.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 08</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-9.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 09</a
+                          >
+                        </li>
+                        <li class="mt-4 relative">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-10.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            ><span
+                              class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                              >map</span
+                            >
+                            Home Style 10</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="index-11.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Home Style 11</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    About
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About1</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Shop
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-list.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property List</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property No Sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="shop-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Property right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="product-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Property details
+                          </a>
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="cart.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Cart</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="wishlist.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Wishlist</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="checkout.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Checkout</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="order-tracking.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Order Tracking</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="account.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >My Account</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="login.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Sign in</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="register.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Register</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    News
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News</a
+                          >
+                        </li>
+                        <li class="accordion mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-grid.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Grid</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-left-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Left sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-right-sidebar.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >News Right sidebar</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="blog-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            News details</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="accordion mt-4">
+                  <!-- accordion header -->
+                  <div
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    Pages
+                    <button class="px-3 h-full">
+                      <span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                      ></span
+                      ><span
+                        class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                      ></span>
+                    </button>
+                  </div>
+                  <!-- accordion content -->
+                  <div
+                    class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                  >
+                    <div class="content-wrapper pr-15px">
+                      <ul>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="about.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >About</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Services</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="service-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Service Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-2.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                          >
+                            Portfolio - 02</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="portfolio-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Portfolio Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="team-details.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Team Details</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="faq.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >FAQ</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="history.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >History</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="add-listing.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Add Listing</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="locations.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Google Map Locations</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="404.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >404</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="contact.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Contact</a
+                          >
+                        </li>
+                        <li class="mt-4">
+                          <!-- accordion header -->
+
+                          <a
+                            href="coming-soon.html"
+                            class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >Coming Soon</a
+                          >
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li class="mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="contact.html"
+                    class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                  >
+                    CONTACT</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- my account -->
+            <div>
+              <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="account.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-user"></i>
+                    </span>
+                    My Account
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a
+                    href="wishlist.html#"
+                    class="text-sm lg:text-base"
+                  >
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                    </span>
+                    Wishlist
+                  </a>
+                </li>
+                <li class="group mt-4">
+                  <!-- accordion header -->
+                  <a href="cart.html" class="text-sm lg:text-base">
+                    <span
+                      class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                    >
+                      <i class="fas fa-shopping-cart"></i>
+                      <sup>5</sup>
+                    </span>
+                    Shoping Cart
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- Mobile menu social area -->
+            <div>
+              <ul class="flex gap-3 items-center pt-4">
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.facebook.com"
+                    ><i class="fab fa-facebook-f leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.twiter.com"
+                    ><i class="fab fab fa-twitter leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.linkedin.com"
+                    ><i class="fab fa-linkedin leading-10"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                    href="https://www.instagram.com"
+                    ><i class="fab fa-instagram leading-10"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Agent</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Agent
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- team section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/4.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Rosalina D. William</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/2.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Kelian Anderson</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/3.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Miranda H. Halim</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/1.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Damble D. Browni.</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/5.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Aiden Benjamin</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/6.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >James Carter</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter-rtl/wishlist.html b/quarter-rtl/wishlist.html
new file mode 100644
index 0000000..7b68d61
--- /dev/null
+++ b/quarter-rtl/wishlist.html
@@ -0,0 +1,2421 @@
+<!DOCTYPE html>
+<html lang="en" dir="rtl">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+               <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -left-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Shop
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 left-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute right-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute left-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 ltr:-right-[300px] rtl:-left-[300px] ltr:xs:-right-[400px] rtl:xs:-left-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class=" pl-10px pt-5 rtl:pr-10px mb-5 flex gap-15px">
+                    <div  class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 ltr:left-0 rtl:right-0 ltr:-translate-x-1/2 rtl:translate-x-1/2  -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1  pl-10px rtl:pr-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 rtl:right-0 rtl:translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+       <!-- mobile menu -->
+       <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 ltr:-left-[300px] ltr:xs:-left-[400px] rtl:-right-[300px] rtl:xs:-right-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pl-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 left-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute rtl:-right-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Shop
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pr-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px rtl:ml-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Wishlist</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color pr-1.5"></i> Home</a>
+                
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Wishlist
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- wishlist section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <table class="text-sm lg:text-base text-heading-color w-full">
+            <tbody>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/1.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      3 Rooms Manhattan
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $85.00
+                </td>
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+              <tr class="bg-section-bg-1 md:bg-transparent">
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/2.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Shock Mount Insulator
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $89.00
+                </td>
+
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/3.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Tail Light Lens
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $149.00
+                </td>
+
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pl-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder ml-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call ml-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail ml-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+              <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pr-5 pl-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 left-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] left-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/404.html b/quarter/404.html
new file mode 100644
index 0000000..a781214
--- /dev/null
+++ b/quarter/404.html
@@ -0,0 +1,2268 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >404 Page</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                404 Page
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- 404 section -->
+      <section>
+        <div class="container py-30">
+          <div class="mb-30px">
+            <img
+              src="./assets/img/others/error-1.png"
+              alt=""
+              class="max-w-full"
+            >
+          </div>
+          <div class="text-center">
+            <h4
+              class="text-xl lg:text-3xl xl:text-6xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Page Not Found!</span
+              >
+            </h4>
+            <p class="text-sm lg:text-base">
+              <span class="leading-1.8 lg:leading-1.8"
+                >Oops! The page you are looking for does not exist. It might
+                have been moved or deleted.</span
+              >
+            </p>
+            <div class="mt-50px">
+              <h5
+                class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-secondary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3"
+              >
+                <a
+                  href="index.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                  ><i class="fas fa-long-arrow-alt-left"></i> BACK TO HOME</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/about.html b/quarter/about.html
new file mode 100644
index 0000000..e1db093
--- /dev/null
+++ b/quarter/about.html
@@ -0,0 +1,3374 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >About Us</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                About Us
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:mr-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/13.png"
+                alt=""
+                class="max-w-full"
+              >
+              <div
+                class="absolute left-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 border-l-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- team section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Team</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Property Agents </span>
+            </h2>
+          </div>
+          <!-- team cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/4.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Rosalina D. William</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/2.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Kelian Anderson</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/5.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Miranda H. Halim</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/account.html b/quarter/account.html
new file mode 100644
index 0000000..7d0b6e1
--- /dev/null
+++ b/quarter/account.html
@@ -0,0 +1,5225 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >My Account</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                My Account
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-30">
+          <div
+            class="tab account-tab grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+          >
+            <!-- sidebar navigation -->
+            <div class="lg:col-start-1 lg:col-span-4">
+              <ul
+                class="tab-links lg:mr-30px border border-b-0 border-border-color-1"
+              >
+                <li class="border-b border-border-color-1 active">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> Dashboard </span>
+                    <i class="fas fa-home text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">Profiles</span>
+                    <i class="fas fa-user text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> address </span>
+                    <i class="fas fa-map-marker-alt text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Account Details
+                    </span>
+                    <i class="fas fa-map-marker-alt text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      My Properties
+                    </span>
+                    <i class="fa-solid fa-list text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Favorited Properties
+                    </span>
+                    <i class="fa-solid fa-heart text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Add Property
+                    </span>
+                    <i class="fa-solid fa-map-location-dot text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"> Payments </span>
+                    <i class="fa-solid fa-money-check-dollar text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <button
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Change Password
+                    </span>
+                    <i class="fa-solid fa-lock text-sm"></i>
+                  </button>
+                </li>
+                <li class="border-b border-border-color-1">
+                  <a
+                    href="login.html"
+                    class="flex justify-between items-center px-5 py-15px w-full text-sm lg:text-base hover:text-secondary-color transition-all duration-300 capitalize"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8">Logout </span>
+                    <i class="fas fa-sign-out-alt text-sm"></i>
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <!-- main content -->
+            <div class="tab-contents lg:col-start-5 lg:col-span-8">
+              <!-- content 1 -->
+              <div class="transition-all duration-300">
+                <div
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <div class="leading-1.8 lg:leading-1.8">
+                    Hello <strong>UserName</strong> (not
+                    <strong>UserName</strong> ?
+                    <a href="login.html"><small>Log out</small></a> )
+                  </div>
+                </div>
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >From your account dashboard you can view your recent
+                    orders, manage your shipping and billing addresses, and edit
+                    your password and account details.</span
+                  >
+                </p>
+              </div>
+              <!-- content 2 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- details -->
+                <div
+                  class="flex flex-col md:flex-row p-10 px-5 md:px-10 shadow-box-shadow-2"
+                >
+                  <div
+                    class="mr-0 md:mr-10 lg:mr-30px xl:mr-10 mb-30px md:mb-0"
+                  >
+                    <img
+                      src="./assets/img/blog/author.jpg"
+                      class="max-full w-100px md:w-[180px] lg:w-[120px] xl:w-[180px]"
+                      alt=""
+                    >
+                  </div>
+                  <div>
+                    <h6 class="text-sm text-secondary-color font-bold mb-0">
+                      <span class="leading-1.3">Agent of Property</span>
+                    </h6>
+                    <h2
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-10px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Rosalina D. William
+                      </span>
+                    </h2>
+                    <ul>
+                      <li>
+                        <p class="text-sm flex items-center gap-4 mt-2">
+                          <i class="icon-placeholder"></i>
+                          <span class="leading-1.8"
+                            >Brooklyn, New York, United States</span
+                          >
+                        </p>
+                      </li>
+                      <li>
+                        <a
+                          class="text-sm flex items-center gap-4 mt-2"
+                          href="tel:+0123-456789"
+                        >
+                          <i class="icon-call"></i>
+                          <span class="leading-1.8">+0123-456789</span>
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-sm flex items-center gap-4 mt-2"
+                          href="mailto:example@example.com"
+                        >
+                          <i class="icon-mail"></i>
+                          <span class="leading-1.8"> example@example.com</span>
+                        </a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <!-- form -->
+                <form
+                  class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-50px"
+                >
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+                  >
+                    Get A Quote
+                  </h4>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- type select -->
+                    <div class="relative">
+                      <select
+                        class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                        style="
+                          opacity: 0;
+                          width: 0px;
+                          padding: 0px;
+                          height: 0px;
+                        "
+                      >
+                        <option
+                          value="Select Service Type"
+                          data-display="Select"
+                        >
+                          Select Service Type
+                        </option>
+                        <option value="Property Management ">
+                          Property Management
+                        </option>
+                        <option value="Mortgage Service ">
+                          Mortgage Service
+                        </option>
+                        <option value="Consulting Service">
+                          Consulting Service
+                        </option>
+                        <option value="Home Buying">Home Buying</option>
+                        <option value="Home Selling">Home Selling</option>
+                        <option value="Escrow Services">Escrow Services</option>
+                      </select>
+                    </div>
+                    <!-- number -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter phone number"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- message -->
+                    <div class="relative md:col-start-1 md:col-span-2 mb-30px">
+                      <textarea
+                       
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 right-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-25px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm ml-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        get an free service
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 3 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >The following addresses will be used on the checkout page
+                    by default.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 md:grid-cols-2">
+                  <div>
+                    <h2
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                        >Billing Address edit
+                      </span>
+                    </h2>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base font-bold">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Alex Tuntuni</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >1355 Market St, Suite 900 <br >
+                        San Francisco, CA 94103</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Mobile: (123) 456-7890</span
+                      >
+                    </p>
+                  </div>
+                  <div>
+                    <h2
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                        >Shipping Address edit
+                      </span>
+                    </h2>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base font-bold">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Alex Tuntuni</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >1355 Market St, Suite 900 <br >
+                        San Francisco, CA 94103</span
+                      >
+                    </p>
+                    <p class="mb-5 lg:mb-6 text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Mobile: (123) 456-7890</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+
+              <!-- content 4 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <p
+                  class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm lg:text-base"
+                >
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >The following addresses will be used on the checkout page
+                    by default.</span
+                  >
+                </p>
+                <!-- form -->
+                <form class="form-primary bg-white">
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-20">
+                    <!-- 1st name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8"
+                          >First name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                    <!-- last name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8">
+                          Last name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+
+                    <!-- display name -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8"
+                          >Display Name:</span
+                        >
+                      </p>
+                      <input
+                        type="text"
+                        placeholder="Ethan"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                    <!--  Display Email -->
+                    <div class="relative">
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8 lg:leading-1.8">
+                          Display Email:</span
+                        >
+                      </p>
+                      <input
+                        type="email"
+                        placeholder="example@example.com"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                      >
+                    </div>
+                  </div>
+
+                  <!-- passwords -->
+                  <div
+                    class="px-10 py-30px border border-border-color-1 mb-30px"
+                  >
+                    <p class="text-lg px-15px mb-1 text-heading-color">
+                      <span class="leading-1.8">PASSWORD CHANGE </span>
+                    </p>
+                    <div class="grid grid-cols-1 gap-30px pb-30px">
+                      <!-- Current password -->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Current password (leave blank to leave
+                            unchanged):</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+                      <!-- New password-->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            New password (leave blank to leave unchanged):</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+
+                      <!-- Confirm new password -->
+                      <div class="relative">
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Confirm new password:</span
+                          >
+                        </p>
+                        <input
+                          type="password"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-85"
+                        >
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        Save Changes
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 5 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <table
+                  class="text-sm lg:text-base text-heading-color w-full mb-35px"
+                >
+                  <thead>
+                    <tr class="leading-1.8 lg:leading-1.8 font-bold">
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        My Properties
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      ></td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Date Added
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Actions
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Delete
+                      </td>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            3 Rooms Manhattan</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            OE Replica Wheels</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/7.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            Wheel Bearing Retainer</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <!-- paginations -->
+                <div class="flex justify-center mt-4">
+                  <ul
+                    class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                  >
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-left"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >1</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >2</a
+                      >
+                    </li>
+
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >3</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >...</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >10</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-right"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- content 6 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <table
+                  class="text-sm lg:text-base text-heading-color w-full mb-35px"
+                >
+                  <thead>
+                    <tr class="leading-1.8 lg:leading-1.8 font-bold">
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        My Properties
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      ></td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Date Added
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Actions
+                      </td>
+                      <td
+                        class="p-2 border-b border-border-color-17 block md:table-cell"
+                      >
+                        Delete
+                      </td>
+                    </tr>
+                  </thead>
+
+                  <tbody>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            3 Rooms Manhattan</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            OE Replica Wheels</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 lg:leading-1.8">
+                      <td
+                        class="px-2 pt-10px pb-1 md:pt-30px md:pb-22px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="w-full md:w-auto"
+                        >
+                          <img
+                            src="./assets/img/product-3/7.jpg"
+                            class="max-w-full w-full md:w-[164px]"
+                            alt=""
+                          >
+                        </a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <h5
+                          class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-10px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                          >
+                            Wheel Bearing Retainer</span
+                          >
+                        </h5>
+                        <div class="text-13px lg:text-sm">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            ><i class="icon-placeholder pr-0.5"></i> Brooklyn,
+                            New York, United States
+                          </span>
+                        </div>
+
+                        <ul class="text-xs text-ratings flex items-center">
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                          <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                        </ul>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        Feb 22, 2024
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#">Edit</a>
+                      </td>
+
+                      <td
+                        class="px-2 py-10px md:py-30px border-b border-border-color-17 block md:table-cell"
+                      >
+                        <a href="#"><i class="fa-solid fa-trash-can"></i></a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <!-- paginations -->
+                <div class="flex justify-center mt-4">
+                  <ul
+                    class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                  >
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-left"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >1</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >2</a
+                      >
+                    </li>
+
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >3</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >...</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        >10</a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                        ><i class="fas fa-angle-double-right"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- content 7 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- form -->
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Property Description -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Description</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Title (mandatory)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Description"
+                          class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 right-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Property Price -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Price</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Price in $ (only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="After Price Label (ex: /month)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Before Price Label (ex: from)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Yearly Tax Rate"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Homeowners Association Fee(monthly)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Select Categories -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Categories</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Apartments</option>
+                          <option>Condos</option>
+                          <option>Duplexes</option>
+                          <option>Houses</option>
+                          <option>Industrial</option>
+                          <option>Land</option>
+                          <option>Offices</option>
+                          <option>Retail</option>
+                          <option>Villas</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Rentals</option>
+                          <option>Sales</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>no status</option>
+                          <option>Active</option>
+                          <option>hot offer</option>
+                          <option>new offer</option>
+                          <option>open house</option>
+                          <option>sold</option>
+                        </select>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Listing Media -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Media</span
+                      >
+                    </h5>
+                    <div class="mb-30px">
+                      <div class="mb-10px">
+                        <input
+                          type="file"
+                          class="w-[426px] max-w-full border-2 border-border-color-9 px-5 md:px-25px lg:px-10 py-2 md:py-10px lg:py-15px transition-all duration-300 hover:bg-secondary-color hover:border-secondary-color hover:text-white cursor-pointer"
+                        >
+                      </div>
+                      <p
+                        class="p-5 bg-section-bg-1 mb-5 lg:mb-6 text-sm space-y-1"
+                      >
+                        <span class="block leading-1.8 lg:leading-1.8"
+                          >* At least 1 image is required for a valid
+                          submission.Minimum size is 500/500px.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * PDF files upload supported as well.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * Images might take longer to be processed.
+                        </span>
+                      </p>
+                    </div>
+                  </div>
+
+                  <!-- Video Option -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Video Option</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>Video from</option>
+                          <option>vimeo</option>
+                          <option>youtube</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Embed Video ID"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Virtual Tour -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Virtual Tour</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Virtual Tour:"
+                          class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 right-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Listing Location -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Location</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Address"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Country"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="County / State"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="City"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Neighborhood"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Zip"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- map -->
+                  <div>
+                    <div class="mb-60px h-360px">
+                      <iframe
+                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                     
+                       style="height:100%;width:100%;border:0px;"
+                       
+                        allowfullscreen=""
+                        aria-hidden="false"
+                        tabindex="0"
+                      ></iframe>
+                    </div>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Latitude (for Google Maps)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Longitude (for Google Maps)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <label
+                          for="dishwasher-type"
+                          class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                          ><input
+                            type="checkbox"
+                            id="dishwasher-type"
+                            class="hidden"
+                          >
+                          <span
+                            class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                          ></span>
+                          Enable Google Street View
+                        </label>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Google Street View - Camera Angle (value from 0 to 360)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Listing Details -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Details</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Lot Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Rooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bedrooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bathrooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Custom ID (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garages (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Year Built (*numeric)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garage Size (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Available from (*date)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Basement (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Extra Details (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Roofing (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Exterior Material (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Structure Type</option>
+                          <option>Not Available</option>
+                          <option>Brick</option>
+                          <option>Wood</option>
+                          <option>Cement</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Floors No</option>
+                          <option>Not Available</option>
+                          <option>1</option>
+                          <option>2</option>
+                          <option>3</option>
+                          <option>4</option>
+                          <option>5</option>
+                        </select>
+                      </div>
+
+                      <div class="md:col-start-1 md:col-span-2">
+                        <div class="relative">
+                          <textarea
+                           
+                            placeholder="Owner/Agent notes (*not visible on front end)"
+                            class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Select Energy Class -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Energy Class</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Select Energy Class (EU regulation)</option>
+                          <option>A+</option>
+                          <option>A</option>
+                          <option>B</option>
+                          <option>C</option>
+                          <option>D</option>
+                          <option>E</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Energy Index in kWh/m2a"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Amenities and Features -->
+                  <div>
+                    <h4
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Amenities and Features</span
+                      >
+                    </h4>
+                    <!-- Interior Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Interior Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="equipped-kitchen-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="equipped-kitchen-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Equipped Kitchen
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="gym-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="gym-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Gym
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="laundry-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="laundry-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Laundry
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="media-room-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="media-room-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Media Room
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Outdoor Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Outdoor Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="back-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="back-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Back yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="basketball-court-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="basketball-court-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Basketball court
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Front-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Front-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Front yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Garage-Attached-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Garage-Attached-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Garage Attached
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Hot-Bath-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Hot-Bath-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Hot Bath
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Pool-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Pool-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Pool
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Utilities -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Utilities</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Central-Air-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Central-Air-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Central Air
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Electricity-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Electricity-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Electricity
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Heating-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Heating-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Heating
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Natural-Gas-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Natural-Gas-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Natural Gas
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Ventilation-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Ventilation-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Ventilation
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Water-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Water-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Water
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Other Features -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Other Features</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Chair-Accessible-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Chair-Accessible-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Chair Accessible
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Elevator-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Elevator-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Elevator
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Fireplace-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Fireplace-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Fireplace
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Smoke-detectors-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Smoke-detectors-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Smoke detectors
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Washer-and-dryer-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Washer-and-dryer-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Washer and dryer
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="WiFi-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="WiFi-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            WiFi
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Submit Property
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 8 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <!-- login -->
+                <div class="accordion-container">
+                  <div class="accordion mb-30px">
+                    <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                      <h6
+                        class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                      >
+                        <span class="leading-1.3 lg:leading-1.3"
+                          >Returning customer?
+                        </span>
+                        <button
+                          class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                        >
+                          Click here to login
+                        </button>
+                      </h6>
+                    </div>
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <form
+                        class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                      >
+                        <p class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Please login your accont.
+                          </span>
+                        </p>
+                        <div
+                          class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                        >
+                          <!-- name -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Enter your name"
+                              class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                            <span
+                              class="absolute top-1/2 -translate-y-1/2 right-4"
+                            >
+                              <i
+                                class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                              ></i>
+                            </span>
+                          </div>
+                          <!-- email -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Enter email address"
+                              class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                            <span
+                              class="absolute top-1/2 -translate-y-1/2 right-4"
+                            >
+                              <i
+                                class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                              ></i>
+                            </span>
+                          </div>
+                        </div>
+
+                        <!-- submit button -->
+
+                        <div class="flex items-center gap-5 mb-35px">
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <button
+                              type="submit"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                            >
+                              Login
+                            </button>
+                          </h5>
+                          <!-- agree -->
+                          <div class="text-sm flex items-center">
+                            <input type="checkbox" id="agree2" >
+                            <label for="agree2" class="text-sm ml-1">
+                              Remember me
+                            </label>
+                          </div>
+                        </div>
+                        <a class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Lost your password?
+                          </span>
+                        </a>
+                      </form>
+                    </div>
+                  </div>
+                </div>
+                <!-- apply  coupon -->
+                <div class="accordion-container">
+                  <div class="accordion mb-30px">
+                    <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                      <h6
+                        class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                      >
+                        <span class="leading-1.3 lg:leading-1.3"
+                          >Have a coupon?
+                        </span>
+                        <button
+                          class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                        >
+                          Click here to enter your code
+                        </button>
+                      </h6>
+                    </div>
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <form
+                        class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                      >
+                        <p class="text-sm md:text-base mb-5 lg:mb-6">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            If you have a coupon code, please apply it below.
+                          </span>
+                        </p>
+                        <div class="mb-30px">
+                          <!-- coupon -->
+                          <div class="relative">
+                            <input
+                              type="text"
+                              placeholder="Coupon code"
+                              class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                            >
+                          </div>
+                        </div>
+
+                        <!-- submit button -->
+
+                        <div>
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block z-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 left-0 w-full h-full bg-primary-color group-hover:bg-secondary-color -z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <button
+                              type="submit"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                            >
+                              Apply Coupon
+                            </button>
+                          </h5>
+                        </div>
+                      </form>
+                    </div>
+                  </div>
+                </div>
+                <!-- billing details -->
+                <div>
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                  >
+                    Billing Details
+                  </h4>
+                  <form
+                    class="form-primary bg-white border border-border-color-1 p-30px"
+                  >
+                    <!-- personal info -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Personal Information</span
+                        >
+                      </h5>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                      >
+                        <!-- 1st name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="First name"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- last name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Last name"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- email -->
+                        <div class="relative">
+                          <input
+                            type="email"
+                            placeholder="Email address"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- number -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Phone number"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- company  name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Company name (optional)"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- company address -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Company address (optional)"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Country-->
+                    <div class="pb-60px w-300px">
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Country</span
+                        >
+                      </h5>
+                      <div>
+                        <!-- type select -->
+                        <div class="relative block">
+                          <select
+                            class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                          >
+                            <option
+                              value="Select Service Type"
+                              data-display="Select"
+                            >
+                              Select Country
+                            </option>
+                            <option value="Australia">Australia</option>
+                            <option value="Canada">Canada</option>
+                            <option value="China">China</option>
+                            <option value="Morocco">Morocco</option>
+                            <option value="Saudi Arabia">Saudi Arabia</option>
+                            <option value="United Kingdom (UK)">
+                              United Kingdom (UK)
+                            </option>
+                            <option value="United States (US)">
+                              United States (US)
+                            </option>
+                          </select>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Address -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Address
+                        </span>
+                      </h5>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                      >
+                        <!-- House number and street name  -->
+                        <div>
+                          <input
+                            type="text"
+                            placeholder="House number and street name"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- Apartment, suite, unit etc.  -->
+                        <div>
+                          <input
+                            type="text"
+                            placeholder="Apartment, suite, unit etc. (optional)"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                      </div>
+                    </div>
+                    <!-- town and state -->
+                    <div>
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                      >
+                        <!-- City  -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              Town / City
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="City"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- State  -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              State
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="State"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                        <!-- Zip -->
+                        <div>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >
+                              Zip
+                            </span>
+                          </h5>
+                          <input
+                            type="text"
+                            placeholder="Zip"
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          >
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- Create an account? -->
+
+                    <div class="text-sm flex items-center mb-30px">
+                      <input type="checkbox" id="agree3" >
+                      <label for="agree3" class="text-sm ml-1">
+                        Create an account?
+                      </label>
+                    </div>
+                    <!-- message -->
+                    <div class="mb-30px">
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Order Notes (optional)
+                        </span>
+                      </h5>
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Notes about your order, e.g. special notes for delivery."
+                          class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 right-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </form>
+                </div>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <!-- payment methods -->
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                    >
+                      Payment Method
+                    </h4>
+                    <form>
+                      <ul
+                        class="accordion-container neighbour-accordion border border-b-0 border-border-color-1 mb-30px"
+                      >
+                        <li
+                          class="accordion border-b border-border-color-1 p-5"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="check-method"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="check-method"
+                              >
+                                Check payments
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Please send a check to Store Name, Store
+                                  Street, Store Town, Store State / County,
+                                  Store Postcode.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="accordion border-b border-border-color-1 p-5 active"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="cash-method"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                  checked
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="cash-method"
+                              >
+                                Cash on delivery
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Pay with cash upon delivery.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                        <li
+                          class="accordion border-b border-border-color-1 p-5"
+                        >
+                          <!-- accordion header -->
+                          <div class="accordion-controller cursor-pointer">
+                            <div
+                              class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                            >
+                              <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                                <input
+                                  type="radio"
+                                  name="payment"
+                                  id="paypal"
+                                  class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                                >
+                              </div>
+                              <label
+                                class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                                for="paypal"
+                              >
+                                PayPal
+                                <img
+                                  src="./assets/img/icons/payment-3.png"
+                                  alt="#"
+                                  class="max-w-[130px] inline-block ml-3"
+                                >
+                              </label>
+                            </div>
+                          </div>
+                          <!-- accordion content -->
+                          <div
+                            class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                          >
+                            <div
+                              class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                            >
+                              <div class="px-30px py-15px shadow-box-shadow-3">
+                                <p class="leading-1.8 lg:leading-1.8">
+                                  Pay via PayPal; you can pay with your credit
+                                  card if you don’t have a PayPal account.
+                                </p>
+                              </div>
+                            </div>
+                          </div>
+                        </li>
+                      </ul>
+                      <!-- submt -->
+                      <div>
+                        <p class="text-sm lg:text-base mb-30px">
+                          <span class="leading-1.8 lg:leading-1.8">
+                            Your personal data will be used to process your
+                            order, support your experience throughout this
+                            website, and for other purposes described in our
+                            privacy policy.
+                          </span>
+                        </p>
+                        <h5
+                          class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                          ></span>
+                          <button
+                            type="submit"
+                            class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                          >
+                            Place order
+                          </button>
+                        </h5>
+                      </div>
+                    </form>
+                  </div>
+
+                  <!-- checkout -->
+                  <div class="flex justify-end">
+                    <div class="max-w-450px w-full">
+                      <h4
+                        class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                      >
+                        Cart Totals
+                      </h4>
+                      <ul class="text-sm lg:text-base text-heading-color">
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              3 Rooms Manhattan <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $298.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              OE Replica Wheels <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $170.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Wheel Bearing Retainer <strong> × 2</strong></span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $150.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Shipping and Handing</span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $15.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li
+                          class="p-2 border-b border-border-color-17 bg-table-bg"
+                        >
+                          <div class="flex justify-between items-center">
+                            <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $00.00</span
+                            >
+                          </div>
+                        </li>
+
+                        <li class="p-2 border-b border-border-color-17">
+                          <div
+                            class="flex justify-between items-center font-bold"
+                          >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              Order Total</span
+                            >
+                            <span class="leading-1.8 lg:leading-1.8">
+                              $633.00</span
+                            >
+                          </div>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- content 9 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <form
+                  class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+                >
+                  <!-- passwords -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Change Password</span
+                      >
+                    </h5>
+                    <div class="grid grid-cols-1 gap-30px pb-30px">
+                      <!-- Current password -->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="Current Password*"
+                          class="text-paragraph-color pl-5 pr-50px tra outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+                      <!-- New password-->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="New Password*"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+
+                      <!-- Confirm new password -->
+                      <div class="relative">
+                        <input
+                          type="password"
+                          placeholder="Confirm New Password*"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                        >
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                      >
+                        Save Changes
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 10 -->
+              <div class="transition-all duration-300 opacity-0 hidden">
+                <div></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/add-listing.html b/quarter/add-listing.html
new file mode 100644
index 0000000..a9f5a7e
--- /dev/null
+++ b/quarter/add-listing.html
@@ -0,0 +1,3534 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Add Listing</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Add Listing
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- listing section -->
+      <section>
+        <div class="container py-30">
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100% active"
+              >
+                1. Description
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                2. Media
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                3. Location
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                4. Details
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                5. Amenities
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Property Description -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Description</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Title (mandatory)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Description"
+                          class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 right-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Property Price -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Property Price</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Price in $ (only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="After Price Label (ex: /month)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Before Price Label (ex: from)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Yearly Tax Rate"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Homeowners Association Fee(monthly)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- Select Categories -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Categories</span
+                      >
+                    </h5>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Apartments</option>
+                          <option>Condos</option>
+                          <option>Duplexes</option>
+                          <option>Houses</option>
+                          <option>Industrial</option>
+                          <option>Land</option>
+                          <option>Offices</option>
+                          <option>Retail</option>
+                          <option>Villas</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>None</option>
+                          <option>Rentals</option>
+                          <option>Sales</option>
+                        </select>
+                      </div>
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>no status</option>
+                          <option>Active</option>
+                          <option>hot offer</option>
+                          <option>new offer</option>
+                          <option>open house</option>
+                          <option>sold</option>
+                        </select>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 2 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Media -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Media</span
+                      >
+                    </h5>
+                    <div class="mb-30px">
+                      <div class="mb-10px">
+                        <input
+                          type="file"
+                          class="w-[426px] max-w-full border-2 border-border-color-9 px-5 md:px-25px lg:px-10 py-2 md:py-10px lg:py-15px transition-all duration-300 hover:bg-secondary-color hover:border-secondary-color hover:text-white cursor-pointer"
+                        >
+                      </div>
+                      <p class="p-5 mb-5 lg:mb-6 text-sm space-y-1">
+                        <span class="block leading-1.8 lg:leading-1.8"
+                          >* At least 1 image is required for a valid
+                          submission.Minimum size is 500/500px.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * PDF files upload supported as well.
+                        </span>
+                        <span class="block leading-1.8 lg:leading-1.8">
+                          * Images might take longer to be processed.
+                        </span>
+                      </p>
+                    </div>
+                  </div>
+
+                  <!-- Video Option -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Video Option</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative block">
+                        <select class="selectize">
+                          <option>Video from</option>
+                          <option>vimeo</option>
+                          <option>youtube</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Embed Video ID"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Virtual Tour -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Virtual Tour</span
+                      >
+                    </h5>
+
+                    <div class="grid grid-cols-1 gap-30px mb-35px">
+                      <!-- message -->
+                      <div class="relative">
+                        <textarea
+                         
+                          placeholder="Virtual Tour:"
+                          class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        ></textarea>
+                        <span
+                          class="absolute top-[30px] -translate-y-1/2 right-4"
+                        >
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Location -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Location</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="*Address"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Country"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="County / State"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="City"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Neighborhood"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Zip"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- map -->
+                  <div>
+                    <div class="mb-60px h-360px">
+                      <iframe
+                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                     
+                       style="height:100%;width:100%;border:0px;"
+                       
+                        allowfullscreen=""
+                        aria-hidden="false"
+                        tabindex="0"
+                      ></iframe>
+                    </div>
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Latitude (for Google Maps)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Longitude (for Google Maps)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <label
+                          for="dishwasher-type"
+                          class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                          ><input
+                            type="checkbox"
+                            id="dishwasher-type"
+                            class="hidden"
+                          >
+                          <span
+                            class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                          ></span>
+                          Enable Google Street View
+                        </label>
+                      </div>
+
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Google Street View - Camera Angle (value from 0 to 360)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Listing Details -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Listing Details</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px"
+                    >
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Lot Size in ft2 (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Rooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bedrooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Bathrooms (*only numbers)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Custom ID (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garages (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Year Built (*numeric)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Garage Size (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Available from (*date)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Basement (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Extra Details (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Roofing (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Exterior Material (*text)"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Structure Type</option>
+                          <option>Not Available</option>
+                          <option>Brick</option>
+                          <option>Wood</option>
+                          <option>Cement</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Floors No</option>
+                          <option>Not Available</option>
+                          <option>1</option>
+                          <option>2</option>
+                          <option>3</option>
+                          <option>4</option>
+                          <option>5</option>
+                        </select>
+                      </div>
+
+                      <div class="md:col-start-1 md:col-span-2">
+                        <div class="relative">
+                          <textarea
+                           
+                            placeholder="Owner/Agent notes (*not visible on front end)"
+                            class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- Select Energy Class -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Select Energy Class</span
+                      >
+                    </h5>
+
+                    <div
+                      class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-35px"
+                    >
+                      <div class="relative">
+                        <select class="selectize">
+                          <option>Select Energy Class (EU regulation)</option>
+                          <option>A+</option>
+                          <option>A</option>
+                          <option>B</option>
+                          <option>C</option>
+                          <option>D</option>
+                          <option>E</option>
+                        </select>
+                      </div>
+                      <div class="relative">
+                        <input
+                          type="text"
+                          placeholder="Energy Index in kWh/m2a"
+                          class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                        >
+                        <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                          <i
+                            class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                          ></i>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Next Step
+                      </a>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0 transition-all duration-300">
+                >
+                <form
+                  class="form-primary add-property-form bg-white text-sm lg:text-base"
+                >
+                  <!-- Amenities and Features -->
+                  <div>
+                    <h4
+                      class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Amenities and Features</span
+                      >
+                    </h4>
+                    <!-- Interior Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Interior Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="equipped-kitchen-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="equipped-kitchen-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Equipped Kitchen
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="gym-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="gym-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Gym
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="laundry-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="laundry-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Laundry
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="media-room-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="media-room-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Media Room
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Outdoor Details -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Outdoor Details</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="back-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="back-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Back yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="basketball-court-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="basketball-court-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Basketball court
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Front-yard-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Front-yard-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Front yard
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Garage-Attached-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Garage-Attached-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Garage Attached
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Hot-Bath-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Hot-Bath-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Hot Bath
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Pool-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Pool-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Pool
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Utilities -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Utilities</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Central-Air-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Central-Air-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Central Air
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Electricity-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Electricity-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Electricity
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Heating-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Heating-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Heating
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Natural-Gas-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Natural-Gas-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Natural Gas
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Ventilation-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Ventilation-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Ventilation
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Water-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Water-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Water
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- Other Features -->
+                    <div>
+                      <h5
+                        class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                          Other Features</span
+                        >
+                      </h5>
+
+                      <div
+                        class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-1 mb-35px"
+                      >
+                        <div class="relative">
+                          <label
+                            for="Chair-Accessible-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Chair-Accessible-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Chair Accessible
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Elevator-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Elevator-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Elevator
+                          </label>
+                        </div>
+                        <div class="relative">
+                          <label
+                            for="Fireplace-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Fireplace-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Fireplace
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Smoke-detectors-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Smoke-detectors-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Smoke detectors
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="Washer-and-dryer-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="Washer-and-dryer-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            Washer and dryer
+                          </label>
+                        </div>
+
+                        <div class="relative">
+                          <label
+                            for="WiFi-type"
+                            class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                            ><input
+                              type="checkbox"
+                              id="WiFi-type"
+                              class="hidden"
+                            >
+                            <span
+                              class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1 active"
+                            ></span>
+                            WiFi
+                          </label>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- submit -->
+                  <div class="flex gap-5 justify-start">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="#"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Prev Step
+                      </a>
+                    </h5>
+
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Submit Property
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/assets/css/animate.css b/quarter/assets/css/animate.css
new file mode 100644
index 0000000..d21a0c7
--- /dev/null
+++ b/quarter/assets/css/animate.css
@@ -0,0 +1,3056 @@
+/*/
+/*!
+ * animate.css -http://daneden.me/animate
+ * Version - 3.7.0
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2018 Daniel Eden
+ */
+@-webkit-keyframes bounce {
+  0%,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+@keyframes bounce {
+  0%,
+  20%,
+  53%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translateZ(0);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0);
+  }
+  40%,
+  43% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -30px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0);
+  }
+  70% {
+    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -15px, 0);
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -4px, 0);
+    transform: translate3d(0, -4px, 0);
+  }
+}
+.bounce {
+  -webkit-animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+@-webkit-keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+@keyframes flash {
+  0%,
+  50%,
+  to {
+    opacity: 1;
+  }
+  25%,
+  75% {
+    opacity: 0;
+  }
+}
+.flash {
+  -webkit-animation-name: flash;
+  animation-name: flash;
+}
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes pulse {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.pulse {
+  -webkit-animation-name: pulse;
+  animation-name: pulse;
+}
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    -webkit-transform: scale3d(0.95, 1.05, 1);
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    -webkit-transform: scale3d(1.05, 0.95, 1);
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+  animation-name: rubberBand;
+}
+@-webkit-keyframes shake {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+@keyframes shake {
+  0%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  10%,
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%,
+  40%,
+  60%,
+  80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+}
+.shake {
+  -webkit-animation-name: shake;
+  animation-name: shake;
+}
+@-webkit-keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+@keyframes headShake {
+  0% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+  6.5% {
+    -webkit-transform: translateX(-6px) rotateY(-9deg);
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    -webkit-transform: translateX(5px) rotateY(7deg);
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    -webkit-transform: translateX(-3px) rotateY(-5deg);
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    -webkit-transform: translateX(2px) rotateY(3deg);
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+  }
+}
+.headShake {
+  -webkit-animation-name: headShake;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-name: headShake;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate(15deg);
+    transform: rotate(15deg);
+  }
+  40% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  60% {
+    -webkit-transform: rotate(5deg);
+    transform: rotate(5deg);
+  }
+  80% {
+    -webkit-transform: rotate(-5deg);
+    transform: rotate(-5deg);
+  }
+  to {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+}
+.swing {
+  -webkit-animation-name: swing;
+  -webkit-transform-origin: top center;
+  animation-name: swing;
+  transform-origin: top center;
+}
+@-webkit-keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+@keyframes tada {
+  0% {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+  10%,
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%,
+  50%,
+  70%,
+  90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%,
+  60%,
+  80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    transform: scaleX(1);
+  }
+}
+.tada {
+  -webkit-animation-name: tada;
+  animation-name: tada;
+}
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes wobble {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.wobble {
+  -webkit-animation-name: wobble;
+  animation-name: wobble;
+}
+@-webkit-keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+@keyframes jello {
+  0%,
+  11.1%,
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  22.2% {
+    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
+}
+.jello {
+  -webkit-animation-name: jello;
+  -webkit-transform-origin: center;
+  animation-name: jello;
+  transform-origin: center;
+}
+@-webkit-keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+@keyframes heartBeat {
+  0% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  14% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  28% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+  42% {
+    -webkit-transform: scale(1.3);
+    transform: scale(1.3);
+  }
+  70% {
+    -webkit-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.heartBeat {
+  -webkit-animation-duration: 1.3s;
+  -webkit-animation-name: heartBeat;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-duration: 1.3s;
+  animation-name: heartBeat;
+  animation-timing-function: ease-in-out;
+}
+@-webkit-keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+@keyframes bounceIn {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    -webkit-transform: scale3d(0.97, 0.97, 0.97);
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    -webkit-transform: scaleX(1);
+    opacity: 1;
+    transform: scaleX(1);
+  }
+}
+.bounceIn {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: bounceIn;
+  animation-duration: 0.75s;
+  animation-name: bounceIn;
+}
+@-webkit-keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, -3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, 25px, 0);
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInDown {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, -3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, 25px, 0);
+    opacity: 1;
+    transform: translate3d(0, 25px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+    transform: translate3d(0, 5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+  animation-name: bounceInDown;
+}
+@-webkit-keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInLeft {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(-3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+    transform: translate3d(-10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+    transform: translate3d(5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+  animation-name: bounceInLeft;
+}
+@-webkit-keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(-25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInRight {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(3000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(-25px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+    transform: translate3d(10px, 0, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+    transform: translate3d(-5px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+  animation-name: bounceInRight;
+}
+@-webkit-keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, 3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes bounceInUp {
+  0%,
+  60%,
+  75%,
+  90%,
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    -webkit-transform: translate3d(0, 3000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0);
+  }
+  60% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.bounceInUp {
+  -webkit-animation-name: bounceInUp;
+  animation-name: bounceInUp;
+}
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(0.9, 0.9, 0.9);
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%,
+  55% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+.bounceOut {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: bounceOut;
+  animation-duration: 0.75s;
+  animation-name: bounceOut;
+}
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+    transform: translate3d(0, 10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, -20px, 0);
+    opacity: 1;
+    transform: translate3d(0, -20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+  animation-name: bounceOutDown;
+}
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    -webkit-transform: translate3d(20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes bounceOutLeft {
+  20% {
+    -webkit-transform: translate3d(20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+  animation-name: bounceOutLeft;
+}
+@-webkit-keyframes bounceOutRight {
+  20% {
+    -webkit-transform: translate3d(-20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes bounceOutRight {
+  20% {
+    -webkit-transform: translate3d(-20px, 0, 0);
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+  animation-name: bounceOutRight;
+}
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, 20px, 0);
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+  40%,
+  45% {
+    -webkit-transform: translate3d(0, 20px, 0);
+    opacity: 1;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+  animation-name: bounceOutUp;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+  animation-name: fadeIn;
+}
+@-webkit-keyframes fadeInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+  animation-name: fadeInDown;
+}
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInDownBig {
+  0% {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+  animation-name: fadeInDownBig;
+}
+@-webkit-keyframes fadeInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+  animation-name: fadeInLeft;
+}
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInLeftBig {
+  0% {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+  animation-name: fadeInLeftBig;
+}
+@-webkit-keyframes fadeInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+  animation-name: fadeInRight;
+}
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInRightBig {
+  0% {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+  animation-name: fadeInRightBig;
+}
+@-webkit-keyframes fadeInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes fadeInUpBig {
+  0% {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+  animation-name: fadeInUpBig;
+}
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+  animation-name: fadeOutDown;
+}
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, 2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+  animation-name: fadeOutDownBig;
+}
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+  animation-name: fadeOutLeft;
+}
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(-2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+  animation-name: fadeOutLeftBig;
+}
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+  animation-name: fadeOutRight;
+}
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(2000px, 0, 0);
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+  animation-name: fadeOutRightBig;
+}
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(0, -2000px, 0);
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+  animation-name: fadeOutUpBig;
+}
+@-webkit-keyframes flip {
+  0% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+  }
+  50% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+  }
+  80% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+  }
+  to {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+  }
+}
+@keyframes flip {
+  0% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0)
+      rotateY(-1turn);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-out;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-190deg);
+    animation-timing-function: ease-out;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+  }
+  50% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px)
+      rotateY(-170deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+  }
+  80% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
+      translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
+      rotateY(0deg);
+  }
+  to {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+  }
+}
+.animated.flip {
+  -webkit-animation-name: flip;
+  -webkit-backface-visibility: visible;
+  animation-name: flip;
+  backface-visibility: visible;
+}
+@-webkit-keyframes flipInX {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInX {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateX(-5deg);
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.flipInX {
+  -webkit-animation-name: flipInX;
+  -webkit-backface-visibility: visible !important;
+  animation-name: flipInX;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipInY {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateY(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+@keyframes flipInY {
+  0% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+  40% {
+    -webkit-animation-timing-function: ease-in;
+    -webkit-transform: perspective(400px) rotateY(-20deg);
+    animation-timing-function: ease-in;
+    transform: perspective(400px) rotateY(-20deg);
+  }
+  60% {
+    -webkit-transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(10deg);
+  }
+  80% {
+    -webkit-transform: perspective(400px) rotateY(-5deg);
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+}
+.flipInY {
+  -webkit-animation-name: flipInY;
+  -webkit-backface-visibility: visible !important;
+  animation-name: flipInY;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+}
+@keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+    transform: perspective(400px) rotateX(-20deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateX(90deg);
+  }
+}
+.flipOutX {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: flipOutX;
+  -webkit-backface-visibility: visible !important;
+  animation-duration: 0.75s;
+  animation-name: flipOutX;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(-15deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+}
+@keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+    transform: perspective(400px);
+  }
+  30% {
+    -webkit-transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+    transform: perspective(400px) rotateY(-15deg);
+  }
+  to {
+    -webkit-transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+    transform: perspective(400px) rotateY(90deg);
+  }
+}
+.flipOutY {
+  -webkit-animation-duration: 0.75s;
+  -webkit-animation-name: flipOutY;
+  -webkit-backface-visibility: visible !important;
+  animation-duration: 0.75s;
+  animation-name: flipOutY;
+  backface-visibility: visible !important;
+}
+@-webkit-keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    opacity: 1;
+    transform: skewX(20deg);
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+  }
+  60% {
+    -webkit-transform: skewX(20deg);
+    opacity: 1;
+    transform: skewX(20deg);
+  }
+  80% {
+    -webkit-transform: skewX(-5deg);
+    transform: skewX(-5deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+  animation-name: lightSpeedIn;
+  animation-timing-function: ease-out;
+}
+@-webkit-keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+  }
+}
+@keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+  }
+}
+.lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
+  animation-name: lightSpeedOut;
+  animation-timing-function: ease-in;
+}
+@-webkit-keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(-200deg);
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: center;
+  }
+}
+@keyframes rotateIn {
+  0% {
+    -webkit-transform: rotate(-200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(-200deg);
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: center;
+  }
+}
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+  animation-name: rotateIn;
+}
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+  animation-name: rotateInDownLeft;
+}
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+  animation-name: rotateInDownRight;
+}
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: left bottom;
+  }
+}
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+  animation-name: rotateInUpLeft;
+}
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-90deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform: rotate(-90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-90deg);
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform: translateZ(0);
+    transform-origin: right bottom;
+  }
+}
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+  animation-name: rotateInUpRight;
+}
+@-webkit-keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(200deg);
+    transform-origin: center;
+  }
+}
+@keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+    opacity: 1;
+    transform-origin: center;
+  }
+  to {
+    -webkit-transform: rotate(200deg);
+    -webkit-transform-origin: center;
+    opacity: 0;
+    transform: rotate(200deg);
+    transform-origin: center;
+  }
+}
+.rotateOut {
+  -webkit-animation-name: rotateOut;
+  animation-name: rotateOut;
+}
+@-webkit-keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(45deg);
+    transform-origin: left bottom;
+  }
+}
+.rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+  animation-name: rotateOutDownLeft;
+}
+@-webkit-keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: right bottom;
+  }
+}
+.rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+  animation-name: rotateOutDownRight;
+}
+@-webkit-keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+}
+@keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+    opacity: 1;
+    transform-origin: left bottom;
+  }
+  to {
+    -webkit-transform: rotate(-45deg);
+    -webkit-transform-origin: left bottom;
+    opacity: 0;
+    transform: rotate(-45deg);
+    transform-origin: left bottom;
+  }
+}
+.rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+  animation-name: rotateOutUpLeft;
+}
+@-webkit-keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(90deg);
+    transform-origin: right bottom;
+  }
+}
+@keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+    opacity: 1;
+    transform-origin: right bottom;
+  }
+  to {
+    -webkit-transform: rotate(90deg);
+    -webkit-transform-origin: right bottom;
+    opacity: 0;
+    transform: rotate(90deg);
+    transform-origin: right bottom;
+  }
+}
+.rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+  animation-name: rotateOutUpRight;
+}
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform-origin: top left;
+  }
+  20%,
+  60% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(80deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform: rotate(80deg);
+    transform-origin: top left;
+  }
+  40%,
+  80% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(60deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+    transform: rotate(60deg);
+    transform-origin: top left;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    opacity: 0;
+    transform: translate3d(0, 700px, 0);
+  }
+}
+@keyframes hinge {
+  0% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform-origin: top left;
+  }
+  20%,
+  60% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(80deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    transform: rotate(80deg);
+    transform-origin: top left;
+  }
+  40%,
+  80% {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-transform: rotate(60deg);
+    -webkit-transform-origin: top left;
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+    transform: rotate(60deg);
+    transform-origin: top left;
+  }
+  to {
+    -webkit-transform: translate3d(0, 700px, 0);
+    opacity: 0;
+    transform: translate3d(0, 700px, 0);
+  }
+}
+.hinge {
+  -webkit-animation-duration: 2s;
+  -webkit-animation-name: hinge;
+  animation-duration: 2s;
+  animation-name: hinge;
+}
+@-webkit-keyframes jackInTheBox {
+  0% {
+    -webkit-transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    -webkit-transform: scale(1);
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes jackInTheBox {
+  0% {
+    -webkit-transform: scale(0.1) rotate(30deg);
+    -webkit-transform-origin: center bottom;
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+  50% {
+    -webkit-transform: rotate(-10deg);
+    transform: rotate(-10deg);
+  }
+  70% {
+    -webkit-transform: rotate(3deg);
+    transform: rotate(3deg);
+  }
+  to {
+    -webkit-transform: scale(1);
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.jackInTheBox {
+  -webkit-animation-name: jackInTheBox;
+  animation-name: jackInTheBox;
+}
+@-webkit-keyframes rollIn {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+@keyframes rollIn {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.rollIn {
+  -webkit-animation-name: rollIn;
+  animation-name: rollIn;
+}
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+@keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+.rollOut {
+  -webkit-animation-name: rollOut;
+  animation-name: rollOut;
+}
+@-webkit-keyframes zoomIn {
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@keyframes zoomIn {
+  0% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+  animation-name: zoomIn;
+}
+@-webkit-keyframes zoomInDown {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+}
+@keyframes zoomInDown {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+}
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+  animation-name: zoomInDown;
+}
+@-webkit-keyframes zoomInLeft {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+  }
+}
+@keyframes zoomInLeft {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+  }
+}
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+  animation-name: zoomInLeft;
+}
+@-webkit-keyframes zoomInRight {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+  }
+}
+@keyframes zoomInRight {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+  }
+}
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+  animation-name: zoomInRight;
+}
+@-webkit-keyframes zoomInUp {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+}
+@keyframes zoomInUp {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+  }
+  60% {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+}
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+  animation-name: zoomInUp;
+}
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+  animation-name: zoomOut;
+}
+@-webkit-keyframes zoomOutDown {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+@keyframes zoomOutDown {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+.zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+  animation-name: zoomOutDown;
+}
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+@keyframes zoomOutLeft {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+    transform-origin: left center;
+  }
+}
+.zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+  animation-name: zoomOutLeft;
+}
+@-webkit-keyframes zoomOutRight {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+@keyframes zoomOutRight {
+  40% {
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+    transform-origin: right center;
+  }
+}
+.zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+  animation-name: zoomOutRight;
+}
+@-webkit-keyframes zoomOutUp {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+@keyframes zoomOutUp {
+  40% {
+    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+  }
+  to {
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    transform-origin: center bottom;
+  }
+}
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+  animation-name: zoomOutUp;
+}
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+  animation-name: slideInDown;
+}
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+  animation-name: slideInLeft;
+}
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+  animation-name: slideInRight;
+}
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+}
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+  animation-name: slideInUp;
+}
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 100%, 0);
+    transform: translate3d(0, 100%, 0);
+    visibility: hidden;
+  }
+}
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+  animation-name: slideOutDown;
+}
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    visibility: hidden;
+  }
+}
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+  animation-name: slideOutLeft;
+}
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    visibility: hidden;
+  }
+}
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+  animation-name: slideOutRight;
+}
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: hidden;
+  }
+}
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+  }
+  to {
+    -webkit-transform: translate3d(0, -100%, 0);
+    transform: translate3d(0, -100%, 0);
+    visibility: hidden;
+  }
+}
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+  animation-name: slideOutUp;
+}
+.animated {
+  -webkit-animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+.animated.delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+.animated.delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+.animated.delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+.animated.delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+.animated.delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+.animated.fast {
+  -webkit-animation-duration: 0.8s;
+  animation-duration: 0.8s;
+}
+.animated.faster {
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+}
+.animated.slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+.animated.slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+@media (prefers-reduced-motion) {
+  .animated {
+    -webkit-animation: unset !important;
+    -webkit-transition: none !important;
+    animation: unset !important;
+    transition: none !important;
+  }
+}
diff --git a/quarter/assets/css/font-icons.css b/quarter/assets/css/font-icons.css
new file mode 100644
index 0000000..fbe33ab
--- /dev/null
+++ b/quarter/assets/css/font-icons.css
@@ -0,0 +1,650 @@
+/* ===================================================
+>>> TABLE OF CONTENTS:
+======================================================
+  1. Font Awesome 
+  2. Flat Icon
+  3. Iconmoon Icon
+
+ 
+=================================================== */
+
+/*---------------------------------------------------------------
+  1. Font Awesome 6 Icon
+---------------------------------------------------------------*/
+/*!
+ * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ * Copyright 2022 Fonticons, Inc.
+ */
+ .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0);animation-delay:var(--fa-animation-delay,0);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0:before{content:"\30"}.fa-1:before{content:"\31"}.fa-2:before{content:"\32"}.fa-3:before{content:"\33"}.fa-4:before{content:"\34"}.fa-5:before{content:"\35"}.fa-6:before{content:"\36"}.fa-7:before{content:"\37"}.fa-8:before{content:"\38"}.fa-9:before{content:"\39"}.fa-a:before{content:"\41"}.fa-address-book:before,.fa-contact-book:before{content:"\f2b9"}.fa-address-card:before,.fa-contact-card:before,.fa-vcard:before{content:"\f2bb"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-anchor:before{content:"\f13d"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-double-down:before,.fa-angles-down:before{content:"\f103"}.fa-angle-double-left:before,.fa-angles-left:before{content:"\f100"}.fa-angle-double-right:before,.fa-angles-right:before{content:"\f101"}.fa-angle-double-up:before,.fa-angles-up:before{content:"\f102"}.fa-ankh:before{content:"\f644"}.fa-apple-alt:before,.fa-apple-whole:before{content:"\f5d1"}.fa-archway:before{content:"\f557"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-down-1-9:before,.fa-sort-numeric-asc:before,.fa-sort-numeric-down:before{content:"\f162"}.fa-arrow-down-9-1:before,.fa-sort-numeric-desc:before,.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-arrow-down-a-z:before,.fa-sort-alpha-asc:before,.fa-sort-alpha-down:before{content:"\f15d"}.fa-arrow-down-long:before,.fa-long-arrow-down:before{content:"\f175"}.fa-arrow-down-short-wide:before,.fa-sort-amount-desc:before,.fa-sort-amount-down-alt:before{content:"\f884"}.fa-arrow-down-wide-short:before,.fa-sort-amount-asc:before,.fa-sort-amount-down:before{content:"\f160"}.fa-arrow-down-z-a:before,.fa-sort-alpha-desc:before,.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-left-long:before,.fa-long-arrow-left:before{content:"\f177"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-right-arrow-left:before,.fa-exchange:before{content:"\f0ec"}.fa-arrow-right-from-bracket:before,.fa-sign-out:before{content:"\f08b"}.fa-arrow-right-long:before,.fa-long-arrow-right:before{content:"\f178"}.fa-arrow-right-to-bracket:before,.fa-sign-in:before{content:"\f090"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-arrow-trend-down:before{content:"\e097"}.fa-arrow-trend-up:before{content:"\e098"}.fa-arrow-turn-down:before,.fa-level-down:before{content:"\f149"}.fa-arrow-turn-up:before,.fa-level-up:before{content:"\f148"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-up-1-9:before,.fa-sort-numeric-up:before{content:"\f163"}.fa-arrow-up-9-1:before,.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-arrow-up-a-z:before,.fa-sort-alpha-up:before{content:"\f15e"}.fa-arrow-up-from-bracket:before{content:"\e09a"}.fa-arrow-up-long:before,.fa-long-arrow-up:before{content:"\f176"}.fa-arrow-up-right-from-square:before,.fa-external-link:before{content:"\f08e"}.fa-arrow-up-short-wide:before,.fa-sort-amount-up-alt:before{content:"\f885"}.fa-arrow-up-wide-short:before,.fa-sort-amount-up:before{content:"\f161"}.fa-arrow-up-z-a:before,.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-arrows-rotate:before,.fa-refresh:before,.fa-sync:before{content:"\f021"}.fa-arrows-up-down:before,.fa-arrows-v:before{content:"\f07d"}.fa-arrows-up-down-left-right:before,.fa-arrows:before{content:"\f047"}.fa-asterisk:before{content:"\2a"}.fa-at:before{content:"\40"}.fa-atom:before{content:"\f5d2"}.fa-audio-description:before{content:"\f29e"}.fa-austral-sign:before{content:"\e0a9"}.fa-award:before{content:"\f559"}.fa-b:before{content:"\42"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before,.fa-carriage-baby:before{content:"\f77d"}.fa-backward:before{content:"\f04a"}.fa-backward-fast:before,.fa-fast-backward:before{content:"\f049"}.fa-backward-step:before,.fa-step-backward:before{content:"\f048"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bag-shopping:before,.fa-shopping-bag:before{content:"\f290"}.fa-bahai:before{content:"\f666"}.fa-baht-sign:before{content:"\e0ac"}.fa-ban:before,.fa-cancel:before{content:"\f05e"}.fa-ban-smoking:before,.fa-smoking-ban:before{content:"\f54d"}.fa-band-aid:before,.fa-bandage:before{content:"\f462"}.fa-barcode:before{content:"\f02a"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-bars-progress:before,.fa-tasks-alt:before{content:"\f828"}.fa-bars-staggered:before,.fa-reorder:before,.fa-stream:before{content:"\f550"}.fa-baseball-ball:before,.fa-baseball:before{content:"\f433"}.fa-baseball-bat-ball:before{content:"\f432"}.fa-basket-shopping:before,.fa-shopping-basket:before{content:"\f291"}.fa-basketball-ball:before,.fa-basketball:before{content:"\f434"}.fa-bath:before,.fa-bathtub:before{content:"\f2cd"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-battery-5:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-half:before{content:"\f242"}.fa-battery-2:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-4:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-bed-pulse:before,.fa-procedures:before{content:"\f487"}.fa-beer-mug-empty:before,.fa-beer:before{content:"\f0fc"}.fa-bell:before{content:"\f0f3"}.fa-bell-concierge:before,.fa-concierge-bell:before{content:"\f562"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bicycle:before{content:"\f206"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-bitcoin-sign:before{content:"\e0b4"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blog:before{content:"\f781"}.fa-bold:before{content:"\f032"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-bolt-lightning:before{content:"\e0b7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-atlas:before,.fa-book-atlas:before{content:"\f558"}.fa-bible:before,.fa-book-bible:before{content:"\f647"}.fa-book-journal-whills:before,.fa-journal-whills:before{content:"\f66a"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-open-reader:before,.fa-book-reader:before{content:"\f5da"}.fa-book-quran:before,.fa-quran:before{content:"\f687"}.fa-book-dead:before,.fa-book-skull:before{content:"\f6b7"}.fa-bookmark:before{content:"\f02e"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before,.fa-border-top-left:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes-alt:before,.fa-boxes-stacked:before,.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-brazilian-real-sign:before{content:"\e46c"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broom:before{content:"\f51a"}.fa-broom-ball:before,.fa-quidditch-broom-ball:before,.fa-quidditch:before{content:"\f458"}.fa-brush:before{content:"\f55d"}.fa-bug:before{content:"\f188"}.fa-bug-slash:before{content:"\e490"}.fa-building:before{content:"\f1ad"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burger:before,.fa-hamburger:before{content:"\f805"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before,.fa-bus-simple:before{content:"\f55e"}.fa-briefcase-clock:before,.fa-business-time:before{content:"\f64a"}.fa-c:before{content:"\43"}.fa-birthday-cake:before,.fa-cake-candles:before,.fa-cake:before{content:"\f1fd"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-week:before{content:"\f784"}.fa-calendar-times:before,.fa-calendar-xmark:before{content:"\f273"}.fa-camera-alt:before,.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-camera-rotate:before{content:"\e0d8"}.fa-campground:before{content:"\f6bb"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-battery-car:before,.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-alt:before,.fa-car-rear:before{content:"\f5de"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-flatbed:before,.fa-dolly-flatbed:before{content:"\f474"}.fa-cart-flatbed-suitcase:before,.fa-luggage-cart:before{content:"\f59d"}.fa-cart-plus:before{content:"\f217"}.fa-cart-shopping:before,.fa-shopping-cart:before{content:"\f07a"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cedi-sign:before{content:"\e0df"}.fa-cent-sign:before{content:"\e3f5"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-blackboard:before,.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before,.fa-chalkboard-user:before{content:"\f51c"}.fa-champagne-glasses:before,.fa-glass-cheers:before{content:"\f79f"}.fa-charging-station:before{content:"\f5e7"}.fa-area-chart:before,.fa-chart-area:before{content:"\f1fe"}.fa-bar-chart:before,.fa-chart-bar:before{content:"\f080"}.fa-chart-column:before{content:"\e0e3"}.fa-chart-gantt:before{content:"\e0e4"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-double:before{content:"\f560"}.fa-check-to-slot:before,.fa-vote-yea:before{content:"\f772"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-arrow-circle-down:before,.fa-circle-arrow-down:before{content:"\f0ab"}.fa-arrow-circle-left:before,.fa-circle-arrow-left:before{content:"\f0a8"}.fa-arrow-circle-right:before,.fa-circle-arrow-right:before{content:"\f0a9"}.fa-arrow-circle-up:before,.fa-circle-arrow-up:before{content:"\f0aa"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-chevron-circle-down:before,.fa-circle-chevron-down:before{content:"\f13a"}.fa-chevron-circle-left:before,.fa-circle-chevron-left:before{content:"\f137"}.fa-chevron-circle-right:before,.fa-circle-chevron-right:before{content:"\f138"}.fa-chevron-circle-up:before,.fa-circle-chevron-up:before{content:"\f139"}.fa-circle-dollar-to-slot:before,.fa-donate:before{content:"\f4b9"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-arrow-alt-circle-down:before,.fa-circle-down:before{content:"\f358"}.fa-circle-exclamation:before,.fa-exclamation-circle:before{content:"\f06a"}.fa-circle-h:before,.fa-hospital-symbol:before{content:"\f47e"}.fa-adjust:before,.fa-circle-half-stroke:before{content:"\f042"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-arrow-alt-circle-left:before,.fa-circle-left:before{content:"\f359"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-circle-notch:before{content:"\f1ce"}.fa-circle-pause:before,.fa-pause-circle:before{content:"\f28b"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-circle-plus:before,.fa-plus-circle:before{content:"\f055"}.fa-circle-question:before,.fa-question-circle:before{content:"\f059"}.fa-circle-radiation:before,.fa-radiation-alt:before{content:"\f7ba"}.fa-arrow-alt-circle-right:before,.fa-circle-right:before{content:"\f35a"}.fa-circle-stop:before,.fa-stop-circle:before{content:"\f28d"}.fa-arrow-alt-circle-up:before,.fa-circle-up:before{content:"\f35b"}.fa-circle-user:before,.fa-user-circle:before{content:"\f2bd"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-city:before{content:"\f64f"}.fa-clapperboard:before{content:"\e131"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-clock-rotate-left:before,.fa-history:before{content:"\f1da"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-arrow-down:before,.fa-cloud-download-alt:before,.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-clover:before{content:"\e139"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-compare:before{content:"\e13a"}.fa-code-fork:before{content:"\e13b"}.fa-code-merge:before{content:"\f387"}.fa-code-pull-request:before{content:"\e13c"}.fa-coins:before{content:"\f51e"}.fa-colon-sign:before{content:"\e140"}.fa-comment:before{content:"\f075"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-sms:before,.fa-sms:before{content:"\f7cd"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-compress:before{content:"\f066"}.fa-computer-mouse:before,.fa-mouse:before{content:"\f8cc"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-cruzeiro-sign:before{content:"\e152"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-d:before{content:"\44"}.fa-database:before{content:"\f1c0"}.fa-backspace:before,.fa-delete-left:before{content:"\f55a"}.fa-democrat:before{content:"\f747"}.fa-desktop-alt:before,.fa-desktop:before{content:"\f390"}.fa-dharmachakra:before{content:"\f655"}.fa-diagram-next:before{content:"\e476"}.fa-diagram-predecessor:before{content:"\e477"}.fa-diagram-project:before,.fa-project-diagram:before{content:"\f542"}.fa-diagram-successor:before{content:"\e47a"}.fa-diamond:before{content:"\f219"}.fa-diamond-turn-right:before,.fa-directions:before{content:"\f5eb"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dna:before{content:"\f471"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-dolly-box:before,.fa-dolly:before{content:"\f472"}.fa-dong-sign:before{content:"\e169"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dove:before{content:"\f4ba"}.fa-compress-alt:before,.fa-down-left-and-up-right-to-center:before{content:"\f422"}.fa-down-long:before,.fa-long-arrow-alt-down:before{content:"\f309"}.fa-download:before{content:"\f019"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-droplet-slash:before,.fa-tint-slash:before{content:"\f5c7"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-e:before{content:"\45"}.fa-deaf:before,.fa-deafness:before,.fa-ear-deaf:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-assistive-listening-systems:before,.fa-ear-listen:before{content:"\f2a2"}.fa-earth-africa:before,.fa-globe-africa:before{content:"\f57c"}.fa-earth-america:before,.fa-earth-americas:before,.fa-earth:before,.fa-globe-americas:before{content:"\f57d"}.fa-earth-asia:before,.fa-globe-asia:before{content:"\f57e"}.fa-earth-europe:before,.fa-globe-europe:before{content:"\f7a2"}.fa-earth-oceania:before,.fa-globe-oceania:before{content:"\e47b"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elevator:before{content:"\e16d"}.fa-ellipsis-h:before,.fa-ellipsis:before{content:"\f141"}.fa-ellipsis-v:before,.fa-ellipsis-vertical:before{content:"\f142"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelopes-bulk:before,.fa-mail-bulk:before{content:"\f674"}.fa-equals:before{content:"\3d"}.fa-eraser:before{content:"\f12d"}.fa-ethernet:before{content:"\f796"}.fa-eur:before,.fa-euro-sign:before,.fa-euro:before{content:"\f153"}.fa-exclamation:before{content:"\21"}.fa-expand:before{content:"\f065"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper-empty:before,.fa-eye-dropper:before,.fa-eyedropper:before{content:"\f1fb"}.fa-eye-low-vision:before,.fa-low-vision:before{content:"\f2a8"}.fa-eye-slash:before{content:"\f070"}.fa-f:before{content:"\46"}.fa-angry:before,.fa-face-angry:before{content:"\f556"}.fa-dizzy:before,.fa-face-dizzy:before{content:"\f567"}.fa-face-flushed:before,.fa-flushed:before{content:"\f579"}.fa-face-frown:before,.fa-frown:before{content:"\f119"}.fa-face-frown-open:before,.fa-frown-open:before{content:"\f57a"}.fa-face-grimace:before,.fa-grimace:before{content:"\f57f"}.fa-face-grin:before,.fa-grin:before{content:"\f580"}.fa-face-grin-beam:before,.fa-grin-beam:before{content:"\f582"}.fa-face-grin-beam-sweat:before,.fa-grin-beam-sweat:before{content:"\f583"}.fa-face-grin-hearts:before,.fa-grin-hearts:before{content:"\f584"}.fa-face-grin-squint:before,.fa-grin-squint:before{content:"\f585"}.fa-face-grin-squint-tears:before,.fa-grin-squint-tears:before{content:"\f586"}.fa-face-grin-stars:before,.fa-grin-stars:before{content:"\f587"}.fa-face-grin-tears:before,.fa-grin-tears:before{content:"\f588"}.fa-face-grin-tongue:before,.fa-grin-tongue:before{content:"\f589"}.fa-face-grin-tongue-squint:before,.fa-grin-tongue-squint:before{content:"\f58a"}.fa-face-grin-tongue-wink:before,.fa-grin-tongue-wink:before{content:"\f58b"}.fa-face-grin-wide:before,.fa-grin-alt:before{content:"\f581"}.fa-face-grin-wink:before,.fa-grin-wink:before{content:"\f58c"}.fa-face-kiss:before,.fa-kiss:before{content:"\f596"}.fa-face-kiss-beam:before,.fa-kiss-beam:before{content:"\f597"}.fa-face-kiss-wink-heart:before,.fa-kiss-wink-heart:before{content:"\f598"}.fa-face-laugh:before,.fa-laugh:before{content:"\f599"}.fa-face-laugh-beam:before,.fa-laugh-beam:before{content:"\f59a"}.fa-face-laugh-squint:before,.fa-laugh-squint:before{content:"\f59b"}.fa-face-laugh-wink:before,.fa-laugh-wink:before{content:"\f59c"}.fa-face-meh:before,.fa-meh:before{content:"\f11a"}.fa-face-meh-blank:before,.fa-meh-blank:before{content:"\f5a4"}.fa-face-rolling-eyes:before,.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-face-sad-cry:before,.fa-sad-cry:before{content:"\f5b3"}.fa-face-sad-tear:before,.fa-sad-tear:before{content:"\f5b4"}.fa-face-smile:before,.fa-smile:before{content:"\f118"}.fa-face-smile-beam:before,.fa-smile-beam:before{content:"\f5b8"}.fa-face-smile-wink:before,.fa-smile-wink:before{content:"\f4da"}.fa-face-surprise:before,.fa-surprise:before{content:"\f5c2"}.fa-face-tired:before,.fa-tired:before{content:"\f5c8"}.fa-fan:before{content:"\f863"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before,.fa-feather-pointed:before{content:"\f56b"}.fa-file:before{content:"\f15b"}.fa-file-arrow-down:before,.fa-file-download:before{content:"\f56d"}.fa-file-arrow-up:before,.fa-file-upload:before{content:"\f574"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-excel:before{content:"\f1c3"}.fa-arrow-right-from-file:before,.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-arrow-right-to-file:before,.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-file-medical:before{content:"\f477"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-video:before{content:"\f1c8"}.fa-file-medical-alt:before,.fa-file-waveform:before{content:"\f478"}.fa-file-word:before{content:"\f1c2"}.fa-file-archive:before,.fa-file-zipper:before{content:"\f1c6"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-filter-circle-dollar:before,.fa-funnel-dollar:before{content:"\f662"}.fa-filter-circle-xmark:before{content:"\e17b"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-alt:before,.fa-fire-flame-curved:before{content:"\f7e4"}.fa-burn:before,.fa-fire-flame-simple:before{content:"\f46a"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-floppy-disk:before,.fa-save:before{content:"\f0c7"}.fa-florin-sign:before{content:"\e184"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-tree:before{content:"\f802"}.fa-font:before{content:"\f031"}.fa-football-ball:before,.fa-football:before{content:"\f44e"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before,.fa-forward-fast:before{content:"\f050"}.fa-forward-step:before,.fa-step-forward:before{content:"\f051"}.fa-franc-sign:before{content:"\e18f"}.fa-frog:before{content:"\f52e"}.fa-futbol-ball:before,.fa-futbol:before,.fa-soccer-ball:before{content:"\f1e3"}.fa-g:before{content:"\47"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-dashboard:before,.fa-gauge-med:before,.fa-gauge:before,.fa-tachometer-alt-average:before{content:"\f624"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-gauge-simple-med:before,.fa-gauge-simple:before,.fa-tachometer-average:before{content:"\f629"}.fa-gauge-simple-high:before,.fa-tachometer-fast:before,.fa-tachometer:before{content:"\f62a"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-glasses:before{content:"\f530"}.fa-globe:before{content:"\f0ac"}.fa-golf-ball-tee:before,.fa-golf-ball:before{content:"\f450"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-greater-than:before{content:"\3e"}.fa-greater-than-equal:before{content:"\f532"}.fa-grip-horizontal:before,.fa-grip:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-guarani-sign:before{content:"\e19a"}.fa-guitar:before{content:"\f7a6"}.fa-gun:before{content:"\e19b"}.fa-h:before{content:"\48"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-paper:before,.fa-hand:before{content:"\f256"}.fa-hand-back-fist:before,.fa-hand-rock:before{content:"\f255"}.fa-allergies:before,.fa-hand-dots:before{content:"\f461"}.fa-fist-raised:before,.fa-hand-fist:before{content:"\f6de"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-droplet:before,.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before,.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before,.fa-hands-american-sign-language-interpreting:before,.fa-hands-asl-interpreting:before{content:"\f2a3"}.fa-hands-bubbles:before,.fa-hands-wash:before{content:"\e05e"}.fa-hands-clapping:before{content:"\e1a8"}.fa-hands-holding:before{content:"\f4c2"}.fa-hands-praying:before,.fa-praying-hands:before{content:"\f684"}.fa-handshake:before{content:"\f2b5"}.fa-hands-helping:before,.fa-handshake-angle:before{content:"\f4c4"}.fa-handshake-alt-slash:before,.fa-handshake-simple-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-drive:before,.fa-hdd:before{content:"\f0a0"}.fa-hashtag:before{content:"\23"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-header:before,.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before,.fa-headphones-simple:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before,.fa-heart-crack:before{content:"\f7a9"}.fa-heart-pulse:before,.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-highlighter:before{content:"\f591"}.fa-hippo:before{content:"\f6ed"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital-alt:before,.fa-hospital-wide:before,.fa-hospital:before{content:"\f0f8"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub-person:before,.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hourglass-2:before,.fa-hourglass-half:before,.fa-hourglass:before{content:"\f254"}.fa-hourglass-empty:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-home-lg:before,.fa-house-chimney:before{content:"\e3af"}.fa-house-chimney-crack:before,.fa-house-damage:before{content:"\f6f1"}.fa-clinic-medical:before,.fa-house-chimney-medical:before{content:"\f7f2"}.fa-house-chimney-user:before{content:"\e065"}.fa-house-chimney-window:before{content:"\e00d"}.fa-house-crack:before{content:"\e3b1"}.fa-house-laptop:before,.fa-laptop-house:before{content:"\e066"}.fa-house-medical:before{content:"\e3b2"}.fa-home-user:before,.fa-house-user:before{content:"\e1b0"}.fa-hryvnia-sign:before,.fa-hryvnia:before{content:"\f6f2"}.fa-i:before{content:"\49"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-heart-music-camera-bolt:before,.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before,.fa-id-card-clip:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-image-portrait:before,.fa-portrait:before{content:"\f3e0"}.fa-images:before{content:"\f302"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-indian-rupee-sign:before,.fa-indian-rupee:before,.fa-inr:before{content:"\e1bc"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-italic:before{content:"\f033"}.fa-j:before{content:"\4a"}.fa-jedi:before{content:"\f669"}.fa-fighter-jet:before,.fa-jet-fighter:before{content:"\f0fb"}.fa-joint:before{content:"\f595"}.fa-k:before{content:"\4b"}.fa-kaaba:before{content:"\f66b"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-khanda:before{content:"\f66d"}.fa-kip-sign:before{content:"\e1c4"}.fa-first-aid:before,.fa-kit-medical:before{content:"\f479"}.fa-kiwi-bird:before{content:"\f535"}.fa-l:before{content:"\4c"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-medical:before{content:"\f812"}.fa-lari-sign:before{content:"\e1c8"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-left-long:before,.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-lemon:before{content:"\f094"}.fa-less-than:before{content:"\3c"}.fa-less-than-equal:before{content:"\f537"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-chain-broken:before,.fa-chain-slash:before,.fa-link-slash:before,.fa-unlink:before{content:"\f127"}.fa-lira-sign:before{content:"\f195"}.fa-list-squares:before,.fa-list:before{content:"\f03a"}.fa-list-check:before,.fa-tasks:before{content:"\f0ae"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-litecoin-sign:before{content:"\e1d3"}.fa-location-arrow:before{content:"\f124"}.fa-location-crosshairs:before,.fa-location:before{content:"\f601"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-location-pin:before,.fa-map-marker:before{content:"\f041"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-m:before{content:"\4d"}.fa-magnet:before{content:"\f076"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-magnifying-glass-location:before,.fa-search-location:before{content:"\f689"}.fa-magnifying-glass-minus:before,.fa-search-minus:before{content:"\f010"}.fa-magnifying-glass-plus:before,.fa-search-plus:before{content:"\f00e"}.fa-manat-sign:before{content:"\e1d5"}.fa-map:before{content:"\f279"}.fa-map-location:before,.fa-map-marked:before{content:"\f59f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-pin:before{content:"\f276"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-and-venus:before{content:"\f224"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before,.fa-mars-stroke-right:before{content:"\f22b"}.fa-mars-stroke-up:before,.fa-mars-stroke-v:before{content:"\f22a"}.fa-glass-martini-alt:before,.fa-martini-glass:before{content:"\f57b"}.fa-cocktail:before,.fa-martini-glass-citrus:before{content:"\f561"}.fa-glass-martini:before,.fa-martini-glass-empty:before{content:"\f000"}.fa-mask:before{content:"\f6fa"}.fa-mask-face:before{content:"\e1d7"}.fa-masks-theater:before,.fa-theater-masks:before{content:"\f630"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-medal:before{content:"\f5a2"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-comment-alt:before,.fa-message:before{content:"\f27a"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before,.fa-microphone-lines:before{content:"\f3c9"}.fa-microphone-alt-slash:before,.fa-microphone-lines-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-mill-sign:before{content:"\e1ed"}.fa-compress-arrows-alt:before,.fa-minimize:before{content:"\f78c"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-mitten:before{content:"\f7b5"}.fa-mobile-android:before,.fa-mobile-phone:before,.fa-mobile:before{content:"\f3ce"}.fa-mobile-button:before{content:"\f10b"}.fa-mobile-alt:before,.fa-mobile-screen-button:before{content:"\f3cd"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-1:before,.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mug-hot:before{content:"\f7b6"}.fa-coffee:before,.fa-mug-saucer:before{content:"\f0f4"}.fa-music:before{content:"\f001"}.fa-n:before{content:"\4e"}.fa-naira-sign:before{content:"\e1f6"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-not-equal:before{content:"\f53e"}.fa-note-sticky:before,.fa-sticky-note:before{content:"\f249"}.fa-notes-medical:before{content:"\f481"}.fa-o:before{content:"\4f"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-oil-can:before{content:"\f613"}.fa-om:before{content:"\f679"}.fa-otter:before{content:"\f700"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-p:before{content:"\50"}.fa-pager:before{content:"\f815"}.fa-paint-roller:before{content:"\f5aa"}.fa-paint-brush:before,.fa-paintbrush:before{content:"\f1fc"}.fa-palette:before{content:"\f53f"}.fa-pallet:before{content:"\f482"}.fa-panorama:before{content:"\e209"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-passport:before{content:"\f5ab"}.fa-file-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-pause:before{content:"\f04c"}.fa-paw:before{content:"\f1b0"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before,.fa-pen-clip:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-ruler:before,.fa-pencil-ruler:before{content:"\f5ae"}.fa-edit:before,.fa-pen-to-square:before{content:"\f044"}.fa-pencil-alt:before,.fa-pencil:before{content:"\f303"}.fa-people-arrows-left-right:before,.fa-people-arrows:before{content:"\e068"}.fa-people-carry-box:before,.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-male:before,.fa-person:before{content:"\f183"}.fa-biking:before,.fa-person-biking:before{content:"\f84a"}.fa-person-booth:before{content:"\f756"}.fa-diagnoses:before,.fa-person-dots-from-line:before{content:"\f470"}.fa-female:before,.fa-person-dress:before{content:"\f182"}.fa-hiking:before,.fa-person-hiking:before{content:"\f6ec"}.fa-person-praying:before,.fa-pray:before{content:"\f683"}.fa-person-running:before,.fa-running:before{content:"\f70c"}.fa-person-skating:before,.fa-skating:before{content:"\f7c5"}.fa-person-skiing:before,.fa-skiing:before{content:"\f7c9"}.fa-person-skiing-nordic:before,.fa-skiing-nordic:before{content:"\f7ca"}.fa-person-snowboarding:before,.fa-snowboarding:before{content:"\f7ce"}.fa-person-swimming:before,.fa-swimmer:before{content:"\f5c4"}.fa-person-walking:before,.fa-walking:before{content:"\f554"}.fa-blind:before,.fa-person-walking-with-cane:before{content:"\f29d"}.fa-peseta-sign:before{content:"\e221"}.fa-peso-sign:before{content:"\e222"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-volume:before,.fa-volume-control-phone:before{content:"\f2a0"}.fa-photo-film:before,.fa-photo-video:before{content:"\f87c"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-plug:before{content:"\f1e6"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-plus-minus:before{content:"\e43c"}.fa-podcast:before{content:"\f2ce"}.fa-poo:before{content:"\f2fe"}.fa-poo-bolt:before,.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-power-off:before{content:"\f011"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before,.fa-prescription-bottle-medical:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-puzzle-piece:before{content:"\f12e"}.fa-q:before{content:"\51"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\3f"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-quote-right-alt:before,.fa-quote-right:before{content:"\f10e"}.fa-r:before{content:"\52"}.fa-radiation:before{content:"\f7b9"}.fa-rainbow:before{content:"\f75b"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-ad:before,.fa-rectangle-ad:before{content:"\f641"}.fa-list-alt:before,.fa-rectangle-list:before{content:"\f022"}.fa-rectangle-times:before,.fa-rectangle-xmark:before,.fa-times-rectangle:before,.fa-window-close:before{content:"\f410"}.fa-recycle:before{content:"\f1b8"}.fa-registered:before{content:"\f25d"}.fa-repeat:before{content:"\f363"}.fa-mail-reply:before,.fa-reply:before{content:"\f3e5"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-republican:before{content:"\f75e"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-ribbon:before{content:"\f4d6"}.fa-right-from-bracket:before,.fa-sign-out-alt:before{content:"\f2f5"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-long-arrow-alt-right:before,.fa-right-long:before{content:"\f30b"}.fa-right-to-bracket:before,.fa-sign-in-alt:before{content:"\f2f6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-rotate-back:before,.fa-rotate-backward:before,.fa-rotate-left:before,.fa-undo-alt:before{content:"\f2ea"}.fa-redo-alt:before,.fa-rotate-forward:before,.fa-rotate-right:before{content:"\f2f9"}.fa-route:before{content:"\f4d7"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-rouble:before,.fa-rub:before,.fa-ruble-sign:before,.fa-ruble:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before,.fa-rupee:before{content:"\f156"}.fa-rupiah-sign:before{content:"\e23d"}.fa-s:before{content:"\53"}.fa-sailboat:before{content:"\e445"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-balance-scale:before,.fa-scale-balanced:before{content:"\f24e"}.fa-balance-scale-left:before,.fa-scale-unbalanced:before{content:"\f515"}.fa-balance-scale-right:before,.fa-scale-unbalanced-flip:before{content:"\f516"}.fa-school:before{content:"\f549"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-screwdriver:before{content:"\f54a"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-scroll:before{content:"\f70e"}.fa-scroll-torah:before,.fa-torah:before{content:"\f6a0"}.fa-sd-card:before{content:"\f7c2"}.fa-section:before{content:"\e447"}.fa-seedling:before,.fa-sprout:before{content:"\f4d8"}.fa-server:before{content:"\f233"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-arrow-turn-right:before,.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-share-from-square:before,.fa-share-square:before{content:"\f14d"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-ils:before,.fa-shekel-sign:before,.fa-shekel:before,.fa-sheqel-sign:before,.fa-sheqel:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before,.fa-shield-blank:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shirt:before,.fa-t-shirt:before,.fa-tshirt:before{content:"\f553"}.fa-shoe-prints:before{content:"\f54b"}.fa-shop:before,.fa-store-alt:before{content:"\f54f"}.fa-shop-slash:before,.fa-store-alt-slash:before{content:"\e070"}.fa-shower:before{content:"\f2cc"}.fa-shrimp:before{content:"\e448"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-shuttle-space:before,.fa-space-shuttle:before{content:"\f197"}.fa-sign-hanging:before,.fa-sign:before{content:"\f4d9"}.fa-signal-5:before,.fa-signal-perfect:before,.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-map-signs:before,.fa-signs-post:before{content:"\f277"}.fa-sim-card:before{content:"\f7c4"}.fa-sink:before{content:"\e06d"}.fa-sitemap:before{content:"\f0e8"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-spa:before{content:"\f5bb"}.fa-pastafarianism:before,.fa-spaghetti-monster-flying:before{content:"\f67b"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spoon:before,.fa-utensil-spoon:before{content:"\f2e5"}.fa-spray-can:before{content:"\f5bd"}.fa-air-freshener:before,.fa-spray-can-sparkles:before{content:"\f5d0"}.fa-square:before{content:"\f0c8"}.fa-external-link-square:before,.fa-square-arrow-up-right:before{content:"\f14c"}.fa-caret-square-down:before,.fa-square-caret-down:before{content:"\f150"}.fa-caret-square-left:before,.fa-square-caret-left:before{content:"\f191"}.fa-caret-square-right:before,.fa-square-caret-right:before{content:"\f152"}.fa-caret-square-up:before,.fa-square-caret-up:before{content:"\f151"}.fa-check-square:before,.fa-square-check:before{content:"\f14a"}.fa-envelope-square:before,.fa-square-envelope:before{content:"\f199"}.fa-square-full:before{content:"\f45c"}.fa-h-square:before,.fa-square-h:before{content:"\f0fd"}.fa-minus-square:before,.fa-square-minus:before{content:"\f146"}.fa-parking:before,.fa-square-parking:before{content:"\f540"}.fa-pen-square:before,.fa-pencil-square:before,.fa-square-pen:before{content:"\f14b"}.fa-phone-square:before,.fa-square-phone:before{content:"\f098"}.fa-phone-square-alt:before,.fa-square-phone-flip:before{content:"\f87b"}.fa-plus-square:before,.fa-square-plus:before{content:"\f0fe"}.fa-poll-h:before,.fa-square-poll-horizontal:before{content:"\f682"}.fa-poll:before,.fa-square-poll-vertical:before{content:"\f681"}.fa-square-root-alt:before,.fa-square-root-variable:before{content:"\f698"}.fa-rss-square:before,.fa-square-rss:before{content:"\f143"}.fa-share-alt-square:before,.fa-square-share-nodes:before{content:"\f1e1"}.fa-external-link-square-alt:before,.fa-square-up-right:before{content:"\f360"}.fa-square-xmark:before,.fa-times-square:before,.fa-xmark-square:before{content:"\f2d3"}.fa-stairs:before{content:"\e289"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before,.fa-star-half-stroke:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-gbp:before,.fa-pound-sign:before,.fa-sterling-sign:before{content:"\f154"}.fa-stethoscope:before{content:"\f0f1"}.fa-stop:before{content:"\f04d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-slash:before{content:"\e071"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stroopwafel:before{content:"\f551"}.fa-subscript:before{content:"\f12c"}.fa-suitcase:before{content:"\f0f2"}.fa-medkit:before,.fa-suitcase-medical:before{content:"\f0fa"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superscript:before{content:"\f12b"}.fa-swatchbook:before{content:"\f5c3"}.fa-synagogue:before{content:"\f69b"}.fa-syringe:before{content:"\f48e"}.fa-t:before{content:"\54"}.fa-table:before{content:"\f0ce"}.fa-table-cells:before,.fa-th:before{content:"\f00a"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-columns:before,.fa-table-columns:before{content:"\f0db"}.fa-table-list:before,.fa-th-list:before{content:"\f00b"}.fa-ping-pong-paddle-ball:before,.fa-table-tennis-paddle-ball:before,.fa-table-tennis:before{content:"\f45d"}.fa-tablet-android:before,.fa-tablet:before{content:"\f3fb"}.fa-tablet-button:before{content:"\f10a"}.fa-tablet-alt:before,.fa-tablet-screen-button:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-digital-tachograph:before,.fa-tachograph-digital:before{content:"\f566"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-temperature-0:before,.fa-temperature-empty:before,.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-temperature-4:before,.fa-temperature-full:before,.fa-thermometer-4:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-temperature-2:before,.fa-temperature-half:before,.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-temperature-1:before,.fa-temperature-quarter:before,.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-temperature-3:before,.fa-temperature-three-quarters:before,.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-tenge-sign:before,.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-remove-format:before,.fa-text-slash:before{content:"\f87d"}.fa-text-width:before{content:"\f035"}.fa-thermometer:before{content:"\f491"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumb-tack:before,.fa-thumbtack:before{content:"\f08d"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before,.fa-ticket-simple:before{content:"\f3ff"}.fa-timeline:before{content:"\e29c"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torii-gate:before{content:"\f6a1"}.fa-broadcast-tower:before,.fa-tower-broadcast:before{content:"\f519"}.fa-tractor:before{content:"\f722"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-subway:before,.fa-train-subway:before{content:"\f239"}.fa-train-tram:before,.fa-tram:before{content:"\f7da"}.fa-transgender-alt:before,.fa-transgender:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-arrow-up:before,.fa-trash-restore:before{content:"\f829"}.fa-trash-alt:before,.fa-trash-can:before{content:"\f2ed"}.fa-trash-can-arrow-up:before,.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-shipping-fast:before,.fa-truck-fast:before{content:"\f48b"}.fa-ambulance:before,.fa-truck-medical:before{content:"\f0f9"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-loading:before,.fa-truck-ramp-box:before{content:"\f4de"}.fa-teletype:before,.fa-tty:before{content:"\f1e4"}.fa-try:before,.fa-turkish-lira-sign:before,.fa-turkish-lira:before{content:"\e2bb"}.fa-level-down-alt:before,.fa-turn-down:before{content:"\f3be"}.fa-level-up-alt:before,.fa-turn-up:before{content:"\f3bf"}.fa-television:before,.fa-tv-alt:before,.fa-tv:before{content:"\f26c"}.fa-u:before{content:"\55"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-universal-access:before{content:"\f29a"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before,.fa-unlock-keyhole:before{content:"\f13e"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-arrows-alt:before,.fa-up-down-left-right:before{content:"\f0b2"}.fa-long-arrow-alt-up:before,.fa-up-long:before{content:"\f30c"}.fa-expand-alt:before,.fa-up-right-and-down-left-from-center:before{content:"\f424"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-upload:before{content:"\f093"}.fa-user:before{content:"\f007"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-clock:before{content:"\f4fd"}.fa-user-doctor:before,.fa-user-md:before{content:"\f0f0"}.fa-user-cog:before,.fa-user-gear:before{content:"\f4fe"}.fa-user-graduate:before{content:"\f501"}.fa-user-friends:before,.fa-user-group:before{content:"\f500"}.fa-user-injured:before{content:"\f728"}.fa-user-alt:before,.fa-user-large:before{content:"\f406"}.fa-user-alt-slash:before,.fa-user-large-slash:before{content:"\f4fa"}.fa-user-lock:before{content:"\f502"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-edit:before,.fa-user-pen:before{content:"\f4ff"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before,.fa-user-xmark:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before,.fa-users-gear:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-cutlery:before,.fa-utensils:before{content:"\f2e7"}.fa-v:before{content:"\56"}.fa-shuttle-van:before,.fa-van-shuttle:before{content:"\f5b6"}.fa-vault:before{content:"\e2c5"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-video-camera:before,.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-virus:before{content:"\e074"}.fa-virus-covid:before{content:"\e4a8"}.fa-virus-covid-slash:before{content:"\e4a9"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before,.fa-volleyball:before{content:"\f45f"}.fa-volume-high:before,.fa-volume-up:before{content:"\f028"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-vr-cardboard:before{content:"\f729"}.fa-w:before{content:"\57"}.fa-wallet:before{content:"\f555"}.fa-magic:before,.fa-wand-magic:before{content:"\f0d0"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-wand-sparkles:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-ladder-water:before,.fa-swimming-pool:before,.fa-water-ladder:before{content:"\f5c5"}.fa-wave-square:before{content:"\f83e"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-wheelchair:before{content:"\f193"}.fa-glass-whiskey:before,.fa-whiskey-glass:before{content:"\f7a0"}.fa-wifi-3:before,.fa-wifi-strong:before,.fa-wifi:before{content:"\f1eb"}.fa-wind:before{content:"\f72e"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before,.fa-wine-glass-empty:before{content:"\f5ce"}.fa-krw:before,.fa-won-sign:before,.fa-won:before{content:"\f159"}.fa-wrench:before{content:"\f0ad"}.fa-x:before{content:"\58"}.fa-x-ray:before{content:"\f497"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-y:before{content:"\59"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen-sign:before,.fa-yen:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-z:before{content:"\5a"}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-42-group:before,.fa-innosoft:before{content:"\e080"}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-alipay:before{content:"\f642"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-amilia:before{content:"\f36d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-artstation:before{content:"\f77a"}.fa-asymmetrik:before{content:"\f372"}.fa-atlassian:before{content:"\f77b"}.fa-audible:before{content:"\f373"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-bandcamp:before{content:"\f2d5"}.fa-battle-net:before{content:"\f835"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bilibili:before{content:"\e3d9"}.fa-bimobject:before{content:"\f378"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bootstrap:before{content:"\f836"}.fa-bots:before{content:"\e340"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-buromobelexperte:before{content:"\f37f"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cmplid:before{content:"\e360"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-critical-role:before{content:"\f6c9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dhl:before{content:"\f790"}.fa-diaspora:before{content:"\f791"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-elementor:before{content:"\f430"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-evernote:before{content:"\f839"}.fa-expeditedssl:before{content:"\f23e"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-figma:before{content:"\f799"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-font-awesome-flag:before,.fa-font-awesome-logo-full:before,.fa-font-awesome:before{content:"\f2b4"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-fulcrum:before{content:"\f50b"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-gofore:before{content:"\f3a7"}.fa-golang:before{content:"\e40f"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-gulp:before{content:"\f3ae"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hashnode:before{content:"\e499"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-hive:before{content:"\e07f"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hotjar:before{content:"\f3b1"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-ideal:before{content:"\e013"}.fa-imdb:before{content:"\f2d8"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaggle:before{content:"\f5fa"}.fa-keybase:before{content:"\f4f5"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leanpub:before{content:"\f212"}.fa-less:before{content:"\f41d"}.fa-line:before{content:"\f3c0"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-mailchimp:before{content:"\f59e"}.fa-mandalorian:before{content:"\f50f"}.fa-markdown:before{content:"\f60f"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medapps:before{content:"\f3c6"}.fa-medium-m:before,.fa-medium:before{content:"\f23a"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-mendeley:before{content:"\f7b3"}.fa-microblog:before{content:"\e01a"}.fa-microsoft:before{content:"\f3ca"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-old-republic:before{content:"\f510"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-padlet:before{content:"\e4a0"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-palfed:before{content:"\f3d8"}.fa-patreon:before{content:"\f3d9"}.fa-paypal:before{content:"\f1ed"}.fa-perbyte:before{content:"\e083"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pix:before{content:"\e43a"}.fa-playstation:before{content:"\f3df"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-r-project:before{content:"\f4f7"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-renren:before{content:"\f18b"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-rev:before{content:"\f5b2"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rust:before{content:"\e07a"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-servicestack:before{content:"\f3ec"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopify:before{content:"\e057"}.fa-shopware:before{content:"\f5b5"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sith:before{content:"\f512"}.fa-sitrox:before{content:"\e44a"}.fa-sketch:before{content:"\f7c6"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack-hash:before,.fa-slack:before{content:"\f198"}.fa-slideshare:before{content:"\f1e7"}.fa-snapchat-ghost:before,.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-square:before{content:"\f2ad"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spotify:before{content:"\f1bc"}.fa-square-font-awesome:before{content:"\f425"}.fa-font-awesome-alt:before,.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-sticker-mule:before{content:"\f3f7"}.fa-strava:before{content:"\f428"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-superpowers:before{content:"\f2dd"}.fa-supple:before{content:"\f3f9"}.fa-suse:before{content:"\f7d6"}.fa-swift:before{content:"\f8e1"}.fa-symfony:before{content:"\f83d"}.fa-teamspeak:before{content:"\f4f9"}.fa-telegram-plane:before,.fa-telegram:before{content:"\f2c6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-the-red-yeti:before{content:"\f69d"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-think-peaks:before{content:"\f731"}.fa-tiktok:before{content:"\e07b"}.fa-trade-federation:before{content:"\f513"}.fa-trello:before{content:"\f181"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-uncharted:before{content:"\e084"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-vaadin:before{content:"\f408"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-vuejs:before{content:"\f41f"}.fa-watchman-monitoring:before{content:"\e087"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-whmcs:before{content:"\f40d"}.fa-wikipedia-w:before{content:"\f266"}.fa-windows:before{content:"\f17a"}.fa-wirsindhandwerk:before,.fa-wsh:before{content:"\e2d0"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a}
+
+
+/*---------------------------------------------------------------
+  2. Flat Icon
+---------------------------------------------------------------*/
+@font-face {
+    font-family: "flaticon";
+    src: url("../fonts/flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"),
+url("../fonts/flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"),
+url("../fonts/flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"),
+url("../fonts/flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"),
+url("../fonts/flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-add-to-cart:before {
+    content: "\f101";
+}
+.flaticon-add-user-1:before {
+    content: "\f102";
+}
+.flaticon-add-user:before {
+    content: "\f103";
+}
+.flaticon-add:before {
+    content: "\f104";
+}
+.flaticon-airplane:before {
+    content: "\f105";
+}
+.flaticon-apartment-1:before {
+    content: "\f106";
+}
+.flaticon-apartment:before {
+    content: "\f107";
+}
+.flaticon-armchair:before {
+    content: "\f108";
+}
+.flaticon-bathtub:before {
+    content: "\f109";
+}
+.flaticon-bed-1:before {
+    content: "\f10a";
+}
+.flaticon-bed:before {
+    content: "\f10b";
+}
+.flaticon-beds:before {
+    content: "\f10c";
+}
+.flaticon-book:before {
+    content: "\f10d";
+}
+.flaticon-branch:before {
+    content: "\f10e";
+}
+.flaticon-building:before {
+    content: "\f10f";
+}
+.flaticon-buy-home:before {
+    content: "\f110";
+}
+.flaticon-buy-online:before {
+    content: "\f111";
+}
+.flaticon-call-center-agent:before {
+    content: "\f112";
+}
+.flaticon-car:before {
+    content: "\f113";
+}
+.flaticon-chat:before {
+    content: "\f114";
+}
+.flaticon-clean:before {
+    content: "\f115";
+}
+.flaticon-deal-1:before {
+    content: "\f116";
+}
+.flaticon-deal:before {
+    content: "\f117";
+}
+.flaticon-dining-table-with-chairs:before {
+    content: "\f118";
+}
+.flaticon-double-bed:before {
+    content: "\f119";
+}
+.flaticon-dryer:before {
+    content: "\f11a";
+}
+.flaticon-dumbbell:before {
+    content: "\f11b";
+}
+.flaticon-dumbell:before {
+    content: "\f11c";
+}
+.flaticon-excavator:before {
+    content: "\f11d";
+}
+.flaticon-expand:before {
+    content: "\f11e";
+}
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+    content: "\f11f";
+}
+.flaticon-financial:before {
+    content: "\f120";
+}
+.flaticon-garage-1:before {
+    content: "\f121";
+}
+.flaticon-garage:before {
+    content: "\f122";
+}
+.flaticon-google-docs:before {
+    content: "\f123";
+}
+.flaticon-heart-1:before {
+    content: "\f124";
+}
+.flaticon-heart:before {
+    content: "\f125";
+}
+.flaticon-home-1:before {
+    content: "\f126";
+}
+.flaticon-home-2:before {
+    content: "\f127";
+}
+.flaticon-home-3:before {
+    content: "\f128";
+}
+.flaticon-home:before {
+    content: "\f129";
+}
+.flaticon-hospital:before {
+    content: "\f12a";
+}
+.flaticon-house-1:before {
+    content: "\f12b";
+}
+.flaticon-house-2:before {
+    content: "\f12c";
+}
+.flaticon-house-3:before {
+    content: "\f12d";
+}
+.flaticon-house-4:before {
+    content: "\f12e";
+}
+.flaticon-house-key:before {
+    content: "\f12f";
+}
+.flaticon-house:before {
+    content: "\f130";
+}
+.flaticon-key-1:before {
+    content: "\f131";
+}
+.flaticon-key:before {
+    content: "\f132";
+}
+.flaticon-left-quote-1:before {
+    content: "\f133";
+}
+.flaticon-left-quote:before {
+    content: "\f134";
+}
+.flaticon-left-quotes-sign:before {
+    content: "\f135";
+}
+.flaticon-location:before {
+    content: "\f136";
+}
+.flaticon-loupe:before {
+    content: "\f137";
+}
+.flaticon-mall:before {
+    content: "\f138";
+}
+.flaticon-maps-and-location:before {
+    content: "\f139";
+}
+.flaticon-measure:before {
+    content: "\f13a";
+}
+.flaticon-metro:before {
+    content: "\f13b";
+}
+.flaticon-mortarboard:before {
+    content: "\f13c";
+}
+.flaticon-mortgage:before {
+    content: "\f13d";
+}
+.flaticon-mountain:before {
+    content: "\f13e";
+}
+.flaticon-office:before {
+    content: "\f13f";
+}
+.flaticon-official-documents:before {
+    content: "\f140";
+}
+.flaticon-online-shop:before {
+    content: "\f141";
+}
+.flaticon-operator:before {
+    content: "\f142";
+}
+.flaticon-package:before {
+    content: "\f143";
+}
+.flaticon-park:before {
+    content: "\f144";
+}
+.flaticon-parking:before {
+    content: "\f145";
+}
+.flaticon-pencil:before {
+    content: "\f146";
+}
+.flaticon-phone-call:before {
+    content: "\f147";
+}
+.flaticon-pin:before {
+    content: "\f148";
+}
+.flaticon-plane:before {
+    content: "\f149";
+}
+.flaticon-plus:before {
+    content: "\f14a";
+}
+.flaticon-quotation:before {
+    content: "\f14b";
+}
+.flaticon-right-arrow:before {
+    content: "\f14c";
+}
+.flaticon-right-quote:before {
+    content: "\f14d";
+}
+.flaticon-salad:before {
+    content: "\f14e";
+}
+.flaticon-secure-shield:before {
+    content: "\f14f";
+}
+.flaticon-secure:before {
+    content: "\f150";
+}
+.flaticon-select:before {
+    content: "\f151";
+}
+.flaticon-sewing:before {
+    content: "\f152";
+}
+.flaticon-slider:before {
+    content: "\f153";
+}
+.flaticon-slumber:before {
+    content: "\f154";
+}
+.flaticon-square-shape-design-interface-tool-symbol:before {
+    content: "\f155";
+}
+.flaticon-stethoscope:before {
+    content: "\f156";
+}
+.flaticon-support:before {
+    content: "\f157";
+}
+.flaticon-swimming:before {
+    content: "\f158";
+}
+.flaticon-toilet:before {
+    content: "\f159";
+}
+.flaticon-train:before {
+    content: "\f15a";
+}
+.flaticon-user-1:before {
+    content: "\f15b";
+}
+.flaticon-user:before {
+    content: "\f15c";
+}
+.flaticon-vegetable:before {
+    content: "\f15d";
+}
+.flaticon-washer:before {
+    content: "\f15e";
+}
+
+
+/*---------------------------------------------------------------
+  3. Icomoon Icon
+---------------------------------------------------------------*/
+@font-face {
+  font-family: 'icomoon';
+  src:  url('../fonts/icomoon.eot?3aun5s');
+  src:  url('../fonts/icomoon.eot?3aun5s#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon.ttf?3aun5s') format('truetype'),
+    url('../fonts/icomoon.woff?3aun5s') format('woff'),
+    url('../fonts/icomoon.svg?3aun5s#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-cancel:before {
+  content: "\e900";
+}
+.icon-star:before {
+  content: "\e901";
+}
+.icon-star-1:before {
+  content: "\e902";
+}
+.icon-plus:before {
+  content: "\e903";
+}
+.icon-remove:before {
+  content: "\e904";
+}
+.icon-compare:before {
+  content: "\e905";
+}
+.icon-facebook:before {
+  content: "\e906";
+}
+.icon-twitter:before {
+  content: "\e907";
+}
+.icon-linkedin:before {
+  content: "\e908";
+}
+.icon-whatsapp:before {
+  content: "\e909";
+}
+.icon-youtube:before {
+  content: "\e90a";
+}
+.icon-mail:before {
+  content: "\e90b";
+}
+.icon-placeholder:before {
+  content: "\e90c";
+}
+.icon-call:before {
+  content: "\e90d";
+}
+.icon-left-arrow:before {
+  content: "\e90e";
+}
+.icon-next:before {
+  content: "\e90f";
+}
+.icon-arrows:before {
+  content: "\e910";
+}
+.icon-down-arrow:before {
+  content: "\e911";
+}
+.icon-mechanic:before {
+  content: "\e912";
+}
+.icon-car-service:before {
+  content: "\e913";
+}
+.icon-key:before {
+  content: "\e914";
+}
+.icon-repair:before {
+  content: "\e915";
+}
+.icon-car-parts:before {
+  content: "\e916";
+}
+.icon-car:before {
+  content: "\e917";
+}
+.icon-exterior:before {
+  content: "\e918";
+}
+.icon-car-parts-1:before {
+  content: "\e919";
+}
+.icon-maintenance:before {
+  content: "\e91a";
+}
+.icon-car-1:before {
+  content: "\e91b";
+}
+.icon-car-parts-2:before {
+  content: "\e91c";
+}
+.icon-hand:before {
+  content: "\e91d";
+}
+.icon-accumulator:before {
+  content: "\e91e";
+}
+.icon-car-parts-3:before {
+  content: "\e91f";
+}
+.icon-repair-1:before {
+  content: "\e920";
+}
+.icon-carwash:before {
+  content: "\e921";
+}
+.icon-car-parts-4:before {
+  content: "\e922";
+}
+.icon-automobile:before {
+  content: "\e923";
+}
+.icon-polisher:before {
+  content: "\e924";
+}
+.icon-car-parts-5:before {
+  content: "\e925";
+}
+.icon-gasoline:before {
+  content: "\e926";
+}
+.icon-seat:before {
+  content: "\e927";
+}
+.icon-car-parts-6:before {
+  content: "\e928";
+}
+.icon-car-2:before {
+  content: "\e929";
+}
+.icon-soap:before {
+  content: "\e92a";
+}
+.icon-car-parts-7:before {
+  content: "\e92b";
+}
+.icon-disc-brake:before {
+  content: "\e92c";
+}
+.icon-car-parts-8:before {
+  content: "\e92d";
+}
+.icon-wheel:before {
+  content: "\e92e";
+}
+.icon-car-parts-9:before {
+  content: "\e92f";
+}
+.icon-speedometer:before {
+  content: "\e930";
+}
+.icon-maintenance-1:before {
+  content: "\e931";
+}
+.icon-shopping-bags:before {
+  content: "\e932";
+}
+.icon-shopping-cart:before {
+  content: "\e933";
+}
+.icon-view:before {
+  content: "\e934";
+}
+.icon-phone-call:before {
+  content: "\e935";
+}
+.icon-calendar:before {
+  content: "\e936";
+}
+.icon-calendar-1:before {
+  content: "\e937";
+}
+.icon-right-arrow-angle:before {
+  content: "\e938";
+}
+.icon-down-arrow-1:before {
+  content: "\e939";
+}
+.icon-up-arrow-angle:before {
+  content: "\e93a";
+}
+.icon-search:before {
+  content: "\e93b";
+}
+.icon-share:before {
+  content: "\e93c";
+}
+.icon-left-arrow-1:before {
+  content: "\e93d";
+}
+.icon-quotation:before {
+  content: "\e93e";
+}
+.icon-user:before {
+  content: "\e93f";
+}
+.icon-tag:before {
+  content: "\e940";
+}
+.icon-play:before {
+  content: "\e941";
+}
+.icon-done:before {
+  content: "\e942";
+}
+.icon-electric-car:before {
+  content: "\e943";
+}
+.icon-cog:before {
+  content: "\e944";
+}
+.icon-car-3:before {
+  content: "\e945";
+}
+.icon-tyre:before {
+  content: "\e946";
+}
+.icon-wheel-1:before {
+  content: "\e947";
+}
+.icon-tire:before {
+  content: "\e948";
+}
+.icon-tire-1:before {
+  content: "\e949";
+}
+.icon-flat-tire:before {
+  content: "\e94a";
+}
+.icon-pressure:before {
+  content: "\e94b";
+}
+.icon-right-quote:before {
+  content: "\e94c";
+}
+.icon-quote:before {
+  content: "\e94d";
+}
+.icon-quotation-1:before {
+  content: "\e94e";
+}
+.icon-quote-1:before {
+  content: "\e94f";
+}
+.icon-open:before {
+  content: "\e950";
+}
+.icon-options:before {
+  content: "\e951";
+}
+.icon-location:before {
+  content: "\e952";
+}
+.icon-edit:before {
+  content: "\e953";
+}
+.icon-award:before {
+  content: "\e954";
+}
+.icon-menu:before {
+  content: "\e955";
+}
+.icon-categories:before {
+  content: "\e956";
+}
+.icon-menu-1:before {
+  content: "\e957";
+}
+.icon-menu-2:before {
+  content: "\e958";
+}
+.icon-bookmark:before {
+  content: "\e959";
+}
+.icon-bookmark-1:before {
+  content: "\e95a";
+}
+.icon-reply:before {
+  content: "\e95b";
+}
+.icon-reply-1:before {
+  content: "\e95c";
+}
+.icon-globe:before {
+  content: "\e95d";
+}
+.icon-clock:before {
+  content: "\e95e";
+}
+.icon-alarm-clock:before {
+  content: "\e95f";
+}
+
+
+
+
diff --git a/quarter/assets/css/glightbox.css b/quarter/assets/css/glightbox.css
new file mode 100644
index 0000000..cbff976
--- /dev/null
+++ b/quarter/assets/css/glightbox.css
@@ -0,0 +1,944 @@
+.glightbox-container {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 9999999999 !important;
+  overflow: hidden;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  outline: none;
+}
+
+.glightbox-container.inactive {
+  display: none;
+}
+
+.glightbox-container .gcontainer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  overflow: hidden;
+}
+
+.glightbox-container .gslider {
+  -webkit-transition: -webkit-transform 0.4s ease;
+  transition: -webkit-transform 0.4s ease;
+  transition: transform 0.4s ease;
+  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
+  height: 100%;
+  left: 0;
+  top: 0;
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.glightbox-container .gslide {
+  width: 100%;
+  position: absolute;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  opacity: 0;
+}
+
+.glightbox-container .gslide.current {
+  opacity: 1;
+  z-index: 99999;
+  position: relative;
+}
+
+.glightbox-container .gslide.prev {
+  opacity: 1;
+  z-index: 9999;
+}
+
+.glightbox-container .gslide-inner-content {
+  width: 100%;
+}
+
+.glightbox-container .ginner-container {
+  position: relative;
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  align-items: center;
+  flex-direction: row;
+  max-width: 100%;
+  margin: auto;
+  height: 100vh;
+}
+
+.glightbox-container .ginner-container.gvideo-container {
+  width: 100%;
+}
+
+.glightbox-container .ginner-container.desc-bottom,
+.glightbox-container .ginner-container.desc-top {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.glightbox-container .ginner-container.desc-left,
+.glightbox-container .ginner-container.desc-right {
+  max-width: 100% !important;
+}
+
+.gslide iframe,
+.gslide video {
+  outline: none !important;
+  border: none;
+  min-height: 165px;
+  -webkit-overflow-scrolling: touch;
+  -ms-touch-action: auto;
+  touch-action: auto;
+}
+
+.gslide:not(.current) {
+  pointer-events: none;
+}
+
+.gslide-image {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.gslide-image img {
+  max-height: 100vh;
+  display: block;
+  padding: 0;
+  float: none;
+  outline: none;
+  border: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  max-width: 100vw;
+  width: auto;
+  height: auto;
+  -o-object-fit: cover;
+  object-fit: cover;
+  -ms-touch-action: none;
+  touch-action: none;
+  margin: auto;
+  min-width: 200px;
+}
+
+.desc-top .gslide-image img,
+.desc-bottom .gslide-image img {
+  width: auto;
+}
+
+.desc-left .gslide-image img,
+.desc-right .gslide-image img {
+  width: auto;
+  max-width: 100%;
+}
+
+.gslide-image img.zoomable {
+  position: relative;
+}
+
+.gslide-image img.dragging {
+  cursor: -webkit-grabbing !important;
+  cursor: grabbing !important;
+  -webkit-transition: none;
+  transition: none;
+}
+
+.gslide-video {
+  position: relative;
+  max-width: 100vh;
+  width: 100% !important;
+}
+
+.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
+  display: none;
+}
+
+.gslide-video .gvideo-wrapper {
+  width: 100%;
+  /* max-width: 160vmin; */
+  margin: auto;
+}
+
+.gslide-video::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 0, 0, 0.34);
+  display: none;
+}
+
+.gslide-video.playing::before {
+  display: none;
+}
+
+.gslide-video.fullscreen {
+  max-width: 100% !important;
+  min-width: 100%;
+  height: 75vh;
+}
+
+.gslide-video.fullscreen video {
+  max-width: 100% !important;
+  width: 100% !important;
+}
+
+.gslide-inline {
+  background: #fff;
+  text-align: left;
+  max-height: calc(100vh - 40px);
+  overflow: auto;
+  max-width: 100%;
+  margin: auto;
+}
+
+.gslide-inline .ginlined-content {
+  padding: 20px;
+  width: 100%;
+}
+
+.gslide-inline .dragging {
+  cursor: -webkit-grabbing !important;
+  cursor: grabbing !important;
+  -webkit-transition: none;
+  transition: none;
+}
+
+.ginlined-content {
+  overflow: auto;
+  display: block !important;
+  opacity: 1;
+}
+
+.gslide-external {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  min-width: 100%;
+  background: #fff;
+  padding: 0;
+  overflow: auto;
+  max-height: 75vh;
+  height: 100%;
+}
+
+.gslide-media {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: auto;
+  position: relative;
+}
+
+.zoomed .gslide-media {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+
+.desc-top .gslide-media,
+.desc-bottom .gslide-media {
+  margin: 0 auto;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.gslide-description {
+  position: relative;
+  -webkit-box-flex: 1;
+  -ms-flex: 1 0 100%;
+  flex: 1 0 100%;
+}
+
+.gslide-description.description-left,
+.gslide-description.description-right {
+  max-width: 100%;
+}
+
+.gslide-description.description-bottom,
+.gslide-description.description-top {
+  margin: 0 auto;
+  width: 100%;
+}
+
+.gslide-description p {
+  margin-bottom: 12px;
+}
+
+.gslide-description p:last-child {
+  margin-bottom: 0;
+}
+
+.zoomed .gslide-description {
+  display: none;
+}
+
+.glightbox-button-hidden {
+  display: none;
+}
+
+/*
+   * Description for mobiles
+   * something like facebook does the description
+   * for the photos
+  */
+
+.glightbox-mobile .glightbox-container .gslide-description {
+  height: auto !important;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  padding: 19px 11px;
+  max-width: 100vw !important;
+  -webkit-box-ordinal-group: 3 !important;
+  -ms-flex-order: 2 !important;
+  order: 2 !important;
+  max-height: 78vh;
+  overflow: auto !important;
+  background: -webkit-gradient(
+    linear,
+    left top,
+    left bottom,
+    from(rgba(0, 0, 0, 0)),
+    to(rgba(0, 0, 0, 0.75))
+  );
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.75) 100%
+  );
+  -webkit-transition: opacity 0.3s linear;
+  transition: opacity 0.3s linear;
+  padding-bottom: 50px;
+}
+
+.glightbox-mobile .glightbox-container .gslide-title {
+  color: #fff;
+  font-size: 1em;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc {
+  color: #a1a1a1;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc a {
+  color: #fff;
+  font-weight: bold;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc * {
+  color: inherit;
+}
+
+.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
+  color: #fff;
+  opacity: 0.4;
+}
+
+.gdesc-open .gslide-media {
+  -webkit-transition: opacity 0.5s ease;
+  transition: opacity 0.5s ease;
+  opacity: 0.4;
+}
+
+.gdesc-open .gdesc-inner {
+  padding-bottom: 30px;
+}
+
+.gdesc-closed .gslide-media {
+  -webkit-transition: opacity 0.5s ease;
+  transition: opacity 0.5s ease;
+  opacity: 1;
+}
+
+.greset {
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+.gabsolute {
+  position: absolute;
+}
+
+.grelative {
+  position: relative;
+}
+
+.glightbox-desc {
+  display: none !important;
+}
+
+.glightbox-open {
+  overflow: hidden;
+}
+
+.gloader {
+  height: 25px;
+  width: 25px;
+  -webkit-animation: lightboxLoader 0.8s infinite linear;
+  animation: lightboxLoader 0.8s infinite linear;
+  border: 2px solid #fff;
+  border-right-color: transparent;
+  border-radius: 50%;
+  position: absolute;
+  display: block;
+  z-index: 9999;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+  top: 47%;
+}
+
+.goverlay {
+  width: 100%;
+  height: calc(100vh + 1px);
+  position: fixed;
+  top: -1px;
+  left: 0;
+  background: #000;
+  will-change: opacity;
+}
+
+.gprev,
+.gnext,
+.gclose {
+  z-index: 99999;
+  cursor: pointer;
+  width: 26px;
+  height: 44px;
+  border: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.gprev svg,
+.gnext svg,
+.gclose svg {
+  display: block;
+  width: 25px;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+}
+
+.gprev.disabled,
+.gnext.disabled,
+.gclose.disabled {
+  opacity: 0.1;
+}
+
+.gprev .garrow,
+.gnext .garrow,
+.gclose .garrow {
+  stroke: #fff;
+}
+
+.gbtn.focused {
+  outline: 2px solid #0f3d81;
+}
+
+iframe.wait-autoplay {
+  opacity: 0;
+}
+
+.glightbox-closing .gnext,
+.glightbox-closing .gprev,
+.glightbox-closing .gclose {
+  opacity: 0 !important;
+}
+
+/*Skin */
+
+.glightbox-clean .gslide-description {
+  background: #fff;
+}
+
+.glightbox-clean .gdesc-inner {
+  padding: 22px 20px;
+}
+
+.glightbox-clean .gslide-title {
+  font-size: 1em;
+  font-weight: normal;
+  font-family: arial;
+  color: #000;
+  margin-bottom: 19px;
+  line-height: 1.4em;
+}
+
+.glightbox-clean .gslide-desc {
+  font-size: 0.86em;
+  margin-bottom: 0;
+  font-family: arial;
+  line-height: 1.4em;
+}
+
+.glightbox-clean .gslide-video {
+  background: #000;
+}
+
+.glightbox-clean .gprev,
+.glightbox-clean .gnext,
+.glightbox-clean .gclose {
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 4px;
+}
+
+.glightbox-clean .gprev path,
+.glightbox-clean .gnext path,
+.glightbox-clean .gclose path {
+  fill: #fff;
+}
+
+.glightbox-clean .gprev {
+  position: absolute;
+  top: -100%;
+  left: 30px;
+  width: 40px;
+  height: 50px;
+}
+
+.glightbox-clean .gnext {
+  position: absolute;
+  top: -100%;
+  right: 30px;
+  width: 40px;
+  height: 50px;
+}
+
+.glightbox-clean .gclose {
+  width: 35px;
+  height: 35px;
+  top: 15px;
+  right: 10px;
+  position: absolute;
+}
+
+.glightbox-clean .gclose svg {
+  width: 18px;
+  height: auto;
+}
+
+.glightbox-clean .gclose:hover {
+  opacity: 1;
+}
+
+/*CSS Animations*/
+
+.gfadeIn {
+  -webkit-animation: gfadeIn 0.5s ease;
+  animation: gfadeIn 0.5s ease;
+}
+
+.gfadeOut {
+  -webkit-animation: gfadeOut 0.5s ease;
+  animation: gfadeOut 0.5s ease;
+}
+
+.gslideOutLeft {
+  -webkit-animation: gslideOutLeft 0.3s ease;
+  animation: gslideOutLeft 0.3s ease;
+}
+
+.gslideInLeft {
+  -webkit-animation: gslideInLeft 0.3s ease;
+  animation: gslideInLeft 0.3s ease;
+}
+
+.gslideOutRight {
+  -webkit-animation: gslideOutRight 0.3s ease;
+  animation: gslideOutRight 0.3s ease;
+}
+
+.gslideInRight {
+  -webkit-animation: gslideInRight 0.3s ease;
+  animation: gslideInRight 0.3s ease;
+}
+
+.gzoomIn {
+  -webkit-animation: gzoomIn 0.5s ease;
+  animation: gzoomIn 0.5s ease;
+}
+
+.gzoomOut {
+  -webkit-animation: gzoomOut 0.5s ease;
+  animation: gzoomOut 0.5s ease;
+}
+
+@-webkit-keyframes lightboxLoader {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes lightboxLoader {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes gfadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gfadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gfadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes gfadeOut {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes gslideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+  }
+  to {
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes gslideInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+  }
+  to {
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gslideOutLeft {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+@keyframes gslideOutLeft {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(-60%, 0, 0);
+    transform: translate3d(-60%, 0, 0);
+    opacity: 0;
+    visibility: hidden;
+  }
+}
+
+@-webkit-keyframes gslideInRight {
+  from {
+    opacity: 0;
+    visibility: visible;
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes gslideInRight {
+  from {
+    opacity: 0;
+    visibility: visible;
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gslideOutRight {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes gslideOutRight {
+  from {
+    opacity: 1;
+    visibility: visible;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    -webkit-transform: translate3d(60%, 0, 0);
+    transform: translate3d(60%, 0, 0);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes gzoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes gzoomIn {
+  from {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes gzoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes gzoomOut {
+  from {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(0.3, 0.3, 0.3);
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@media (min-width: 769px) {
+  .glightbox-container .ginner-container {
+    width: auto;
+    height: auto;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+  }
+  .glightbox-container .ginner-container.desc-top .gslide-description {
+    -webkit-box-ordinal-group: 1;
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .glightbox-container .ginner-container.desc-top .gslide-image,
+  .glightbox-container .ginner-container.desc-top .gslide-image img {
+    -webkit-box-ordinal-group: 2;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .glightbox-container .ginner-container.desc-left .gslide-description {
+    -webkit-box-ordinal-group: 1;
+    -ms-flex-order: 0;
+    order: 0;
+  }
+  .glightbox-container .ginner-container.desc-left .gslide-image {
+    -webkit-box-ordinal-group: 2;
+    -ms-flex-order: 1;
+    order: 1;
+  }
+  .gslide-image img {
+    max-height: 97vh;
+    max-width: 100%;
+  }
+  .gslide-image img.zoomable {
+    cursor: -webkit-zoom-in;
+    cursor: zoom-in;
+  }
+  .zoomed .gslide-image img.zoomable {
+    cursor: -webkit-grab;
+    cursor: grab;
+  }
+  .gslide-inline {
+    max-height: 95vh;
+  }
+  .gslide-external {
+    max-height: 100vh;
+  }
+  .gslide-description.description-left,
+  .gslide-description.description-right {
+    max-width: 275px;
+  }
+  .glightbox-open {
+    height: auto;
+  }
+  .goverlay {
+    background: rgba(0, 0, 0, 0.92);
+  }
+  .glightbox-clean .gslide-media {
+    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
+    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
+  }
+  .glightbox-clean .description-left .gdesc-inner,
+  .glightbox-clean .description-right .gdesc-inner {
+    position: absolute;
+    height: 100%;
+    overflow-y: auto;
+  }
+  .glightbox-clean .gprev,
+  .glightbox-clean .gnext,
+  .glightbox-clean .gclose {
+    background-color: rgba(0, 0, 0, 0.32);
+  }
+  .glightbox-clean .gprev:hover,
+  .glightbox-clean .gnext:hover,
+  .glightbox-clean .gclose:hover {
+    background-color: rgba(0, 0, 0, 0.7);
+  }
+  .glightbox-clean .gprev {
+    top: 45%;
+  }
+  .glightbox-clean .gnext {
+    top: 45%;
+  }
+}
+
+.gslide-count {
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+
+  transition: all 0.3s;
+}
+
+@media (min-width: 992px) {
+  .glightbox-clean .gclose {
+    opacity: 0.7;
+    right: 20px;
+  }
+}
diff --git a/quarter/assets/css/lightcase.css b/quarter/assets/css/lightcase.css
new file mode 100644
index 0000000..ddbf5ca
--- /dev/null
+++ b/quarter/assets/css/lightcase.css
@@ -0,0 +1,468 @@
+@font-face {
+  font-family: lightcase;
+  src: url(../fonts/lightcase.eot?55356177);
+  src: url(../fonts/lightcase.eot?55356177#iefix) format("embedded-opentype"),
+    url(../fonts/lightcase.woff?55356177) format("woff"),
+    url(../fonts/lightcase.ttf?55356177) format("truetype"),
+    url(../fonts/lightcase.svg?55356177#lightcase) format("svg");
+  font-weight: 400;
+  font-style: normal;
+}
+[class*="lightcase-icon-"]:before {
+  font-family: lightcase, sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+}
+.lightcase-icon-play:before {
+  content: "\e800";
+}
+.lightcase-icon-pause:before {
+  content: "\e801";
+}
+.lightcase-icon-close:before {
+  content: "\e802";
+}
+.lightcase-icon-prev:before {
+  content: "\e803";
+}
+.lightcase-icon-next:before {
+  content: "\e804";
+}
+.lightcase-icon-spin:before {
+  content: "\e805";
+}
+@-webkit-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-moz-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes lightcase-spin {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -o-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+#lightcase-case {
+  display: none;
+  position: fixed;
+  z-index: 2002;
+  top: 50%;
+  left: 50%;
+  font-family: arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+#lightcase-loading > span,
+a[class*="lightcase-icon-"] > span {
+  display: inline-block;
+  text-indent: -9999px;
+}
+@media screen and (min-width: 641px) {
+  html:not([data-lc-type="error"]) #lightcase-content {
+    position: relative;
+    z-index: 1;
+    text-shadow: none;
+    background-color: #fff;
+    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
+    -webkit-backface-visibility: hidden;
+  }
+  html[data-lc-type="image"] #lightcase-content,
+  html[data-lc-type="video"] #lightcase-content {
+    background-color: #333;
+  }
+}
+html[data-lc-type="ajax"] #lightcase-content,
+html[data-lc-type="error"] #lightcase-content,
+html[data-lc-type="inline"] #lightcase-content {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+}
+html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  box-sizing: border-box;
+}
+@media screen and (max-width: 640px) {
+  html[data-lc-type="ajax"] #lightcase-case,
+  html[data-lc-type="inline"] #lightcase-case {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    margin: 0 !important;
+    padding: 55px 0 70px;
+    width: 100% !important;
+    height: 100% !important;
+    overflow: auto !important;
+  }
+  html[data-lc-type="ajax"] #lightcase-content,
+  html[data-lc-type="error"] #lightcase-content,
+  html[data-lc-type="inline"] #lightcase-content {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    background: 0 0 !important;
+  }
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner {
+    padding: 15px;
+  }
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="ajax"] #lightcase-content .lightcase-contentInner > *,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="error"] #lightcase-content .lightcase-contentInner > *,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="inline"] #lightcase-content .lightcase-contentInner > * {
+    width: 100% !important;
+    max-width: none !important;
+  }
+  html[data-lc-type="ajax"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe),
+  html[data-lc-type="error"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe),
+  html[data-lc-type="inline"]
+    #lightcase-content
+    .lightcase-contentInner
+    > :not(iframe) {
+    height: auto !important;
+    max-height: none !important;
+  }
+  html.lightcase-isMobileDevice[data-lc-type="iframe"]
+    #lightcase-content
+    .lightcase-contentInner
+    iframe {
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+@media screen and (max-width: 640px) and (min-width: 641px) {
+  html[data-lc-type="image"] #lightcase-content .lightcase-contentInner,
+  html[data-lc-type="video"] #lightcase-content .lightcase-contentInner {
+    line-height: 0.75;
+  }
+}
+html[data-lc-type="image"] #lightcase-content .lightcase-contentInner {
+  position: relative;
+  overflow: hidden !important;
+}
+@media screen and (max-width: 640px) {
+  html[data-lc-type="ajax"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap,
+  html[data-lc-type="error"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap,
+  html[data-lc-type="inline"]
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    background: 0 0 !important;
+  }
+  #lightcase-content h1,
+  #lightcase-content h2,
+  #lightcase-content h3,
+  #lightcase-content h4,
+  #lightcase-content h5,
+  #lightcase-content h6,
+  #lightcase-content p {
+  }
+}
+#lightcase-loading,
+a[class*="lightcase-icon-"] {
+  width: 1.123em;
+  height: auto;
+  line-height: 1;
+  text-align: center;
+  position: fixed;
+}
+@media screen and (min-width: 641px) {
+  html:not([data-lc-type="error"])
+    #lightcase-content
+    .lightcase-contentInner
+    .lightcase-inlineWrap {
+    padding: 30px;
+    overflow: auto;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -o-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  #lightcase-content h1,
+  #lightcase-content h2,
+  #lightcase-content h3,
+  #lightcase-content h4,
+  #lightcase-content h5,
+  #lightcase-content h6,
+  #lightcase-content p {
+  }
+}
+#lightcase-case p.lightcase-error {
+  margin: 0;
+  font-size: 17px;
+  text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-case p.lightcase-error {
+    padding: 30px 0;
+  }
+}
+@media screen and (min-width: 641px) {
+  #lightcase-case p.lightcase-error {
+    padding: 0;
+  }
+}
+.lightcase-open body {
+  overflow: hidden;
+}
+.lightcase-isMobileDevice .lightcase-open body {
+  max-width: 100%;
+  max-height: 100%;
+}
+#lightcase-info {
+  position: absolute;
+  padding-top: 15px;
+}
+#lightcase-info #lightcase-caption,
+#lightcase-info #lightcase-title {
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+  font-weight: 400;
+  text-overflow: ellipsis;
+}
+#lightcase-info #lightcase-title {
+  font-size: 17px;
+}
+#lightcase-info #lightcase-caption {
+  clear: both;
+  font-size: 13px;
+}
+#lightcase-info #lightcase-sequenceInfo {
+  font-size: 11px;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-info #lightcase-title {
+    position: fixed;
+    top: 10px;
+    left: 0;
+    max-width: 87.5%;
+    padding: 5px 15px;
+    background: #333;
+  }
+  .lightcase-fullScreenMode #lightcase-info {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  html:not([data-lc-type="image"]):not([data-lc-type="video"]):not(
+      [data-lc-type="flash"]
+    ):not([data-lc-type="error"])
+    #lightcase-info {
+    position: static;
+  }
+}
+#lightcase-loading {
+  z-index: 2001;
+  top: 50%;
+  left: 50%;
+  margin-top: -0.5em;
+  margin-left: -0.5em;
+  opacity: 1;
+  font-size: 32px;
+  text-shadow: 0 0 15px #fff;
+  -moz-transform-origin: 50% 53%;
+  -webkit-animation: lightcase-spin 0.5s infinite linear;
+  -moz-animation: lightcase-spin 0.5s infinite linear;
+  -o-animation: lightcase-spin 0.5s infinite linear;
+  animation: lightcase-spin 0.5s infinite linear;
+}
+#lightcase-loading,
+#lightcase-loading:focus {
+  text-decoration: none;
+  color: #fff;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-transition: color, opacity, ease-in-out 0.25s;
+  -moz-transition: color, opacity, ease-in-out 0.25s;
+  -o-transition: color, opacity, ease-in-out 0.25s;
+  transition: color, opacity, ease-in-out 0.25s;
+}
+a[class*="lightcase-icon-"] {
+  z-index: 9999;
+  font-size: 38px;
+  text-shadow: none;
+  outline: 0;
+  cursor: pointer;
+}
+a[class*="lightcase-icon-"],
+a[class*="lightcase-icon-"]:focus {
+  text-decoration: none;
+  color: rgba(255, 255, 255, 0.6);
+  -webkit-tap-highlight-color: transparent;
+  -webkit-transition: color, opacity, ease-in-out 0.25s;
+  -moz-transition: color, opacity, ease-in-out 0.25s;
+  -o-transition: color, opacity, ease-in-out 0.25s;
+  transition: color, opacity, ease-in-out 0.25s;
+}
+a[class*="lightcase-icon-"]:hover {
+  color: #fff;
+  text-shadow: 0 0 15px #fff;
+}
+.lightcase-isMobileDevice a[class*="lightcase-icon-"]:hover {
+  text-shadow: none;
+}
+a[class*="lightcase-icon-"].lightcase-icon-close {
+  position: fixed;
+  top: 15px;
+  right: 15px;
+  bottom: auto;
+  margin: 0;
+  opacity: 0;
+  outline: 0;
+}
+a[class*="lightcase-icon-"].lightcase-icon-prev {
+  left: 15px;
+}
+a[class*="lightcase-icon-"].lightcase-icon-next {
+  right: 15px;
+}
+a[class*="lightcase-icon-"].lightcase-icon-pause,
+a[class*="lightcase-icon-"].lightcase-icon-play {
+  left: 50%;
+  margin-left: -0.5em;
+}
+@media screen and (max-width: 640px) {
+  a[class*="lightcase-icon-"] {
+    bottom: 15px;
+    font-size: 24px;
+  }
+}
+@media screen and (min-width: 641px) {
+  a[class*="lightcase-icon-"].lightcase-icon-pause,
+  a[class*="lightcase-icon-"].lightcase-icon-play {
+    opacity: 0;
+  }
+  a[class*="lightcase-icon-"] {
+    bottom: 50%;
+    margin-bottom: -0.5em;
+  }
+  #lightcase-case:hover ~ a[class*="lightcase-icon-"],
+  a[class*="lightcase-icon-"]:hover {
+    opacity: 1;
+  }
+}
+#lightcase-overlay {
+  display: none;
+  width: 100%;
+  min-height: 100%;
+  position: fixed;
+  z-index: 2000;
+  top: -9999px;
+  bottom: -9999px;
+  left: 0;
+  background: #333;
+}
+@media screen and (max-width: 640px) {
+  #lightcase-overlay {
+    opacity: 1 !important;
+  }
+}
diff --git a/quarter/assets/css/nice-select2.css b/quarter/assets/css/nice-select2.css
new file mode 100644
index 0000000..4119446
--- /dev/null
+++ b/quarter/assets/css/nice-select2.css
@@ -0,0 +1,200 @@
+.nice-select {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: #fff;
+  border-radius: 5px;
+  border: solid 1px #e8e8e8;
+  box-sizing: border-box;
+  clear: both;
+  cursor: pointer;
+  display: block;
+  float: left;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: normal;
+  height: 38px;
+  line-height: 36px;
+  outline: none;
+  padding-left: 18px;
+  padding-right: 30px;
+  position: relative;
+  text-align: left !important;
+  transition: all 0.2s ease-in-out;
+  user-select: none;
+  white-space: nowrap;
+  width: auto;
+}
+.nice-select:hover {
+  border-color: #dbdbdb;
+}
+.nice-select:active,
+.nice-select.open,
+.nice-select:focus {
+  border-color: #999;
+}
+.nice-select:after {
+  border-bottom: 2px solid #999;
+  border-right: 2px solid #999;
+  content: "";
+  display: block;
+  height: 5px;
+  margin-top: -4px;
+  pointer-events: none;
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform-origin: 66% 66%;
+  transform: rotate(45deg);
+  transition: all 0.15s ease-in-out;
+  width: 5px;
+}
+.nice-select.open:after {
+  transform: rotate(-135deg);
+}
+.nice-select.open .nice-select-dropdown {
+  opacity: 1;
+  pointer-events: auto;
+  transform: scale(1) translateY(0);
+  width: 100%;
+}
+.nice-select.disabled {
+  border-color: #ededed;
+  color: #999;
+  pointer-events: none;
+}
+.nice-select.disabled:after {
+  border-color: #ccc;
+}
+.nice-select.wide {
+  width: 100%;
+}
+.nice-select.wide .nice-select-dropdown {
+  left: 0 !important;
+  right: 0 !important;
+}
+.nice-select.right {
+  float: right;
+}
+.nice-select.right .nice-select-dropdown {
+  left: auto;
+  right: 0;
+}
+.nice-select.small {
+  font-size: 12px;
+  height: 36px;
+  line-height: 34px;
+}
+.nice-select.small:after {
+  height: 4px;
+  width: 4px;
+}
+.nice-select.small .option {
+  line-height: 34px;
+  min-height: 34px;
+}
+.nice-select .nice-select-dropdown {
+  margin-top: 4px;
+  background-color: #fff;
+  border-radius: 5px;
+  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
+  pointer-events: none;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  transform-origin: 50% 0;
+  transform: scale(0.75) translateY(19px);
+  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
+  z-index: 9;
+  opacity: 0;
+}
+.nice-select .list {
+  border-radius: 5px;
+  box-sizing: border-box;
+  overflow: hidden;
+  padding: 0;
+  max-height: 210px;
+  overflow-y: auto;
+}
+.nice-select .list:hover .option:not(:hover) {
+  background-color: rgba(0, 0, 0, 0) !important;
+}
+.nice-select .option {
+  cursor: pointer;
+  font-weight: 400;
+  line-height: 40px;
+  list-style: none;
+  outline: none;
+  padding-left: 18px;
+  padding-right: 29px;
+  text-align: left;
+  transition: all 0.2s;
+}
+.nice-select .option:hover,
+.nice-select .option.focus,
+.nice-select .option.selected.focus {
+  background-color: #f6f6f6;
+}
+.nice-select .option.selected {
+  font-weight: bold;
+}
+.nice-select .option.disabled {
+  background-color: rgba(0, 0, 0, 0);
+  color: #999;
+  cursor: default;
+}
+.nice-select .optgroup {
+  font-weight: bold;
+}
+.no-csspointerevents .nice-select .nice-select-dropdown {
+  display: none;
+}
+.no-csspointerevents .nice-select.open .nice-select-dropdown {
+  display: block;
+}
+
+.nice-select .has-multiple {
+  white-space: inherit;
+  height: auto;
+  padding: 7px 12px;
+  min-height: 36px;
+  line-height: 22px;
+}
+.nice-select .has-multiple span.current {
+  border: 1px solid #ccc;
+  background: #eee;
+  padding: 0 10px;
+  border-radius: 3px;
+  display: inline-block;
+  line-height: 24px;
+  font-size: 14px;
+  margin-bottom: 3px;
+  margin-right: 3px;
+}
+.nice-select .has-multiple .multiple-options {
+  display: block;
+  line-height: 24px;
+  padding: 0;
+}
+.nice-select .nice-select-search-box {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 5px;
+  pointer-events: none;
+  border-radius: 5px 5px 0 0;
+}
+.nice-select .nice-select-search {
+  box-sizing: border-box;
+  background-color: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 3px;
+  color: #444;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 7px 12px;
+  margin: 0 10px 0 0;
+  width: 100%;
+  min-height: 36px;
+  line-height: 22px;
+  height: auto;
+  outline: 0 !important;
+  font-size: 14px;
+}
diff --git a/quarter/assets/css/style.css b/quarter/assets/css/style.css
new file mode 100644
index 0000000..f50c282
--- /dev/null
+++ b/quarter/assets/css/style.css
@@ -0,0 +1,8397 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
+
+/*
+    Template Name: Quarter
+    Description: Real Estate HTML Template
+    Version: 1.0.0
+    Author: Kamrul Hasan
+    Email:786hasankamrul96@gmail.com
+*/
+
+/* ============================================================
+>>> TABLE OF CONTENTS:
+===============================================================
+# Google fonts
+# tailwind directives 
+# vaiables
+# default style
+# Typography
+# header 
+# banner 
+# scrollbar
+# swiper slider
+# accordion
+# nice select 
+#  nice checkbox 
+# range
+# service cards
+# tab
+# popup gallery 
+# scroll up
+# brands
+# Google Map Locations
+# Price Filter Widget 
+# responsiveness
+============================================================= */
+
+/*============= Google fonts ============*/
+
+/*============= tailwind directives ============*/
+
+/*
+    ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: currentColor;
+  /* 2 */
+}
+
+::before,
+::after {
+  --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
+  -o-tab-size: 4;
+     tab-size: 4;
+  /* 3 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
+  -webkit-tap-highlight-color: transparent;
+  /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  /* 1 */
+  font-feature-settings: normal;
+  /* 2 */
+  font-variation-settings: normal;
+  /* 3 */
+  font-size: 1em;
+  /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+  font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  font-weight: inherit;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  letter-spacing: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+  text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+  outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+  vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+  display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+  margin: 0;
+}
+
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+
+legend {
+  padding: 0;
+}
+
+ol,
+ul,
+menu {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+  resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+  cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+  cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+   This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden] {
+  display: none;
+}
+
+*, ::before, ::after{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+::backdrop{
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+.container{
+  max-width: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+  margin: 0px auto;
+}
+
+@media (min-width: 576px){
+  .container{
+    max-width: 33.75rem;
+  }
+}
+
+@media (min-width: 768px){
+  .container{
+    max-width: 45rem;
+  }
+}
+
+@media (min-width: 992px){
+  .container{
+    max-width: 60rem;
+  }
+}
+
+@media (min-width: 1200px){
+  .container{
+    max-width: 75rem;
+  }
+}
+
+.container-3{
+  max-width: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+@media (min-width: 1400px){
+  .container-3{
+    padding-left: 2%;
+    padding-right: 2%;
+  }
+}
+
+@media (min-width: 1600px){
+  .container-3{
+    padding-left: 7%;
+    padding-right: 7%;
+  }
+}
+
+.visible{
+  visibility: visible;
+}
+
+.invisible{
+  visibility: hidden;
+}
+
+.collapse{
+  visibility: collapse;
+}
+
+.static{
+  position: static;
+}
+
+.fixed{
+  position: fixed;
+}
+
+.absolute{
+  position: absolute;
+}
+
+.relative{
+  position: relative;
+}
+
+.sticky{
+  position: sticky;
+}
+
+.\!-bottom-\[6px\]{
+  bottom: -6px !important;
+}
+
+.-bottom-2{
+  bottom: -0.5rem;
+}
+
+.-bottom-\[100px\]{
+  bottom: -100px;
+}
+
+.-left-2{
+  left: -0.5rem;
+}
+
+.-left-3{
+  left: -0.75rem;
+}
+
+.-left-\[300px\]{
+  left: -300px;
+}
+
+.-right-3{
+  right: -0.75rem;
+}
+
+.-right-\[300px\]{
+  right: -300px;
+}
+
+.-top-1{
+  top: -0.25rem;
+}
+
+.-top-3{
+  top: -0.75rem;
+}
+
+.-top-\[15px\]{
+  top: -15px;
+}
+
+.bottom-0{
+  bottom: 0px;
+}
+
+.bottom-20{
+  bottom: 5rem;
+}
+
+.bottom-\[-30px\]{
+  bottom: -30px;
+}
+
+.bottom-\[100px\]{
+  bottom: 100px;
+}
+
+.bottom-\[10px\]{
+  bottom: 10px;
+}
+
+.bottom-\[30px\]{
+  bottom: 30px;
+}
+
+.bottom-\[50px\]{
+  bottom: 50px;
+}
+
+.bottom-\[5px\]{
+  bottom: 5px;
+}
+
+.bottom-\[70px\]{
+  bottom: 70px;
+}
+
+.left-0{
+  left: 0px;
+}
+
+.left-1\/2{
+  left: 50%;
+}
+
+.left-3{
+  left: 0.75rem;
+}
+
+.left-4{
+  left: 1rem;
+}
+
+.left-5{
+  left: 1.25rem;
+}
+
+.left-7{
+  left: 1.75rem;
+}
+
+.left-\[10px\]{
+  left: 10px;
+}
+
+.left-\[11px\]{
+  left: 11px;
+}
+
+.left-\[18px\]{
+  left: 18px;
+}
+
+.left-\[3\%\]{
+  left: 3%;
+}
+
+.left-\[30px\]{
+  left: 30px;
+}
+
+.left-\[50px\]{
+  left: 50px;
+}
+
+.left-\[60px\]{
+  left: 60px;
+}
+
+.left-full{
+  left: 100%;
+}
+
+.right-0{
+  right: 0px;
+}
+
+.right-1\/2{
+  right: 50%;
+}
+
+.right-3{
+  right: 0.75rem;
+}
+
+.right-4{
+  right: 1rem;
+}
+
+.right-5{
+  right: 1.25rem;
+}
+
+.right-7{
+  right: 1.75rem;
+}
+
+.right-\[10px\]{
+  right: 10px;
+}
+
+.right-\[11px\]{
+  right: 11px;
+}
+
+.right-\[15px\]{
+  right: 15px;
+}
+
+.right-\[18px\]{
+  right: 18px;
+}
+
+.right-\[3\%\]{
+  right: 3%;
+}
+
+.right-\[30px\]{
+  right: 30px;
+}
+
+.right-\[50px\]{
+  right: 50px;
+}
+
+.right-\[60px\]{
+  right: 60px;
+}
+
+.right-full{
+  right: 100%;
+}
+
+.top-0{
+  top: 0px;
+}
+
+.top-1\/2{
+  top: 50%;
+}
+
+.top-10{
+  top: 2.5rem;
+}
+
+.top-4{
+  top: 1rem;
+}
+
+.top-\[11px\]{
+  top: 11px;
+}
+
+.top-\[15\%\]{
+  top: 15%;
+}
+
+.top-\[15px\]{
+  top: 15px;
+}
+
+.top-\[30px\]{
+  top: 30px;
+}
+
+.top-\[45\%\]{
+  top: 45%;
+}
+
+.top-full{
+  top: 100%;
+}
+
+.-z-1{
+  z-index: -1;
+}
+
+.-z-\[2\]{
+  z-index: -2;
+}
+
+.z-0{
+  z-index: 0;
+}
+
+.z-1{
+  z-index: 1;
+}
+
+.z-10{
+  z-index: 10;
+}
+
+.z-20{
+  z-index: 20;
+}
+
+.z-high{
+  z-index: 99999999;
+}
+
+.z-small{
+  z-index: 999999;
+}
+
+.z-xl{
+  z-index: 999999999;
+}
+
+.z-xsmall{
+  z-index: 99999;
+}
+
+.z-xxl{
+  z-index: 9999999999;
+}
+
+.float-right{
+  float: right;
+}
+
+.float-left{
+  float: left;
+}
+
+.clear-both{
+  clear: both;
+}
+
+.m-2{
+  margin: 0.5rem;
+}
+
+.m-5{
+  margin: 1.25rem;
+}
+
+.-mx-15px{
+  margin-left: -.9375rem;
+  margin-right: -.9375rem;
+}
+
+.mx-15px{
+  margin-left: .9375rem;
+  margin-right: .9375rem;
+}
+
+.mx-5{
+  margin-left: 1.25rem;
+  margin-right: 1.25rem;
+}
+
+.mx-auto{
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.my-30px{
+  margin-top: 1.875rem;
+  margin-bottom: 1.875rem;
+}
+
+.my-5{
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.my-50px{
+  margin-top: 3.125rem;
+  margin-bottom: 3.125rem;
+}
+
+.my-6{
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
+.\!-ml-1{
+  margin-left: -0.25rem !important;
+}
+
+.\!-ml-1\.5{
+  margin-left: -0.375rem !important;
+}
+
+.-mb-1{
+  margin-bottom: -0.25rem;
+}
+
+.-mb-10px{
+  margin-bottom: -.625rem;
+}
+
+.-mb-\[180px\]{
+  margin-bottom: -180px;
+}
+
+.-ml-0{
+  margin-left: -0px;
+}
+
+.-ml-0\.5{
+  margin-left: -0.125rem;
+}
+
+.-mt-0{
+  margin-top: -0px;
+}
+
+.-mt-0\.5{
+  margin-top: -0.125rem;
+}
+
+.-mt-3{
+  margin-top: -0.75rem;
+}
+
+.-mt-60px{
+  margin-top: -3.75rem;
+}
+
+.-mt-\[2px\]{
+  margin-top: -2px;
+}
+
+.mb-0{
+  margin-bottom: 0px;
+}
+
+.mb-0\.5{
+  margin-bottom: 0.125rem;
+}
+
+.mb-1{
+  margin-bottom: 0.25rem;
+}
+
+.mb-1\.5{
+  margin-bottom: 0.375rem;
+}
+
+.mb-10{
+  margin-bottom: 2.5rem;
+}
+
+.mb-10px{
+  margin-bottom: .625rem;
+}
+
+.mb-15px{
+  margin-bottom: .9375rem;
+}
+
+.mb-2{
+  margin-bottom: 0.5rem;
+}
+
+.mb-20{
+  margin-bottom: 5rem;
+}
+
+.mb-22px{
+  margin-bottom: 1.375rem;
+}
+
+.mb-25px{
+  margin-bottom: 1.5625rem;
+}
+
+.mb-3{
+  margin-bottom: 0.75rem;
+}
+
+.mb-30{
+  margin-bottom: 7.5rem;
+}
+
+.mb-30px{
+  margin-bottom: 1.875rem;
+}
+
+.mb-35px{
+  margin-bottom: 2.1875rem;
+}
+
+.mb-4{
+  margin-bottom: 1rem;
+}
+
+.mb-45px{
+  margin-bottom: 2.8125rem;
+}
+
+.mb-5{
+  margin-bottom: 1.25rem;
+}
+
+.mb-50px{
+  margin-bottom: 3.125rem;
+}
+
+.mb-5px{
+  margin-bottom: .3125rem;
+}
+
+.mb-6{
+  margin-bottom: 1.5rem;
+}
+
+.mb-60px{
+  margin-bottom: 3.75rem;
+}
+
+.mb-65px{
+  margin-bottom: 4.0625rem;
+}
+
+.mb-6px{
+  margin-bottom: .375rem;
+}
+
+.mb-8{
+  margin-bottom: 2rem;
+}
+
+.mb-9{
+  margin-bottom: 2.25rem;
+}
+
+.ml-0{
+  margin-left: 0px;
+}
+
+.ml-1{
+  margin-left: 0.25rem;
+}
+
+.ml-10px{
+  margin-left: .625rem;
+}
+
+.ml-15px{
+  margin-left: .9375rem;
+}
+
+.ml-2{
+  margin-left: 0.5rem;
+}
+
+.ml-25px{
+  margin-left: 1.5625rem;
+}
+
+.ml-3{
+  margin-left: 0.75rem;
+}
+
+.ml-4{
+  margin-left: 1rem;
+}
+
+.ml-43px{
+  margin-left: 2.6875rem;
+}
+
+.ml-5{
+  margin-left: 1.25rem;
+}
+
+.mr-0{
+  margin-right: 0px;
+}
+
+.mr-0\.5{
+  margin-right: 0.125rem;
+}
+
+.mr-1{
+  margin-right: 0.25rem;
+}
+
+.mr-10px{
+  margin-right: .625rem;
+}
+
+.mr-15px{
+  margin-right: .9375rem;
+}
+
+.mr-2{
+  margin-right: 0.5rem;
+}
+
+.mr-25px{
+  margin-right: 1.5625rem;
+}
+
+.mr-3{
+  margin-right: 0.75rem;
+}
+
+.mr-43px{
+  margin-right: 2.6875rem;
+}
+
+.mr-5{
+  margin-right: 1.25rem;
+}
+
+.mr-5px{
+  margin-right: .3125rem;
+}
+
+.mt-0{
+  margin-top: 0px;
+}
+
+.mt-0\.5{
+  margin-top: 0.125rem;
+}
+
+.mt-1{
+  margin-top: 0.25rem;
+}
+
+.mt-1\.5{
+  margin-top: 0.375rem;
+}
+
+.mt-10px{
+  margin-top: .625rem;
+}
+
+.mt-150px{
+  margin-top: 9.375rem;
+}
+
+.mt-15px{
+  margin-top: .9375rem;
+}
+
+.mt-2{
+  margin-top: 0.5rem;
+}
+
+.mt-20{
+  margin-top: 5rem;
+}
+
+.mt-25px{
+  margin-top: 1.5625rem;
+}
+
+.mt-30{
+  margin-top: 7.5rem;
+}
+
+.mt-30px{
+  margin-top: 1.875rem;
+}
+
+.mt-4{
+  margin-top: 1rem;
+}
+
+.mt-5{
+  margin-top: 1.25rem;
+}
+
+.mt-50px{
+  margin-top: 3.125rem;
+}
+
+.mt-6{
+  margin-top: 1.5rem;
+}
+
+.mt-95px{
+  margin-top: 5.9375rem;
+}
+
+.mt-\[100px\]{
+  margin-top: 100px;
+}
+
+.box-border{
+  box-sizing: border-box;
+}
+
+.box-content{
+  box-sizing: content-box;
+}
+
+.block{
+  display: block;
+}
+
+.inline-block{
+  display: inline-block;
+}
+
+.inline{
+  display: inline;
+}
+
+.flex{
+  display: flex;
+}
+
+.table{
+  display: table;
+}
+
+.grid{
+  display: grid;
+}
+
+.contents{
+  display: contents;
+}
+
+.hidden{
+  display: none;
+}
+
+.h-0{
+  height: 0px;
+}
+
+.h-0\.5{
+  height: 0.125rem;
+}
+
+.h-1{
+  height: 0.25rem;
+}
+
+.h-10{
+  height: 2.5rem;
+}
+
+.h-140px{
+  height: 8.75rem;
+}
+
+.h-20{
+  height: 5rem;
+}
+
+.h-30px{
+  height: 1.875rem;
+}
+
+.h-350px{
+  height: 21.875rem;
+}
+
+.h-360px{
+  height: 22.5rem;
+}
+
+.h-4{
+  height: 1rem;
+}
+
+.h-45px{
+  height: 2.8125rem;
+}
+
+.h-5{
+  height: 1.25rem;
+}
+
+.h-50px{
+  height: 3.125rem;
+}
+
+.h-60px{
+  height: 3.75rem;
+}
+
+.h-65px{
+  height: 4.0625rem;
+}
+
+.h-8{
+  height: 2rem;
+}
+
+.h-80{
+  height: 20rem;
+}
+
+.h-9{
+  height: 2.25rem;
+}
+
+.h-\[560px\]{
+  height: 560px;
+}
+
+.h-\[70px\]{
+  height: 70px;
+}
+
+.h-\[800px\]{
+  height: 800px;
+}
+
+.h-auto{
+  height: auto;
+}
+
+.h-full{
+  height: 100%;
+}
+
+.max-h-\[calc\(100\%-\(360px\)\)\]{
+  max-height: calc(100% - (360px));
+}
+
+.min-h-80{
+  min-height: 20rem;
+}
+
+.min-h-\[150px\]{
+  min-height: 150px;
+}
+
+.min-h-\[300px\]{
+  min-height: 300px;
+}
+
+.min-h-\[400px\]{
+  min-height: 400px;
+}
+
+.min-h-screen{
+  min-height: 100vh;
+}
+
+.w-0{
+  width: 0px;
+}
+
+.w-10{
+  width: 2.5rem;
+}
+
+.w-100px{
+  width: 6.25rem;
+}
+
+.w-125px{
+  width: 7.8125rem;
+}
+
+.w-130px{
+  width: 8.125rem;
+}
+
+.w-14{
+  width: 3.5rem;
+}
+
+.w-140px{
+  width: 8.75rem;
+}
+
+.w-150px{
+  width: 9.375rem;
+}
+
+.w-15px{
+  width: .9375rem;
+}
+
+.w-20{
+  width: 5rem;
+}
+
+.w-250px{
+  width: 15.625rem;
+}
+
+.w-300px{
+  width: 18.75rem;
+}
+
+.w-30px{
+  width: 1.875rem;
+}
+
+.w-4{
+  width: 1rem;
+}
+
+.w-45px{
+  width: 2.8125rem;
+}
+
+.w-5{
+  width: 1.25rem;
+}
+
+.w-50{
+  width: 12.5rem;
+}
+
+.w-50px{
+  width: 3.125rem;
+}
+
+.w-60px{
+  width: 3.75rem;
+}
+
+.w-70px{
+  width: 4.375rem;
+}
+
+.w-8{
+  width: 2rem;
+}
+
+.w-80{
+  width: 20rem;
+}
+
+.w-9{
+  width: 2.25rem;
+}
+
+.w-\[10px\]{
+  width: 10px;
+}
+
+.w-\[270px\]{
+  width: 270px;
+}
+
+.w-\[426px\]{
+  width: 426px;
+}
+
+.w-\[48\%\]{
+  width: 48%;
+}
+
+.w-\[68px\]{
+  width: 68px;
+}
+
+.w-\[85px\]{
+  width: 85px;
+}
+
+.w-\[880px\]{
+  width: 880px;
+}
+
+.w-\[95px\]{
+  width: 95px;
+}
+
+.w-dropdown{
+  width: 14.375rem;
+}
+
+.w-full{
+  width: 100%;
+}
+
+.w-screen{
+  width: 100vw;
+}
+
+.min-w-\[110px\]{
+  min-width: 110px;
+}
+
+.min-w-\[120px\]{
+  min-width: 120px;
+}
+
+.min-w-\[500px\]{
+  min-width: 500px;
+}
+
+.max-w-350px{
+  max-width: 21.875rem;
+}
+
+.max-w-450px{
+  max-width: 28.125rem;
+}
+
+.max-w-500px{
+  max-width: 31.25rem;
+}
+
+.max-w-\[130px\]{
+  max-width: 130px;
+}
+
+.max-w-\[2126px\]{
+  max-width: 2126px;
+}
+
+.max-w-\[255px\]{
+  max-width: 255px;
+}
+
+.max-w-\[27\%\]{
+  max-width: 27%;
+}
+
+.max-w-\[34\%\]{
+  max-width: 34%;
+}
+
+.max-w-\[400px\]{
+  max-width: 400px;
+}
+
+.max-w-\[460px\]{
+  max-width: 460px;
+}
+
+.max-w-\[550px\]{
+  max-width: 550px;
+}
+
+.max-w-\[95\%\]{
+  max-width: 95%;
+}
+
+.max-w-full{
+  max-width: 100%;
+}
+
+.flex-shrink-0{
+  flex-shrink: 0;
+}
+
+.flex-grow{
+  flex-grow: 1;
+}
+
+.basis-1\/2{
+  flex-basis: 50%;
+}
+
+.basis-\[42px\]{
+  flex-basis: 42px;
+}
+
+.basis-full{
+  flex-basis: 100%;
+}
+
+.table-fixed{
+  table-layout: fixed;
+}
+
+.border-collapse{
+  border-collapse: collapse;
+}
+
+.\!-translate-y-1{
+  --tw-translate-y: -0.25rem !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+
+.\!-translate-y-1\.5{
+  --tw-translate-y: -0.375rem !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
+}
+
+.-translate-x-1\/2{
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-x-3{
+  --tw-translate-x: -0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-x-5{
+  --tw-translate-x: -1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-y-1\/2{
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-translate-y-20{
+  --tw-translate-y: -5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-1\/2{
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-3{
+  --tw-translate-x: 0.75rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-x-5{
+  --tw-translate-x: 1.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-1{
+  --tw-translate-y: 0.25rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-1\/2{
+  --tw-translate-y: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-2{
+  --tw-translate-y: 0.5rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-4{
+  --tw-translate-y: 1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.translate-y-\[5px\]{
+  --tw-translate-y: 5px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.-rotate-\[45deg\]{
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-90{
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rotate-\[45deg\]{
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.transform{
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+@keyframes pulse1{
+  0%{
+    box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
+  }
+
+  70%{
+    box-shadow: 0 0 0 15px rgba(255,255,255, 0);
+  }
+
+  100%{
+    box-shadow: 0 0 0 0 rgba(255,255,255, 0);
+  }
+}
+
+.animate-pulse1{
+  animation: pulse1 1s infinite;
+}
+
+@keyframes pulse2{
+  0%{
+    box-shadow: 0 0 0 0 rgba(255, 90, 60, 0.6);
+  }
+
+  70%{
+    box-shadow: 0 0 0 15px rgba(255, 90, 60, 0);
+  }
+
+  100%{
+    box-shadow: 0 0 0 0 rgba(255, 90, 60, 0);
+  }
+}
+
+.animate-pulse2{
+  animation: pulse2 1s infinite;
+}
+
+.cursor-default{
+  cursor: default;
+}
+
+.cursor-pointer{
+  cursor: pointer;
+}
+
+.cursor-zoom-out{
+  cursor: zoom-out;
+}
+
+.resize{
+  resize: both;
+}
+
+.grid-cols-1{
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2{
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-4{
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.flex-row{
+  flex-direction: row;
+}
+
+.flex-row-reverse{
+  flex-direction: row-reverse;
+}
+
+.flex-col{
+  flex-direction: column;
+}
+
+.flex-col-reverse{
+  flex-direction: column-reverse;
+}
+
+.flex-wrap{
+  flex-wrap: wrap;
+}
+
+.flex-wrap-reverse{
+  flex-wrap: wrap-reverse;
+}
+
+.items-start{
+  align-items: flex-start;
+}
+
+.items-end{
+  align-items: flex-end;
+}
+
+.items-center{
+  align-items: center;
+}
+
+.items-stretch{
+  align-items: stretch;
+}
+
+.justify-start{
+  justify-content: flex-start;
+}
+
+.justify-end{
+  justify-content: flex-end;
+}
+
+.justify-center{
+  justify-content: center;
+}
+
+.justify-between{
+  justify-content: space-between;
+}
+
+.gap-1{
+  gap: 0.25rem;
+}
+
+.gap-10px{
+  gap: 10px;
+}
+
+.gap-15px{
+  gap: .9375rem;
+}
+
+.gap-18px{
+  gap: 1.125rem;
+}
+
+.gap-25px{
+  gap: 1.5625rem;
+}
+
+.gap-3{
+  gap: 0.75rem;
+}
+
+.gap-30px{
+  gap: 1.875rem;
+}
+
+.gap-4{
+  gap: 1rem;
+}
+
+.gap-5{
+  gap: 1.25rem;
+}
+
+.gap-50px{
+  gap: 3.125rem;
+}
+
+.gap-5px{
+  gap: .3125rem;
+}
+
+.gap-6{
+  gap: 1.5rem;
+}
+
+.gap-x-10px{
+  -moz-column-gap: 10px;
+       column-gap: 10px;
+}
+
+.gap-x-15px{
+  -moz-column-gap: .9375rem;
+       column-gap: .9375rem;
+}
+
+.gap-x-2{
+  -moz-column-gap: 0.5rem;
+       column-gap: 0.5rem;
+}
+
+.gap-x-25px{
+  -moz-column-gap: 1.5625rem;
+       column-gap: 1.5625rem;
+}
+
+.gap-x-3{
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
+
+.gap-x-30px{
+  -moz-column-gap: 1.875rem;
+       column-gap: 1.875rem;
+}
+
+.gap-x-5{
+  -moz-column-gap: 1.25rem;
+       column-gap: 1.25rem;
+}
+
+.gap-x-\[18px\]{
+  -moz-column-gap: 18px;
+       column-gap: 18px;
+}
+
+.gap-y-1{
+  row-gap: 0.25rem;
+}
+
+.gap-y-10{
+  row-gap: 2.5rem;
+}
+
+.gap-y-10px{
+  row-gap: 10px;
+}
+
+.gap-y-15px{
+  row-gap: .9375rem;
+}
+
+.gap-y-3{
+  row-gap: 0.75rem;
+}
+
+.gap-y-30px{
+  row-gap: 1.875rem;
+}
+
+.gap-y-4{
+  row-gap: 1rem;
+}
+
+.gap-y-5{
+  row-gap: 1.25rem;
+}
+
+.gap-y-50px{
+  row-gap: 3.125rem;
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.space-y-10 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-4 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
+}
+
+.space-y-5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
+
+.space-y-\[15px\] > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(15px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(15px * var(--tw-space-y-reverse));
+}
+
+.overflow-auto{
+  overflow: auto;
+}
+
+.overflow-hidden{
+  overflow: hidden;
+}
+
+.\!overflow-visible{
+  overflow: visible !important;
+}
+
+.overflow-visible{
+  overflow: visible;
+}
+
+.overflow-y-auto{
+  overflow-y: auto;
+}
+
+.overflow-x-hidden{
+  overflow-x: hidden;
+}
+
+.hyphens-none{
+  -webkit-hyphens: none;
+          hyphens: none;
+}
+
+.whitespace-normal{
+  white-space: normal;
+}
+
+.whitespace-nowrap{
+  white-space: nowrap;
+}
+
+.text-nowrap{
+  text-wrap: nowrap;
+}
+
+.rounded-100\%{
+  border-radius: 100%;
+}
+
+.rounded-10px{
+  border-radius: .625rem;
+}
+
+.rounded-\[25px\]{
+  border-radius: 25px;
+}
+
+.rounded-full{
+  border-radius: 9999px;
+}
+
+.rounded-lg{
+  border-radius: 0.5rem;
+}
+
+.rounded-none{
+  border-radius: 0px;
+}
+
+.rounded-sm{
+  border-radius: 0.125rem;
+}
+
+.border{
+  border-width: 1px;
+}
+
+.border-0{
+  border-width: 0px;
+}
+
+.border-2{
+  border-width: 2px;
+}
+
+.border-3px{
+  border-width: 3px;
+}
+
+.border-8{
+  border-width: 8px;
+}
+
+.border-\[7px\]{
+  border-width: 7px;
+}
+
+.border-y{
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+
+.border-b{
+  border-bottom-width: 1px;
+}
+
+.border-b-0{
+  border-bottom-width: 0px;
+}
+
+.border-b-2{
+  border-bottom-width: 2px;
+}
+
+.border-l{
+  border-left-width: 1px;
+}
+
+.border-l-0{
+  border-left-width: 0px;
+}
+
+.border-l-2{
+  border-left-width: 2px;
+}
+
+.border-l-4{
+  border-left-width: 4px;
+}
+
+.border-r{
+  border-right-width: 1px;
+}
+
+.border-r-0{
+  border-right-width: 0px;
+}
+
+.border-r-2{
+  border-right-width: 2px;
+}
+
+.border-r-4{
+  border-right-width: 4px;
+}
+
+.border-t{
+  border-top-width: 1px;
+}
+
+.border-t-0{
+  border-top-width: 0px;
+}
+
+.border-t-\[5px\]{
+  border-top-width: 5px;
+}
+
+.\!border-dashed{
+  border-style: dashed !important;
+}
+
+.border-black{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-border-color-1{
+  --tw-border-opacity: 1;
+  border-color: rgb(229 234 238 / var(--tw-border-opacity));
+}
+
+.border-border-color-10{
+  --tw-border-opacity: 1;
+  border-color: rgb(235 238 238 / var(--tw-border-opacity));
+}
+
+.border-border-color-11{
+  --tw-border-opacity: 1;
+  border-color: rgb(237 237 237 / var(--tw-border-opacity));
+}
+
+.border-border-color-12{
+  --tw-border-opacity: 1;
+  border-color: rgb(225 230 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-13{
+  --tw-border-opacity: 1;
+  border-color: rgb(241 248 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-14{
+  --tw-border-opacity: 1;
+  border-color: rgb(87 100 102 / var(--tw-border-opacity));
+}
+
+.border-border-color-15{
+  --tw-border-opacity: 1;
+  border-color: rgb(244 250 255 / var(--tw-border-opacity));
+}
+
+.border-border-color-16{
+  --tw-border-opacity: 1;
+  border-color: rgb(147 149 158 / var(--tw-border-opacity));
+}
+
+.border-border-color-17{
+  --tw-border-opacity: 1;
+  border-color: rgb(222 226 230 / var(--tw-border-opacity));
+}
+
+.border-border-color-18{
+  --tw-border-opacity: 1;
+  border-color: rgb(32 51 54 / var(--tw-border-opacity));
+}
+
+.border-border-color-3{
+  --tw-border-opacity: 1;
+  border-color: rgb(92 97 127 / var(--tw-border-opacity));
+}
+
+.border-border-color-8{
+  --tw-border-opacity: 1;
+  border-color: rgb(246 246 246 / var(--tw-border-opacity));
+}
+
+.border-border-color-9{
+  --tw-border-opacity: 1;
+  border-color: rgb(228 236 242 / var(--tw-border-opacity));
+}
+
+.border-border-dashed{
+  --tw-border-opacity: 1;
+  border-color: rgb(221 221 221 / var(--tw-border-opacity));
+}
+
+.border-border-primary{
+  --tw-border-opacity: 1;
+  border-color: rgb(238 238 238 / var(--tw-border-opacity));
+}
+
+.border-primary-color{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.border-secondary-color{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.border-section-bg-1{
+  --tw-border-opacity: 1;
+  border-color: rgb(242 246 247 / var(--tw-border-opacity));
+}
+
+.border-transparent{
+  border-color: transparent;
+}
+
+.border-white{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.border-white-4{
+  --tw-border-opacity: 1;
+  border-color: rgb(230 236 240 / var(--tw-border-opacity));
+}
+
+.border-white-5{
+  --tw-border-opacity: 1;
+  border-color: rgb(240 244 247 / var(--tw-border-opacity));
+}
+
+.border-white-6{
+  --tw-border-opacity: 1;
+  border-color: rgb(241 241 241 / var(--tw-border-opacity));
+}
+
+.border-opacity-20{
+  --tw-border-opacity: 0.2;
+}
+
+.border-opacity-25{
+  --tw-border-opacity: 0.25;
+}
+
+.bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-color-6{
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 223 220 / var(--tw-bg-opacity));
+}
+
+.bg-gray1{
+  --tw-bg-opacity: 1;
+  background-color: rgb(126 126 126 / var(--tw-bg-opacity));
+}
+
+.bg-green{
+  --tw-bg-opacity: 1;
+  background-color: rgb(119 199 32 / var(--tw-bg-opacity));
+}
+
+.bg-heading-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.bg-lightBlack{
+  background-color: rgba(0,0,0,.7);
+}
+
+.bg-orange{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 165 0 / var(--tw-bg-opacity));
+}
+
+.bg-overlay{
+  background-color: rgba(7, 28, 31, 0.6);
+}
+
+.bg-overlay-primary{
+  --tw-bg-opacity: 1;
+  background-color: rgba(7, 28, 31, var(--tw-bg-opacity));
+}
+
+.bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.bg-primary-color-3{
+  --tw-bg-opacity: 1;
+  background-color: rgb(19 50 54 / var(--tw-bg-opacity));
+}
+
+.bg-secondary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.bg-secondary-color-2{
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-1{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-2{
+  --tw-bg-opacity: 1;
+  background-color: rgb(23 27 42 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-5{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 242 240 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-6{
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 44 61 / var(--tw-bg-opacity));
+}
+
+.bg-section-bg-7{
+  --tw-bg-opacity: 1;
+  background-color: rgb(40 43 56 / var(--tw-bg-opacity));
+}
+
+.bg-table-bg{
+  --tw-bg-opacity: 1;
+  background-color: rgb(247 248 250 / var(--tw-bg-opacity));
+}
+
+.bg-transparent{
+  background-color: transparent;
+}
+
+.bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.bg-white-5{
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 244 247 / var(--tw-bg-opacity));
+}
+
+.bg-opacity-10{
+  --tw-bg-opacity: 0.1;
+}
+
+.bg-opacity-100{
+  --tw-bg-opacity: 1;
+}
+
+.bg-opacity-30{
+  --tw-bg-opacity: 0.3;
+}
+
+.bg-opacity-5{
+  --tw-bg-opacity: 0.05;
+}
+
+.bg-opacity-75{
+  --tw-bg-opacity: 0.75;
+}
+
+.bg-opacity-90{
+  --tw-bg-opacity: 0.9;
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/13\.jpg\'\)\]{
+  background-image: url('../img/bg/13.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/14\.jpg\'\)\]{
+  background-image: url('../img/bg/14.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/15\.jpg\'\)\]{
+  background-image: url('../img/bg/15.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/19\.jpg\'\)\]{
+  background-image: url('../img/bg/19.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/20\.jpg\'\)\]{
+  background-image: url('../img/bg/20.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/22\.jpg\'\)\]{
+  background-image: url('../img/bg/22.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/23\.jpg\'\)\]{
+  background-image: url('../img/bg/23.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/6\.jpg\'\)\]{
+  background-image: url('../img/bg/6.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/7\.jpg\'\)\]{
+  background-image: url('../img/bg/7.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/bg\/8\.jpg\'\)\]{
+  background-image: url('../img/bg/8.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/blog\/2\.jpg\'\)\]{
+  background-image: url('../img/blog/2.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/blog\/3\.jpg\'\)\]{
+  background-image: url('../img/blog/3.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/2\.jpg\'\)\]{
+  background-image: url('../img/gallery/2.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/3\.jpg\'\)\]{
+  background-image: url('../img/gallery/3.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/7\.jpg\'\)\]{
+  background-image: url('../img/gallery/7.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/8\.jpg\'\)\]{
+  background-image: url('../img/gallery/8.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/gallery\/9\.jpg\'\)\]{
+  background-image: url('../img/gallery/9.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/others\/5\.jpg\'\)\]{
+  background-image: url('../img/others/5.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/11\.jpg\'\)\]{
+  background-image: url('../img/slider/11.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/111\.jpeg\'\)\]{
+  background-image: url('../img/slider/111.jpeg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/12\.jpg\'\)\]{
+  background-image: url('../img/slider/12.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/13\.jpg\'\)\]{
+  background-image: url('../img/slider/13.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/14\.jpg\'\)\]{
+  background-image: url('../img/slider/14.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/52\.jpg\'\)\]{
+  background-image: url('../img/slider/52.jpg');
+}
+
+.bg-\[url\(\'\.\.\/img\/slider\/62\.jpg\'\)\]{
+  background-image: url('../img/slider/62.jpg');
+}
+
+.bg-gradient-color-2{
+  background-image: linear-gradient(to top, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
+}
+
+.bg-gradient-color-3{
+  background-image: linear-gradient(to bottom, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%);
+}
+
+.bg-gradient-color-5{
+  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%);
+}
+
+.bg-cover{
+  background-size: cover;
+}
+
+.bg-fixed{
+  background-attachment: fixed;
+}
+
+.bg-center{
+  background-position: center;
+}
+
+.bg-top{
+  background-position: top;
+}
+
+.bg-no-repeat{
+  background-repeat: no-repeat;
+}
+
+.object-cover{
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.p-1{
+  padding: 0.25rem;
+}
+
+.p-10{
+  padding: 2.5rem;
+}
+
+.p-10px{
+  padding: .625rem;
+}
+
+.p-15px{
+  padding: .9375rem;
+}
+
+.p-1px{
+  padding: 1px;
+}
+
+.p-2{
+  padding: 0.5rem;
+}
+
+.p-25px{
+  padding: 1.5625rem;
+}
+
+.p-30px{
+  padding: 1.875rem;
+}
+
+.p-35px{
+  padding: 2.1875rem;
+}
+
+.p-5{
+  padding: 1.25rem;
+}
+
+.p-50px{
+  padding: 3.125rem;
+}
+
+.px-0{
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.px-0\.5{
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+.px-10{
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
+.px-10px{
+  padding-left: .625rem;
+  padding-right: .625rem;
+}
+
+.px-15px{
+  padding-left: .9375rem;
+  padding-right: .9375rem;
+}
+
+.px-18px{
+  padding-left: 1.125rem;
+  padding-right: 1.125rem;
+}
+
+.px-2{
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+.px-22px{
+  padding-left: 1.375rem;
+  padding-right: 1.375rem;
+}
+
+.px-25px{
+  padding-left: 1.5625rem;
+  padding-right: 1.5625rem;
+}
+
+.px-3{
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
+.px-30px{
+  padding-left: 1.875rem;
+  padding-right: 1.875rem;
+}
+
+.px-35px{
+  padding-left: 2.1875rem;
+  padding-right: 2.1875rem;
+}
+
+.px-3px{
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+.px-4{
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-5{
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
+.px-5px{
+  padding-left: .3125rem;
+  padding-right: .3125rem;
+}
+
+.px-6{
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.px-7px{
+  padding-left: .4375rem;
+  padding-right: .4375rem;
+}
+
+.py-0{
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+
+.py-0\.5{
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
+.py-1{
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.py-10{
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
+.py-100px{
+  padding-top: 6.25rem;
+  padding-bottom: 6.25rem;
+}
+
+.py-10px{
+  padding-top: .625rem;
+  padding-bottom: .625rem;
+}
+
+.py-110px{
+  padding-top: 6.875rem;
+  padding-bottom: 6.875rem;
+}
+
+.py-14px{
+  padding-top: .875rem;
+  padding-bottom: .875rem;
+}
+
+.py-15px{
+  padding-top: .9375rem;
+  padding-bottom: .9375rem;
+}
+
+.py-1px{
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+
+.py-2{
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.py-21px{
+  padding-top: 1.3125rem;
+  padding-bottom: 1.3125rem;
+}
+
+.py-22px{
+  padding-top: 1.375rem;
+  padding-bottom: 1.375rem;
+}
+
+.py-23px{
+  padding-top: 1.4375rem;
+  padding-bottom: 1.4375rem;
+}
+
+.py-25px{
+  padding-top: 1.5625rem;
+  padding-bottom: 1.5625rem;
+}
+
+.py-3{
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.py-30{
+  padding-top: 7.5rem;
+  padding-bottom: 7.5rem;
+}
+
+.py-30px{
+  padding-top: 1.875rem;
+  padding-bottom: 1.875rem;
+}
+
+.py-35px{
+  padding-top: 2.1875rem;
+  padding-bottom: 2.1875rem;
+}
+
+.py-4{
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-5{
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
+.py-50px{
+  padding-top: 3.125rem;
+  padding-bottom: 3.125rem;
+}
+
+.py-5px{
+  padding-top: .3125rem;
+  padding-bottom: .3125rem;
+}
+
+.py-6px{
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.py-7{
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+
+.py-7px{
+  padding-top: .4375rem;
+  padding-bottom: .4375rem;
+}
+
+.pb-0{
+  padding-bottom: 0px;
+}
+
+.pb-0\.5{
+  padding-bottom: 0.125rem;
+}
+
+.pb-1{
+  padding-bottom: 0.25rem;
+}
+
+.pb-10{
+  padding-bottom: 2.5rem;
+}
+
+.pb-100px{
+  padding-bottom: 6.25rem;
+}
+
+.pb-10px{
+  padding-bottom: .625rem;
+}
+
+.pb-110px{
+  padding-bottom: 6.875rem;
+}
+
+.pb-115px{
+  padding-bottom: 7.1875rem;
+}
+
+.pb-140px{
+  padding-bottom: 8.75rem;
+}
+
+.pb-15px{
+  padding-bottom: .9375rem;
+}
+
+.pb-2{
+  padding-bottom: 0.5rem;
+}
+
+.pb-20{
+  padding-bottom: 5rem;
+}
+
+.pb-21px{
+  padding-bottom: 1.3125rem;
+}
+
+.pb-25px{
+  padding-bottom: 1.5625rem;
+}
+
+.pb-3{
+  padding-bottom: 0.75rem;
+}
+
+.pb-30{
+  padding-bottom: 7.5rem;
+}
+
+.pb-30px{
+  padding-bottom: 1.875rem;
+}
+
+.pb-35px{
+  padding-bottom: 2.1875rem;
+}
+
+.pb-4{
+  padding-bottom: 1rem;
+}
+
+.pb-5{
+  padding-bottom: 1.25rem;
+}
+
+.pb-50px{
+  padding-bottom: 3.125rem;
+}
+
+.pb-55px{
+  padding-bottom: 3.4375rem;
+}
+
+.pb-60px{
+  padding-bottom: 3.75rem;
+}
+
+.pb-65px{
+  padding-bottom: 4.0625rem;
+}
+
+.pb-70px{
+  padding-bottom: 4.375rem;
+}
+
+.pb-8{
+  padding-bottom: 2rem;
+}
+
+.pb-90px{
+  padding-bottom: 5.625rem;
+}
+
+.pb-\[104px\]{
+  padding-bottom: 104px;
+}
+
+.pb-\[105px\]{
+  padding-bottom: 105px;
+}
+
+.pb-\[75px\]{
+  padding-bottom: 75px;
+}
+
+.pl-0{
+  padding-left: 0px;
+}
+
+.pl-0\.5{
+  padding-left: 0.125rem;
+}
+
+.pl-1{
+  padding-left: 0.25rem;
+}
+
+.pl-1\.5{
+  padding-left: 0.375rem;
+}
+
+.pl-10px{
+  padding-left: .625rem;
+}
+
+.pl-15px{
+  padding-left: .9375rem;
+}
+
+.pl-25px{
+  padding-left: 1.5625rem;
+}
+
+.pl-30px{
+  padding-left: 1.875rem;
+}
+
+.pl-35px{
+  padding-left: 2.1875rem;
+}
+
+.pl-5{
+  padding-left: 1.25rem;
+}
+
+.pl-50px{
+  padding-left: 3.125rem;
+}
+
+.pl-5px{
+  padding-left: .3125rem;
+}
+
+.pl-7{
+  padding-left: 1.75rem;
+}
+
+.pl-8{
+  padding-left: 2rem;
+}
+
+.pr-0{
+  padding-right: 0px;
+}
+
+.pr-0\.5{
+  padding-right: 0.125rem;
+}
+
+.pr-1{
+  padding-right: 0.25rem;
+}
+
+.pr-1\.5{
+  padding-right: 0.375rem;
+}
+
+.pr-10{
+  padding-right: 2.5rem;
+}
+
+.pr-10px{
+  padding-right: .625rem;
+}
+
+.pr-15px{
+  padding-right: .9375rem;
+}
+
+.pr-18px{
+  padding-right: 1.125rem;
+}
+
+.pr-25px{
+  padding-right: 1.5625rem;
+}
+
+.pr-3{
+  padding-right: 0.75rem;
+}
+
+.pr-30px{
+  padding-right: 1.875rem;
+}
+
+.pr-35px{
+  padding-right: 2.1875rem;
+}
+
+.pr-4{
+  padding-right: 1rem;
+}
+
+.pr-5{
+  padding-right: 1.25rem;
+}
+
+.pr-50px{
+  padding-right: 3.125rem;
+}
+
+.pr-6{
+  padding-right: 1.5rem;
+}
+
+.pr-7{
+  padding-right: 1.75rem;
+}
+
+.pr-8{
+  padding-right: 2rem;
+}
+
+.pt-10{
+  padding-top: 2.5rem;
+}
+
+.pt-100px{
+  padding-top: 6.25rem;
+}
+
+.pt-10px{
+  padding-top: .625rem;
+}
+
+.pt-115px{
+  padding-top: 7.1875rem;
+}
+
+.pt-140px{
+  padding-top: 8.75rem;
+}
+
+.pt-15px{
+  padding-top: .9375rem;
+}
+
+.pt-187px{
+  padding-top: 11.6875rem;
+}
+
+.pt-2{
+  padding-top: 0.5rem;
+}
+
+.pt-20{
+  padding-top: 5rem;
+}
+
+.pt-22px{
+  padding-top: 1.375rem;
+}
+
+.pt-25px{
+  padding-top: 1.5625rem;
+}
+
+.pt-3{
+  padding-top: 0.75rem;
+}
+
+.pt-30{
+  padding-top: 7.5rem;
+}
+
+.pt-300px{
+  padding-top: 18.75rem;
+}
+
+.pt-30px{
+  padding-top: 1.875rem;
+}
+
+.pt-35px{
+  padding-top: 2.1875rem;
+}
+
+.pt-3px{
+  padding-top: 3px;
+}
+
+.pt-4{
+  padding-top: 1rem;
+}
+
+.pt-5{
+  padding-top: 1.25rem;
+}
+
+.pt-50px{
+  padding-top: 3.125rem;
+}
+
+.pt-5px{
+  padding-top: .3125rem;
+}
+
+.pt-60px{
+  padding-top: 3.75rem;
+}
+
+.pt-6px{
+  padding-top: .375rem;
+}
+
+.pt-70px{
+  padding-top: 4.375rem;
+}
+
+.pt-90px{
+  padding-top: 5.625rem;
+}
+
+.pt-\[290px\]{
+  padding-top: 290px;
+}
+
+.text-center{
+  text-align: center;
+}
+
+.text-start{
+  text-align: start;
+}
+
+.text-end{
+  text-align: end;
+}
+
+.font-poppins{
+  font-family: "Poppins", sans-serif;
+}
+
+.text-10px{
+  font-size: .625rem;
+}
+
+.text-11px{
+  font-size: .6875rem;
+}
+
+.text-13px{
+  font-size: .8125rem;
+}
+
+.text-17px{
+  font-size: 1.0625rem;
+}
+
+.text-22px{
+  font-size: 1.375rem;
+}
+
+.text-25px{
+  font-size: 1.5625rem;
+}
+
+.text-26px{
+  font-size: 1.625rem;
+}
+
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.text-34px{
+  font-size: 2.125rem;
+}
+
+.text-3xl{
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.text-40px{
+  font-size: 2.5rem;
+}
+
+.text-4xl{
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-50px{
+  font-size: 3.125rem;
+}
+
+.text-65px{
+  font-size: 4.0625rem;
+}
+
+.text-6xl{
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.text-80px{
+  font-size: 5rem;
+}
+
+.text-\[110px\]{
+  font-size: 110px;
+}
+
+.text-\[12\.25px\]{
+  font-size: 12.25px;
+}
+
+.text-\[120px\]{
+  font-size: 120px;
+}
+
+.text-\[12px\]{
+  font-size: 12px;
+}
+
+.text-\[14px\]{
+  font-size: 14px;
+}
+
+.text-\[240px\]{
+  font-size: 240px;
+}
+
+.text-base{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.text-lg{
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.text-sm{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-xl{
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
+.text-xs{
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.font-bold{
+  font-weight: 700;
+}
+
+.font-extrabold{
+  font-weight: 800;
+}
+
+.font-medium{
+  font-weight: 500;
+}
+
+.font-normal{
+  font-weight: 400;
+}
+
+.font-semibold{
+  font-weight: 600;
+}
+
+.uppercase{
+  text-transform: uppercase;
+}
+
+.capitalize{
+  text-transform: capitalize;
+}
+
+.\!leading-22px{
+  line-height: 1.375rem !important;
+}
+
+.leading-1{
+  line-height: 1;
+}
+
+.leading-1\.2{
+  line-height: 1.2;
+}
+
+.leading-1\.3{
+  line-height: 1.3;
+}
+
+.leading-1\.5{
+  line-height: 1.5;
+}
+
+.leading-1\.8{
+  line-height: 1.8;
+}
+
+.leading-10{
+  line-height: 2.5rem;
+}
+
+.leading-12{
+  line-height: 3rem;
+}
+
+.leading-15px{
+  line-height: .9375rem;
+}
+
+.leading-22px{
+  line-height: 1.375rem;
+}
+
+.leading-23px{
+  line-height: 1.4375rem;
+}
+
+.leading-25px{
+  line-height: 1.5625rem;
+}
+
+.leading-30px{
+  line-height: 1.875rem;
+}
+
+.leading-5{
+  line-height: 1.25rem;
+}
+
+.leading-50px{
+  line-height: 3.125rem;
+}
+
+.leading-60px{
+  line-height: 3.75rem;
+}
+
+.leading-65px{
+  line-height: 4.0625rem;
+}
+
+.leading-9{
+  line-height: 2.25rem;
+}
+
+.leading-\[0\]{
+  line-height: 0;
+}
+
+.leading-\[70px\]{
+  line-height: 70px;
+}
+
+.tracking-\[3px\]{
+  letter-spacing: 3px;
+}
+
+.\!text-white{
+  --tw-text-opacity: 1 !important;
+  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
+}
+
+.text-black{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-color-1{
+  --tw-text-opacity: 1;
+  color: rgb(140 178 178 / var(--tw-text-opacity));
+}
+
+.text-color-7{
+  --tw-text-opacity: 1;
+  color: rgb(33 37 41 / var(--tw-text-opacity));
+}
+
+.text-green{
+  --tw-text-opacity: 1;
+  color: rgb(119 199 32 / var(--tw-text-opacity));
+}
+
+.text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.text-paragraph-color{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.text-primary-color{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.text-ratings{
+  --tw-text-opacity: 1;
+  color: rgb(255 184 0 / var(--tw-text-opacity));
+}
+
+.text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.text-white-7{
+  --tw-text-opacity: 1;
+  color: rgb(247 247 247 / var(--tw-text-opacity));
+}
+
+.underline{
+  text-decoration-line: underline;
+}
+
+.opacity-0{
+  opacity: 0;
+}
+
+.opacity-10{
+  opacity: 0.1;
+}
+
+.opacity-100{
+  opacity: 1;
+}
+
+.opacity-25{
+  opacity: 0.25;
+}
+
+.opacity-40{
+  opacity: 0.4;
+}
+
+.opacity-50{
+  opacity: 0.5;
+}
+
+.opacity-60{
+  opacity: 0.6;
+}
+
+.shadow{
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-1{
+  --tw-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --tw-shadow-colored: 0 16px 32px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-2{
+  --tw-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+  --tw-shadow-colored: 0 0 4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-3{
+  --tw-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
+  --tw-shadow-colored: 0 1px 6px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-4{
+  --tw-shadow: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
+  --tw-shadow-colored: 0 5px 20px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-box-shadow-5{
+  --tw-shadow: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
+  --tw-shadow-colored: 0 8px 16px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.outline-none{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.outline{
+  outline-style: solid;
+}
+
+.outline-4{
+  outline-width: 4px;
+}
+
+.outline-offset-\[15px\]{
+  outline-offset: 15px;
+}
+
+.outline-border-color-9{
+  outline-color: #e4ecf2;
+}
+
+.blur{
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.invert{
+  --tw-invert: invert(100%);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.filter{
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
+.transition{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-all{
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.transition-none{
+  transition-property: none;
+}
+
+.duration-200{
+  transition-duration: 200ms;
+}
+
+.duration-300{
+  transition-duration: 300ms;
+}
+
+.duration-500{
+  transition-duration: 500ms;
+}
+
+.duration-700{
+  transition-duration: 700ms;
+}
+
+/*============= vaiables =============*/
+
+:root {
+  /* colors */
+  --white: #fff;
+  --primary-color: #000000;
+  --secondary-color: #ff5a3c;
+  --color-1: #8cb2b2;
+  --heading-color: #071c1f;
+  --paragraph-color: #5c727d;
+  --heading-font: "Poppins", sans-serif;
+  --body-font: "Nunito Sans", sans-serif;
+  --border-color-1: #e5eaee;
+  --section-bg-1: #f2f6f7;
+  --section-bg-2: #171b2a;
+  --border-color-9: #e4ecf2;
+  /* shadows */
+  --box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
+  --box-shadow-8: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
+  /* position */
+  --left--5:-5px;
+  --left-auto:auto;
+  --left-3-per: 3%;
+  --left-10-per: 10%;
+  --left-15-per: 15%;
+  --left-half: 50%;
+  --right--14:-14px;
+  --right--20:-20px;
+  --right-16:16px;
+  --right-20:20px;
+  --right-100:100px;
+  --right-1-per:1%;
+  --right-3-per:3%;
+  --right-8-per:8%;
+  --right-15-per:15%;
+  --right-half: 50%;
+  /* transform */
+  --x--6: translateX(-6px);
+  --x--10:translateX(-10px);
+  --x--30:translateX(-30px);
+  --x--37:translateX(-37px);
+  --x--40:translateX(-40px);
+  --x--50:translateX(-50px);
+  --x--60:translateX(-60px);
+  --x--half:translateX(-50%);
+  --x-6:translateX(6px);
+  --x-10:translateX(10px);
+  --x-30:translateX(30px);
+  --x-37:translateX(37px);
+  --x-40:translateX(40px);
+  --x-50:translateX(50px);
+  --x-60:translateX(60px);
+  --x-half:translateX(50%);
+  --x-3d-half:translate3d(-50%, -50%, 0);
+}
+
+[dir="rtl"]  {
+  /* position */
+  --left--5:5px;
+  --left-auto:auto;
+  --left-3-per: -3%;
+  --left-10-per: -10%;
+  --left-15-per: -15%;
+  --left-half: -50%;
+  --right--14: 14px;
+  --right--20: 20px;
+  --right-16: -16px;
+  --right-20: -20px;
+  --right-100: -100px;
+  --right-1-per: -1%;
+  --right-3-per: -3%;
+  --right-8-per: -8%;
+  --right-15-per: -15%;
+  --righ-half: -50%;
+  /* transform */
+  --x--6: translateX(6px);
+  --x--10:translateX(10px);
+  --x--30:translateX(30px);
+  --x--37:translateX(37px);
+  --x--40:translateX(40px);
+  --x--50:translateX(50px);
+  --x--60:translateX(60px);
+  --x--half:translateX(50%);
+  --x-6:translateX(-6px);
+  --x-10:translateX(-10px);
+  --x-30:translateX(-30px);
+  --x-37:translateX(-37px);
+  --x-40:translateX(-40px);
+  --x-50:translateX(-50px);
+  --x-60:translateX(-60px);
+  --x-half:translateX(-50%);
+  --x-3d-half:translate3d(50%, -50%, 0);
+}
+
+/*============= default style =============*/
+
+/* typography */
+
+body {
+  color: var(--paragraph-color);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  font-family: var(--body-font);
+  line-height: 1.8;
+  z-index: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--heading-color);
+  clear: both;
+  font-family: var(--heading-font);
+  font-weight: 700;
+  line-height: 1.3;
+  margin-bottom: 15px;
+}
+
+h1 {
+  font-size: 24px;
+}
+
+h2 {
+  font-size: 20px;
+}
+
+h3 {
+  font-size: 18px;
+}
+
+h4 {
+  font-size: 17px;
+}
+
+h5 {
+  font-size: 16px;
+}
+
+h6 {
+  font-size: 14px;
+}
+
+a,
+button,
+input,
+span {
+  display: inline-block;
+}
+
+p {
+  color: var(--paragraph-color);
+  font-size: 14px;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  color: var(--paragraph-color);
+  transition: all 0.3s ease 0s;
+  display: inline-block;
+}
+
+a,
+a:hover,
+a:focus,
+a:active {
+  text-decoration: none;
+  outline: none;
+  color: inherit;
+}
+
+a:hover {
+  color: var(--secondary-color);
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: var(--body-font);
+  transition: all 0.3s ease 0s;
+}
+
+pre,
+code,
+kbd,
+tt,
+var,
+samp {
+  font-family: var(--body-font);
+}
+
+h1 button,
+h2 button,
+h3 button,
+h4 button,
+h5 button,
+h6 button {
+  font-family: var(--heading-font);
+  line-height: 1.5;
+}
+
+pre {
+  word-break: break-word;
+}
+
+a i {
+  padding: 0 2px;
+}
+
+img {
+  max-width: 100%;
+}
+
+/*============= header =============*/
+
+.sticky-header.active {
+  display: none;
+}
+
+.sticky-secondary.active {
+  background: var(--heading-color);
+}
+
+.sticky-header.active .container {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.sticky-secondary.active .container {
+  padding-top: 17px;
+  padding-bottom: 17px;
+}
+
+.sticky-header.active .navbar-container {
+  justify-content: space-between;
+}
+
+.sticky-header.active .header-logo {
+  display: block;
+}
+
+.sticky-header.active .navbar {
+  justify-content: flex-end;
+}
+
+.mobile-menu-container.active .drawer {
+  left: 0;
+}
+
+[dir="rtl"] .mobile-menu-container.active .drawer {
+  right: 0;
+  left: auto;
+}
+
+.cart-container.active .drawer {
+  right: 0;
+}
+
+[dir="rtl"] .cart-container.active .drawer {
+  left: 0;
+  right: auto;
+}
+
+.drawer-container.active .drawer-overlay {
+  opacity: 0.4;
+  visibility: visible;
+  z-index: 999999;
+}
+
+.language::before {
+  content: "\e911";
+  font-size: 14px;
+  position: absolute;
+  top: 36%;
+  right: var(right--14);
+  transform: translateY(-50%);
+  font-family: "icomoon";
+  color: var(--secondary-color);
+}
+
+[dir="rtl"] .language::before {
+  left: -14px;
+}
+
+/* mobile menu */
+
+.show-drawer svg {
+  position: absolute;
+  top: 50%;
+  left: var(--left-half);
+  width: 50px;
+  height: 60px;
+  margin-top: -2px;
+  margin-left: -2px;
+  cursor: pointer;
+  transform: var(--x-3d-half);
+}
+
+.show-drawer svg path {
+  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
+    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
+  fill: none;
+  stroke: #333;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke-width: 30px;
+}
+
+.show-drawer svg path#top,
+.show-drawer svg path#bottom {
+  stroke-dasharray: 240px 950px;
+}
+
+.show-drawer svg path#middle {
+  stroke-dasharray: 240px 240px;
+}
+
+.show-drawer .close svg path#top,
+.show-drawer .close svg path#bottom {
+  stroke-dasharray: -650px;
+  stroke-dashoffset: -650px;
+}
+
+.show-drawer .close svg path#middle {
+  stroke-dasharray: 1px 220px;
+  stroke-dashoffset: -115px;
+}
+
+/*============= banner =============*/
+
+.breadcrumb .home::after {
+  position: absolute;
+  content: "\f054";
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  font-size: 10px;
+  right: var(--right--20);
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+[dir="rtl"] .breadcrumb .home::after {
+  left: -20px;
+  right: auto;
+  content: "\f053";
+}
+
+/* search form */
+
+.search-form-container.active .search-form {
+  height: 90px;
+}
+
+.search-form-container.active .for-search-show {
+  display: none;
+}
+
+.search-form-container.active .for-search-close {
+  display: block;
+}
+
+/*============= scrollbar  =============*/
+
+/* width */
+
+.drawer ::-webkit-scrollbar {
+  width: 2px;
+}
+
+/* Track */
+
+.drawer ::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+/* Handle */
+
+.drawer ::-webkit-scrollbar-thumb {
+  background: #dedede;
+}
+
+/*============= swiper slider  =============*/
+
+.swiper-container .swiper-button-prev::after,
+.swiper-container .swiper-button-next::after {
+  display: none;
+}
+
+.swiper-container .swiper-button-prev,
+.swiper-container .swiper-button-next {
+  width: 50px;
+  height: 50px;
+  border-radius: 100%;
+  text-align: center;
+  z-index: 9999 !important;
+  border: 1px solid var(--border-color-1);
+  color: var(--primary-color);
+  font-size: 20px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s;
+}
+
+.swiper-container .swiper-button-prev {
+  transform: translateX(0);
+}
+
+.swiper-container .swiper-button-next {
+  transform: translateX(0);
+}
+
+.swiper-container:hover .swiper-button-prev {
+  transform: var(--x-6);
+}
+
+.swiper-container:hover .swiper-button-next {
+  transform: var(--x--6);
+}
+
+.swiper-container:hover .swiper-button-prev,
+.swiper-container:hover .swiper-button-next {
+  opacity: 100;
+  visibility: visible;
+}
+
+.swiper-container .swiper-button-prev:hover,
+.swiper-container .swiper-button-next:hover {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+
+.swiper-container .swiper-pagination,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  position: absolute;
+  bottom: 40px;
+}
+
+.swiper-pagination-bullet {
+  width: 10px;
+  height: 10px;
+  transition: 0.3s;
+}
+
+.home-3 .swiper-pagination-bullet {
+  background: white;
+  opacity: 0.6;
+}
+
+.swiper-pagination-bullet:hover {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  opacity: 1;
+}
+
+.home-3 .swiper-pagination-bullet-active,
+.swiper-pagination-bullet-active {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  margin-bottom: -2px !important;
+}
+
+/* hero slider */
+
+.hero-slider-container .swiper-button-prev,
+.hero-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 1px;
+}
+
+.hero-slider-container .swiper-button-prev {
+  transform: var(--x-30);
+}
+
+.hero-slider-container .swiper-button-next {
+  transform: var(--x--30);
+}
+
+.hero-slider-container:hover .swiper-button-prev {
+  transform: var(--x-10);
+}
+
+.hero-slider-container:hover .swiper-button-next {
+  transform: var(--x--10);
+}
+
+.hero-slider2 .swiper-button-prev,
+.hero-slider2 .swiper-button-next {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  color: var(--paragraph-color);
+  background-color: var(--section-bg-1);
+  font-size: 14px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  border: none;
+  transition: all 0.3s;
+  position: relative;
+}
+
+.hero-slider2 .swiper-button-next {
+  right: 0;
+}
+
+[dir="rtl"] .hero-slider2 .swiper-button-next {
+  left: 0;
+}
+
+.hero-slider2:hover .swiper-button-prev,
+.hero-slider2:hover .swiper-button-next {
+  transform: translate(0);
+}
+
+.hero-slider2 .swiper-button-prev:hover,
+.hero-slider2 .swiper-button-next:hover {
+  background: var(--section-bg-1);
+  color: var(--secondary-color);
+}
+
+/* .hero-slider2-tumbs_slider .swiper-wrapper {
+  max-width: calc(100%);
+}
+.hero-slider2-tumbs_slider .swiper-slide {
+  width: calc((100% / 3));
+} */
+
+/* testimonials slider*/
+
+.testimonial-quote-menu {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  z-index: 10;
+}
+
+.testimonial-quote-menu2 {
+  z-index: 9;
+  display: none;
+}
+
+.testimonial-quote-menu li img {
+  position: absolute;
+  cursor: pointer;
+}
+
+.testimonial-quote-menu li:nth-child(1) img {
+  width: 105px;
+  top: -14%;
+  left: var(--left--5);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1) img {
+  right: -5px;
+}
+
+.testimonial-quote-menu li:nth-child(2) img {
+  width: 65px;
+  top: -15px;
+  left: auto;
+  right: var(--right-1-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2) img {
+  right: auto;
+  left: 1%;
+}
+
+.testimonial-quote-menu li:nth-child(3) img {
+  width: 65px;
+  top: 69.23%;
+  left: var(--left-10-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3) img {
+  left: auto;
+  right: 10%;
+}
+
+.testimonial-quote-menu li:nth-child(4) img {
+  width: 125px;
+  top: 58.1%;
+  left: auto;
+  right: var(--right-8-per);
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4) img {
+  right: auto;
+  left: 8%;
+}
+
+.testimonial-quote-menu li:nth-child(5) img {
+  width: 75px;
+  top: 40%;
+  left: var(--left-3-per);
+}
+
+[dir="rtl"]  .testimonial-quote-menu li:nth-child(5) img {
+  right: 3%;
+}
+
+.testimonial-quote-menu li:nth-child(6) img {
+  width: 75px;
+  top: 25%;
+  left: auto;
+  right: var(--right-15-per);
+}
+
+[dir="rtl"]  
+.testimonial-quote-menu li:nth-child(7) img {
+  right: 15%;
+}
+
+.testimonial-quote-menu li:nth-child(8) img {
+  width: 55px;
+  top: 40%;
+  left: auto;
+  right: var(--right-3-per);
+}
+
+[dir="rtl"]  
+
+.testimonial-quote-menu2 li img {
+  width: 125px !important;
+  visibility: hidden;
+  opacity: 0;
+}
+
+.testimonial-quote-menu2 li.active img {
+  opacity: 0.8;
+  visibility: visible;
+  z-index: 10000000;
+}
+
+.testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7 0.3s ease-in-out;
+}
+
+.testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7_rtl 0.3s ease-in-out;
+}
+
+[dir="rtl"] .testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8_rtl 0.3s ease-in-out;
+}
+
+@keyframes imgAnimation1 {
+  0% {
+    top: -14%;
+    left: var(--left--5);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation2 {
+  0% {
+    top: -15px;
+    left: auto;
+    right: var(--right-1-per);
+  }
+
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation3 {
+  0% {
+    top: 70%;
+    left: var(--left-10-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation4 {
+  0% {
+    top: 58%;
+    left: auto;
+    right: var(--right-8-per);
+  }
+
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation5 {
+  0% {
+    top: 40%;
+    left: var(--left-3-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation6 {
+  0% {
+    top: 25%;
+    right: var(--right-15-per);
+  }
+
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation7 {
+  0% {
+    top: 20%;
+    left: var(--left-15-per);
+  }
+
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation8 {
+  0% {
+    top: 40%;
+    right: var(--right-3-per);
+  }
+
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation1_rtl {
+  0% {
+    top: -14%;
+    right: -5px;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation2_rtl {
+  0% {
+    top: -15px;
+    left: 1%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation3_rtl {
+  0% {
+    top: 70%;
+    right: 10%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation4_rtl {
+  0% {
+    top: 58%;
+    left: 8%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation5_rtl {
+  0% {
+    top: 40%;
+    right: 3%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation6_rtl {
+  0% {
+    top: 25%;
+    left: 15%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+@keyframes imgAnimation7_rtl {
+  0% {
+    top: 20%;
+    right: 15%;
+  }
+
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+
+@keyframes imgAnimation8_rtl {
+  0% {
+    top: 40%;
+    left: 3%;
+  }
+
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+
+/* upcoming project slider */
+
+.upcoming-project-slider-container .swiper-button-prev,
+.upcoming-project-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 0;
+  bottom: auto;
+  left: auto;
+  top: -97px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  font-size: 16px;
+}
+
+.upcoming-project-slider-container:hover .swiper-button-prev,
+.upcoming-project-slider-container:hover .swiper-button-next {
+  transform: translate(0);
+}
+
+.upcoming-project-slider-container .swiper-button-prev {
+  right: var(--right-100);
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+  color: white;
+}
+
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-prev {
+  left: 100px;
+  right: auto
+}
+
+.upcoming-project-slider-container .swiper-button-next {
+  right: var(--right-16);
+}
+
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-next {
+  left: 16px;
+  right: auto;
+}
+
+/* neibour slider */
+
+.neighbour-slider-tumbs_slider .swiper-slide-thumb-active {
+  opacity: 0.6;
+}
+
+/* portfolio slider */
+
+.portfolio-slider-container:hover .swiper-button-prev {
+  transform: var(--x-37);
+}
+
+.portfolio-slider-container:hover .swiper-button-next {
+  transform: var(--x--37);
+}
+
+/*============= Slider Animation   =============*/
+
+.slide-animation {
+  position: relative;
+  z-index: 9;
+}
+
+.slide-animation > * {
+  opacity: 0;
+  visibility: hidden;
+  animation-name: fadeOutUp;
+}
+
+.slide-animation > *:nth-child(1) {
+  animation-delay: 0.5s;
+  animation-duration: 0.5s;
+}
+
+.slide-animation > *:nth-child(2) {
+  animation-delay: 1s;
+  animation-duration: 1s;
+}
+
+.slide-animation > *:nth-child(3) {
+  animation-delay: 1.5s;
+  animation-duration: 1.5s;
+}
+
+.slide-animation > *:nth-child(4) {
+  animation-delay: 2s;
+  animation-duration: 2s;
+}
+
+.slide-animation > *:nth-child(5) {
+  animation-delay: 2.5s;
+  animation-duration: 2.5s;
+}
+
+.slide-animation > *:nth-child(6) {
+  animation-delay: 3s;
+  animation-duration: 3s;
+}
+
+.slide-animation > *:nth-child(7) {
+  animation-delay: 3.5s;
+  animation-duration: 3.5s;
+}
+
+.slide-animation > *:nth-child(8) {
+  animation-delay: 4s;
+  animation-duration: 4s;
+}
+
+.slide-animation > *:nth-child(9) {
+  animation-delay: 4.5s;
+  animation-duration: 4.5s;
+}
+
+.slide-animation > *:nth-child(11) {
+  animation-delay: 5s;
+  animation-duration: 5s;
+}
+
+.swiper-slide-active .slide-animation > *,
+.slide-animation-active .slide-animation > * {
+  opacity: 1;
+  visibility: visible;
+  animation-name: fadeInUp;
+}
+
+/*============= accordion   =============*/
+
+.neighbour-accordion .active button span {
+  background: var(--secondary-color);
+}
+
+/*============= nice select    =============*/
+
+.nice-select {
+  margin: 0;
+  height: 60px;
+  line-height: 58px;
+  padding-right: 40px;
+  padding-left: 20px;
+  border-radius: 0;
+  min-width: 200px;
+  font-size: 16px;
+  font-weight: 500;
+  font-family: var(--heading-font);
+  width: 100%;
+  color: #000000;
+}
+
+[dir="rtl"] .nice-select {
+  text-align: right!important;
+  direction: rtl!important;
+  padding-right: 20px!important;
+  padding-left:  40px !important;
+}
+
+[dir="rtl"] .nice-select::after {
+  right: auto;
+  left:12px;
+}
+
+.nice-select .list {
+  width: 100%;
+  z-index: 99;
+  max-height: 250px;
+  overflow-y: auto;
+}
+
+.nice-select .option {
+  line-height: 48.8px;
+}
+
+[dir="rtl"] .nice-select .option{
+  text-align: right;
+  padding-left: 29px;
+  padding-right: 18px;
+}
+
+.form-primary .nice-select {
+  font-family: var(--body-font);
+  height: 65px;
+  border: 2px solid var(--border-color-9);
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--paragraph-color);
+  padding: 0 38px 0 18px;
+}
+
+.form-loacation .nice-select {
+  min-width: 300px;
+}
+
+.form-primary .nice-select .list {
+  max-height: 400px;
+}
+
+.form-primary .nice-select .option {
+  line-height: 45.2px;
+}
+
+.property-form .nice-select {
+  min-width: 190px;
+  height: 50px;
+  border-color: #ededed;
+  line-height: 50px;
+}
+
+.add-property-form .nice-select {
+  min-width: auto;
+}
+
+.form-primary .nice-select::before {
+  content: "\f063";
+  font-size: 14px;
+  position: absolute;
+  top: 50%;
+  right: var(--right-20);
+  transform: translateY(-50%);
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  color: var(--secondary-color);
+}
+
+[dir="rtl"] .form-primary .nice-select::before {
+  right: auto;
+  left: 20px;
+}
+
+.form-primary .nice-select::after {
+  display: none;
+}
+
+.property-form .nice-select::after {
+  display: block;
+}
+
+.hero-form .nice-select {
+  color: var(--paragraph-color);
+}
+
+.hero-form .nice-select::before {
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  margin-right: 10px;
+  color: var(--secondary-color);
+}
+
+.property-form .nice-select::before {
+  display: none;
+}
+
+.hero-form .apartment-select::before {
+  content: "\f073";
+}
+
+.hero-form .location-select::before {
+  content: "\f1b9";
+}
+
+.hero-form .sub-location-select::before {
+  content: "\f3fd";
+}
+
+.hero-form .bedrooms-select::before {
+  content: "\f1cd";
+}
+
+[dir="rtl"]  .hero-form .selectize::before{
+  margin-right: 0;
+  margin-left: 15px;
+}
+
+/*=============  nice checkbox =============*/
+
+.checkmark.active {
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+}
+
+.checkmark.active::after {
+  opacity: 1;
+}
+
+/*============= range    =============*/
+
+.range-slider .slider {
+  height: 8px;
+  background-color: white;
+  overflow: visible;
+}
+
+.range-slider .progress {
+  height: 8px;
+  background-color: var(--secondary-color);
+  border-radius: 20px;
+  position: relative;
+  overflow: visible;
+}
+
+.range input::-webkit-slider-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+
+/* Internet Explorer */
+
+input[type="range"]::-ms-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+
+.range input:nth-child(2)::-webkit-slider-thumb {
+  position: relative;
+  overflow: visible;
+}
+
+/* .range input:nth-child(2)::-webkit-slider-thumb::after {
+  content: url("../img/icons/car.png");
+  width: 125px !important;
+  height: 50px;
+  position: absolute;
+  right: -111px;
+  top: -10px;
+  transform: translateY(-40%);
+} */
+
+/* .range input:nth-child(2)::-moz-range-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border: none;
+  border-radius: 0;
+  position: relative;
+} */
+
+.range input:nth-child(2)::-webkit-slider-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border-radius: 0;
+  transform: translate(6px);
+}
+
+/*============= service cards    =============*/
+
+.service-cards .service-card.active .hover-line {
+  width: 100% !important;
+}
+
+.service-cards .service-card.active .find-service {
+  color: var(--secondary-color);
+}
+
+.service-cards .service-card-2.active > div {
+  box-shadow: var(--box-shadow-1);
+}
+
+/*============= tab  =============*/
+
+.plan-tab .active {
+  border-color: var(--secondary-color);
+  color: var(--secondary-color);
+}
+
+.plan-tab .active::after {
+  background-color: var(--secondary-color);
+}
+
+.hero-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+}
+
+.property-tab .tab-links .active button {
+  color: var(--secondary-color);
+}
+
+/* my account */
+
+.account-tab .tab-links .active button {
+  background: var(--section-bg-2);
+  color: white;
+}
+
+/* history */
+
+.history-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+
+/*============= popup gallery =============*/
+
+.goverlay {
+  background: var(--section-bg-2);
+  opacity: 0.9;
+}
+
+.gcontainer {
+  cursor: pointer;
+}
+
+.gslide-media {
+  margin: 0 50px;
+}
+
+.gslide-count {
+  font-size: 11px;
+  color: #8cb2b2;
+}
+
+.plyr__control--overlaid {
+  border-radius: 15px;
+  background: red !important;
+  padding: 15px 25px;
+}
+
+.plyr--video .plyr__control:hover {
+  background: red;
+}
+
+.plyr--full-ui input[type="range"] {
+  color: red;
+}
+
+.plyr--full-ui input[type="range"]:last-child {
+  color: white;
+}
+
+.gprev,
+.gnext,
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+  border: 1px solid white;
+  border-radius: 100% !important;
+  background: transparent;
+  opacity: 0.5;
+}
+
+.glightbox-clean .gnext,
+.glightbox-clean .gprev {
+  top: 90%;
+}
+
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+}
+
+.gprev:hover,
+.gnext:hover,
+.gclose:hover {
+  box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
+  opacity: 1;
+}
+
+.glightbox-clean button {
+  background: transparent;
+}
+
+.gprev svg,
+.gnext svg,
+.gclose svg {
+  width: 10px;
+  height: auto;
+}
+
+.gclose svg {
+  width: 10px !important;
+  height: auto;
+}
+
+.gslide-inline {
+  overflow: visible;
+  background-color: transparent;
+}
+
+.gslide-inline .ginlined-content {
+  background-color: white;
+  overflow: auto;
+}
+
+.gslide-external {
+  overflow: visible;
+  background-color: transparent;
+}
+
+/*=============  scroll up =============*/
+
+.scroll-up {
+  opacity: 0;
+  visibility: hidden;
+  z-index: -1;
+  transition: all 0.3s;
+}
+
+.scroll-up.active {
+  opacity: 1;
+  visibility: visible;
+  z-index: 99999;
+}
+
+/*=============  brands =============*/
+
+.brands .glightbox2:hover {
+  outline: outset;
+}
+
+/* letest appartment */
+
+/* .apart-card .card-quick-area.active {
+  top: 150px;
+} */
+
+/* portfolio filter */
+
+.filter-controllers .is-checked {
+  background-color: var(--primary-color);
+  color: white;
+}
+
+/*============= Google Map Locations  ============= */
+
+.google-map-locations-area #gmap {
+  height: 90vh;
+}
+
+.google-map-locations-area #gmap .gm-ui-hover-effect {
+  top: 0 !important;
+  right: 0 !important;
+}
+
+[dir="rtl"] .google-map-locations-area #gmap .gm-ui-hover-effect {
+  left: 0 !important;
+}
+
+.google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 8px 25px 25px ;
+  border-radius: 0;
+}
+
+[dir="rtl"] .google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 25px 25px 8px !important;
+  border-radius: 0;
+}
+
+.map-item {
+  padding: 30px 25px 35px;
+  box-shadow: var(--box-shadow-4);
+}
+
+.map-item .location-name {
+  border-bottom: 2px solid var(--border-color-1);
+  margin-bottom: 25px;
+  color: var(--secondary-color);
+  font-size: 20px;
+}
+
+.map-item .location-single-info {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.map-item .location-single-info i {
+  margin-right: 10px;
+  background: var(--secondary-color);
+  color: var(--white);
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+}
+
+.map-item .btn-wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+.map-item .btn {
+  padding: 10px 10px;
+  font-size: 13px;
+  margin-right: 10px;
+}
+
+.google-map-locations-list-area .map-item {
+  margin-bottom: 50px;
+}
+
+.location-search h3 {
+  float: left;
+  margin-right: 30px;
+  margin-bottom: 0;
+  line-height: 63px;
+  color: var(--white);
+}
+
+.location-search .input-item {
+  float: left;
+  width: 300px;
+}
+
+.location-search form {
+  padding: 50px 50px 20px;
+  background-color: var(--secondary-color);
+}
+
+.state-location-title {
+  padding: 15px 30px;
+  background-color: var(--secondary-color);
+  color: var(--white);
+  margin: 50px 0;
+}
+
+.map-product-item {
+  max-width: 260px;
+}
+
+.map-product-item img {
+  max-width: 100%;
+  margin-bottom: 25px;
+}
+
+.map-product-item .map-product-title {
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.map-product-item .map-product-price {
+  color: var(--secondary-color);
+}
+
+.map-product-item .map-product-location {
+  font-weight: 500;
+}
+
+.map-product-item .map-product-location i {
+  color: var(--secondary-color);
+  margin-right: 2px;
+}
+
+.map-product-item .map-product-info {
+  font-weight: 500;
+}
+
+.map-product-item .map-product-info span {
+  margin-right: 10px;
+}
+
+.gmap_controls .dropdown {
+  color: var(--primary-color);
+  outline: 1px solid var(--primary-color);
+}
+
+.gmap_controls .dropdown:focus {
+  outline-color: rgba(0, 0, 0, 0.2);
+}
+
+/*=============  Price Filter Widget ============= */
+
+.price_filter {
+  padding-bottom: 13px;
+}
+
+.price_slider_amount {
+  overflow: hidden;
+}
+
+.price_slider_amount > input[type="text"],
+.price_slider_amount > input[type="submit"] {
+  background: transparent none repeat scroll 0 0;
+  border: medium none;
+  box-shadow: none;
+  float: left;
+  height: 25px;
+  padding: 0;
+  text-align: left;
+  width: 140px;
+  margin-bottom: 20px;
+}
+
+.price_slider_amount > input[type="text"]:focus
+{
+  border: 0;
+  outline: none;
+}
+
+[dir="rtl"] .price_slider_amount > input[type="text"],
+[dir="rtl"] .price_slider_amount > input[type="submit"] {
+  float: right;
+  text-align: right;
+}
+
+.price_slider_amount > input[type="text"] {
+  font-weight: 700;
+}
+
+.price_filter .ui-widget-content {
+  background-color: var(--primary-color);
+  border: medium none;
+  color: #222;
+  height: 3px;
+  width: 98%;
+  background-image: none;
+}
+
+.price_filter .ui-slider .ui-slider-range {
+  background-color: var(--secondary-color);
+  background-image: none;
+}
+
+.price_filter .ui-state-default,
+.price_filter .ui-widget-content .ui-state-default,
+.price_filter .ui-widget-header .ui-state-default {
+  background-color: var(--secondary-color);
+  border: medium none;
+  border-radius: 100%;
+  height: 12px;
+  margin-left: 0;
+  margin-top: -6px;
+  top: 50%;
+  width: 12px;
+  background-image: none;
+  outline: none;
+}
+
+.car-price-filter-range .price_filter .ui-widget-content {
+  height: 8px;
+  background-color: var(--white);
+  margin-top: 20px;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::before {
+  position: absolute;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::after {
+  position: absolute;
+  content: "";
+  top: -30px;
+  left: var(--left--5);
+  background-image: url(../img/icons/car.png);
+  z-index: 99;
+  width: 125px;
+  height: 50px;
+  background-repeat: no-repeat;
+  display: none;
+}
+
+.car-price-filter-range .price_slider_amount > input[type="text"],
+.car-price-filter-range .price_slider_amount > input[type="submit"] {
+  font-weight: 700;
+  margin-bottom: 0px;
+}
+
+/* 
+/*============= responsiveness =============*/
+
+/* tablet  */
+
+@media (min-width: 768px) {
+  /* default */
+
+  body {
+    font-size: 16px;
+    line-height: 1.8;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1 {
+    font-size: 26px;
+  }
+
+  h2 {
+    font-size: 22px;
+  }
+
+  h3 {
+    font-size: 20px;
+  }
+
+  h4 {
+    font-size: 18px;
+  }
+
+  h5 {
+    font-size: 16px;
+  }
+
+  h6 {
+    font-size: 15px;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  .glightbox-clean .gbtn:hover {
+    background: transparent;
+  }
+
+  .plyr__control--overlaid {
+    background: red !important;
+  }
+
+  .gslide-media {
+    margin: 0 50px;
+  }
+
+  .gprev,
+  .gnext,
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+
+  .glightbox-clean .gnext,
+  .glightbox-clean .gprev {
+    top: 45%;
+  }
+
+  .gprev svg,
+  .gnext svg,
+  .gclose svg {
+    width: 18px;
+    height: auto;
+  }
+
+  .gclose svg {
+    width: 13px !important;
+    height: auto;
+  }
+
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+
+  /* range */
+
+  .car-price-filter-range .price_filter .ui-state-default:last-child::after {
+    display: block;
+  }
+}
+
+/* desktop normal */
+
+@media (min-width: 992px) {
+  /* default */
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1 {
+    font-size: 30px;
+  }
+
+  h2 {
+    font-size: 26px;
+  }
+
+  h3 {
+    font-size: 22px;
+  }
+
+  h4 {
+    font-size: 20px;
+  }
+
+  h5 {
+    font-size: 18px;
+  }
+
+  h6 {
+    font-size: 16px;
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.8 !important;
+  }
+
+  .sticky-header.active {
+    display: block;
+    box-shadow: var(--box-shadow-8);
+  }
+
+  .swiper-container:hover .product-details-slider .swiper-button-prev,
+  .swiper-container:hover .news-single-slider .swiper-button-prev {
+    transform: var(--x-40);
+  }
+
+  .swiper-container:hover .product-details-slider .swiper-button-next,
+  .swiper-container:hover .news-single-slider .swiper-button-next {
+    transform: var(--x--40);
+  }
+
+  .testimonial-quote-menu2 {
+    display: block;
+  }
+}
+
+/*  desktop xl */
+
+@media screen and (min-width: 1200px) {
+  /* default */
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  h1,
+  .h1 {
+    font-size: 36px;
+  }
+
+  h2,
+  .h2 {
+    font-size: 30px;
+  }
+
+  h3,
+  .h3 {
+    font-size: 24px;
+  }
+
+  h4,
+  .h4 {
+    font-size: 20px;
+  }
+
+  h5,
+  .h5 {
+    font-size: 18px;
+  }
+
+  h6,
+  .h6 {
+    font-size: 16px;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* sticky header */
+
+  .sticky-header.active .container {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+/*  desktop xxxl */
+
+@media screen and (min-width: 1400px) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* swiper slider */
+
+  .swiper-container:hover .swiper-button-prev {
+    transform: var(--x--60);
+  }
+
+  .swiper-container:hover .swiper-button-next {
+    transform: var(--x-60);
+  }
+
+  .hero-slider-container:hover .swiper-button-prev {
+    transform: var(--x-50);
+  }
+
+  .hero-slider-container:hover .swiper-button-next {
+    transform: var(--x--50);
+  }
+
+  .hero-slider2 .swiper-button-prev,
+  .hero-slider2 .swiper-button-next {
+    transform: translate(0);
+  }
+
+  .hero-slider2 .swiper-button-next {
+    right: 0;
+  }
+
+  [dir="rtl"] .hero-slider2 .swiper-button-next {
+    left: 0;
+  }
+
+  .hero-slider2:hover .swiper-button-prev,
+  .hero-slider2:hover .swiper-button-next {
+    transform: translate(0);
+  }
+
+  /* upcoming project slider */
+
+  .upcoming-project-slider-container:hover .swiper-button-prev,
+  .upcoming-project-slider-container:hover .swiper-button-next {
+    transform: translate(0);
+  }
+
+  /* portfolio slider */
+
+  .portfolio-slider-container:hover .swiper-button-prev {
+    transform: var(--x-37);
+  }
+
+  .portfolio-slider-container:hover .swiper-button-next {
+    transform: var(--x--37);
+  }
+}
+
+.placeholder\:text-sm::-moz-placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.placeholder\:text-sm::placeholder{
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.placeholder\:text-heading-color::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-heading-color::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-paragraph-color::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-paragraph-color::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-white::-moz-placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-white::placeholder{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.placeholder\:text-opacity-50::-moz-placeholder{
+  --tw-text-opacity: 0.5;
+}
+
+.placeholder\:text-opacity-50::placeholder{
+  --tw-text-opacity: 0.5;
+}
+
+.placeholder\:text-opacity-60::-moz-placeholder{
+  --tw-text-opacity: 0.6;
+}
+
+.placeholder\:text-opacity-60::placeholder{
+  --tw-text-opacity: 0.6;
+}
+
+.placeholder\:text-opacity-85::-moz-placeholder{
+  --tw-text-opacity: 0.85;
+}
+
+.placeholder\:text-opacity-85::placeholder{
+  --tw-text-opacity: 0.85;
+}
+
+.placeholder\:opacity-100::-moz-placeholder{
+  opacity: 1;
+}
+
+.placeholder\:opacity-100::placeholder{
+  opacity: 1;
+}
+
+.placeholder\:opacity-50::-moz-placeholder{
+  opacity: 0.5;
+}
+
+.placeholder\:opacity-50::placeholder{
+  opacity: 0.5;
+}
+
+.placeholder\:opacity-60::-moz-placeholder{
+  opacity: 0.6;
+}
+
+.placeholder\:opacity-60::placeholder{
+  opacity: 0.6;
+}
+
+.placeholder\:opacity-70::-moz-placeholder{
+  opacity: 0.7;
+}
+
+.placeholder\:opacity-70::placeholder{
+  opacity: 0.7;
+}
+
+.before\:absolute::before{
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.before\:relative::before{
+  content: var(--tw-content);
+  position: relative;
+}
+
+.before\:left-0::before{
+  content: var(--tw-content);
+  left: 0px;
+}
+
+.before\:left-1\/2::before{
+  content: var(--tw-content);
+  left: 50%;
+}
+
+.before\:right-0::before{
+  content: var(--tw-content);
+  right: 0px;
+}
+
+.before\:top-0::before{
+  content: var(--tw-content);
+  top: 0px;
+}
+
+.before\:top-1\/2::before{
+  content: var(--tw-content);
+  top: 50%;
+}
+
+.before\:top-\[-46\%\]::before{
+  content: var(--tw-content);
+  top: -46%;
+}
+
+.before\:top-\[5px\]::before{
+  content: var(--tw-content);
+  top: 5px;
+}
+
+.before\:-z-1::before{
+  content: var(--tw-content);
+  z-index: -1;
+}
+
+.before\:mb-10px::before{
+  content: var(--tw-content);
+  margin-bottom: .625rem;
+}
+
+.before\:block::before{
+  content: var(--tw-content);
+  display: block;
+}
+
+.before\:hidden::before{
+  content: var(--tw-content);
+  display: none;
+}
+
+.before\:h-0::before{
+  content: var(--tw-content);
+  height: 0px;
+}
+
+.before\:h-0\.5::before{
+  content: var(--tw-content);
+  height: 0.125rem;
+}
+
+.before\:h-1::before{
+  content: var(--tw-content);
+  height: 0.25rem;
+}
+
+.before\:h-\[72\%\]::before{
+  content: var(--tw-content);
+  height: 72%;
+}
+
+.before\:h-\[84px\]::before{
+  content: var(--tw-content);
+  height: 84px;
+}
+
+.before\:h-full::before{
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.before\:w-0::before{
+  content: var(--tw-content);
+  width: 0px;
+}
+
+.before\:w-0\.5::before{
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
+.before\:w-1::before{
+  content: var(--tw-content);
+  width: 0.25rem;
+}
+
+.before\:w-full::before{
+  content: var(--tw-content);
+  width: 100%;
+}
+
+.before\:-translate-x-1\/2::before{
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.before\:-translate-y-1\/2::before{
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.before\:border-b::before{
+  content: var(--tw-content);
+  border-bottom-width: 1px;
+}
+
+.before\:border-dashed::before{
+  content: var(--tw-content);
+  border-style: dashed;
+}
+
+.before\:border-color-1::before{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(140 178 178 / var(--tw-border-opacity));
+}
+
+.before\:border-white::before{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.before\:bg-heading-color::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.before\:bg-overlay2::before{
+  content: var(--tw-content);
+  background-color: rgba(7, 28, 31, 0.9);
+}
+
+.before\:bg-secondary-color::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.before\:bg-secondary-color-2::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.before\:bg-section-bg-1::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.before\:bg-white::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.before\:bg-white-6::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 241 241 / var(--tw-bg-opacity));
+}
+
+.before\:bg-opacity-90::before{
+  content: var(--tw-content);
+  --tw-bg-opacity: 0.9;
+}
+
+.before\:text-center::before{
+  content: var(--tw-content);
+  text-align: center;
+}
+
+.before\:font-fontawesome::before{
+  content: var(--tw-content);
+  font-family: 'Font Awesome 5 Free';
+}
+
+.before\:font-icomoon::before{
+  content: var(--tw-content);
+  font-family: icomoon;
+}
+
+.before\:text-3xl::before{
+  content: var(--tw-content);
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.before\:text-6xl::before{
+  content: var(--tw-content);
+  font-size: 3.75rem;
+  line-height: 1;
+}
+
+.before\:text-xs::before{
+  content: var(--tw-content);
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
+.before\:font-\[900\]::before{
+  content: var(--tw-content);
+  font-weight: 900;
+}
+
+.before\:font-bold::before{
+  content: var(--tw-content);
+  font-weight: 700;
+}
+
+.before\:text-heading-color::before{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.before\:text-white::before{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.before\:opacity-0::before{
+  content: var(--tw-content);
+  opacity: 0;
+}
+
+.before\:transition-all::before{
+  content: var(--tw-content);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.before\:duration-300::before{
+  content: var(--tw-content);
+  transition-duration: 300ms;
+}
+
+.before\:content-\[\'\\e94d\'\]::before{
+  --tw-content: '\e94d';
+  content: var(--tw-content);
+}
+
+.before\:content-\[\'\\f00c\'\]::before{
+  --tw-content: '\f00c';
+  content: var(--tw-content);
+}
+
+.after\:invisible::after{
+  content: var(--tw-content);
+  visibility: hidden;
+}
+
+.after\:absolute::after{
+  content: var(--tw-content);
+  position: absolute;
+}
+
+.after\:bottom-0::after{
+  content: var(--tw-content);
+  bottom: 0px;
+}
+
+.after\:bottom-\[-51\%\]::after{
+  content: var(--tw-content);
+  bottom: -51%;
+}
+
+.after\:left-0::after{
+  content: var(--tw-content);
+  left: 0px;
+}
+
+.after\:left-1::after{
+  content: var(--tw-content);
+  left: 0.25rem;
+}
+
+.after\:left-1\/2::after{
+  content: var(--tw-content);
+  left: 50%;
+}
+
+.after\:right-0::after{
+  content: var(--tw-content);
+  right: 0px;
+}
+
+.after\:right-1::after{
+  content: var(--tw-content);
+  right: 0.25rem;
+}
+
+.after\:top-0::after{
+  content: var(--tw-content);
+  top: 0px;
+}
+
+.after\:top-1\/2::after{
+  content: var(--tw-content);
+  top: 50%;
+}
+
+.after\:-z-1::after{
+  content: var(--tw-content);
+  z-index: -1;
+}
+
+.after\:z-1::after{
+  content: var(--tw-content);
+  z-index: 1;
+}
+
+.after\:z-10::after{
+  content: var(--tw-content);
+  z-index: 10;
+}
+
+.after\:m-\[1px\]::after{
+  content: var(--tw-content);
+  margin: 1px;
+}
+
+.after\:inline-block::after{
+  content: var(--tw-content);
+  display: inline-block;
+}
+
+.after\:hidden::after{
+  content: var(--tw-content);
+  display: none;
+}
+
+.after\:h-10px::after{
+  content: var(--tw-content);
+  height: 10px;
+}
+
+.after\:h-\[11px\]::after{
+  content: var(--tw-content);
+  height: 11px;
+}
+
+.after\:h-\[84px\]::after{
+  content: var(--tw-content);
+  height: 84px;
+}
+
+.after\:h-\[85\%\]::after{
+  content: var(--tw-content);
+  height: 85%;
+}
+
+.after\:h-full::after{
+  content: var(--tw-content);
+  height: 100%;
+}
+
+.after\:w-0::after{
+  content: var(--tw-content);
+  width: 0px;
+}
+
+.after\:w-0\.5::after{
+  content: var(--tw-content);
+  width: 0.125rem;
+}
+
+.after\:w-10px::after{
+  content: var(--tw-content);
+  width: 10px;
+}
+
+.after\:w-30px::after{
+  content: var(--tw-content);
+  width: 1.875rem;
+}
+
+.after\:w-\[11px\]::after{
+  content: var(--tw-content);
+  width: 11px;
+}
+
+.after\:w-\[5px\]::after{
+  content: var(--tw-content);
+  width: 5px;
+}
+
+.after\:w-full::after{
+  content: var(--tw-content);
+  width: 100%;
+}
+
+.after\:-translate-x-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:-translate-y-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:translate-y-1\/2::after{
+  content: var(--tw-content);
+  --tw-translate-y: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rotate-\[-45deg\]::after{
+  content: var(--tw-content);
+  --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rotate-\[45deg\]::after{
+  content: var(--tw-content);
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.after\:rounded-100\%::after{
+  content: var(--tw-content);
+  border-radius: 100%;
+}
+
+.after\:border::after{
+  content: var(--tw-content);
+  border-width: 1px;
+}
+
+.after\:border-3px::after{
+  content: var(--tw-content);
+  border-width: 3px;
+}
+
+.after\:border-l-0::after{
+  content: var(--tw-content);
+  border-left-width: 0px;
+}
+
+.after\:border-r-0::after{
+  content: var(--tw-content);
+  border-right-width: 0px;
+}
+
+.after\:border-t-0::after{
+  content: var(--tw-content);
+  border-top-width: 0px;
+}
+
+.after\:border-white::after{
+  content: var(--tw-content);
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255 / var(--tw-border-opacity));
+}
+
+.after\:bg-\[rgba\(7\2c 28\2c 31\2c 0\.9\)\]::after{
+  content: var(--tw-content);
+  background-color: rgba(7,28,31,0.9);
+}
+
+.after\:bg-heading-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.after\:bg-primary-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.after\:bg-secondary-color::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.after\:bg-transparent::after{
+  content: var(--tw-content);
+  background-color: transparent;
+}
+
+.after\:bg-white::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.after\:bg-opacity-30::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 0.3;
+}
+
+.after\:font-icomoon::after{
+  content: var(--tw-content);
+  font-family: icomoon;
+}
+
+.after\:text-3xl::after{
+  content: var(--tw-content);
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.after\:text-secondary-color::after{
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.after\:opacity-0::after{
+  content: var(--tw-content);
+  opacity: 0;
+}
+
+.after\:opacity-30::after{
+  content: var(--tw-content);
+  opacity: 0.3;
+}
+
+.after\:opacity-40::after{
+  content: var(--tw-content);
+  opacity: 0.4;
+}
+
+.after\:outline::after{
+  content: var(--tw-content);
+  outline-style: solid;
+}
+
+.after\:outline-1::after{
+  content: var(--tw-content);
+  outline-width: 1px;
+}
+
+.after\:outline-offset-\[2px\]::after{
+  content: var(--tw-content);
+  outline-offset: 2px;
+}
+
+.after\:outline-heading-color::after{
+  content: var(--tw-content);
+  outline-color: #071c1f;
+}
+
+.after\:transition-all::after{
+  content: var(--tw-content);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.after\:duration-300::after{
+  content: var(--tw-content);
+  transition-duration: 300ms;
+}
+
+.after\:content-\[\'\\e958\'\]::after{
+  --tw-content: '\e958';
+  content: var(--tw-content);
+}
+
+.checked\:after\:bg-heading-color:checked::after{
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.hover\:translate-x-0:hover{
+  --tw-translate-x: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:scale-110:hover{
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:border-heading-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(7 28 31 / var(--tw-border-opacity));
+}
+
+.hover\:border-primary-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+
+.hover\:border-secondary-color:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.hover\:bg-heading-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(7 28 31 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-primary-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-secondary-color:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-secondary-color-2:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 52 33 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-section-bg-1:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(242 246 247 / var(--tw-bg-opacity));
+}
+
+.hover\:bg-opacity-20:hover{
+  --tw-bg-opacity: 0.2;
+}
+
+.hover\:bg-opacity-60:hover{
+  --tw-bg-opacity: 0.6;
+}
+
+.hover\:text-primary-color:hover{
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.hover\:text-secondary-color:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.hover\:text-white:hover{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.hover\:underline:hover{
+  text-decoration-line: underline;
+}
+
+.hover\:shadow-box-shadow-1:hover{
+  --tw-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --tw-shadow-colored: 0 16px 32px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.hover\:before\:h-4\/5:hover::before{
+  content: var(--tw-content);
+  height: 80%;
+}
+
+.hover\:before\:opacity-100:hover::before{
+  content: var(--tw-content);
+  opacity: 1;
+}
+
+.focus\:border:focus{
+  border-width: 1px;
+}
+
+.focus\:border-0:focus{
+  border-width: 0px;
+}
+
+.focus\:border-secondary-color:focus{
+  --tw-border-opacity: 1;
+  border-color: rgb(255 90 60 / var(--tw-border-opacity));
+}
+
+.focus\:shadow-none:focus{
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.focus\:outline-none:focus{
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
+.disabled\:cursor-not-allowed:disabled{
+  cursor: not-allowed;
+}
+
+.disabled\:bg-primary-color:disabled{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.disabled\:opacity-65:disabled{
+  opacity: 0.65;
+}
+
+.group\/nested:hover .group-hover\/nested\:visible{
+  visibility: visible;
+}
+
+.group:hover .group-hover\:visible{
+  visibility: visible;
+}
+
+.group:hover .group-hover\:bottom-0{
+  bottom: 0px;
+}
+
+.group:hover .group-hover\:top-\[35\%\]{
+  top: 35%;
+}
+
+.group\/nested:hover .group-hover\/nested\:w-0{
+  width: 0px;
+}
+
+.group:hover .group-hover\:w-0{
+  width: 0px;
+}
+
+.group:hover .group-hover\:w-full{
+  width: 100%;
+}
+
+.group\/nested:hover .group-hover\/nested\:translate-y-0{
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:-translate-y-4{
+  --tw-translate-y: -1rem;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:translate-y-0{
+  --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group:hover .group-hover\:scale-110{
+  --tw-scale-x: 1.1;
+  --tw-scale-y: 1.1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.group\/nested:hover .group-hover\/nested\:bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-black{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-primary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-secondary-color{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 90 60 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-secondary-color-3{
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 65 42 / var(--tw-bg-opacity));
+}
+
+.group:hover .group-hover\:bg-white{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-heading-color{
+  --tw-text-opacity: 1;
+  color: rgb(7 28 31 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-paragraph-color{
+  --tw-text-opacity: 1;
+  color: rgb(92 114 125 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-secondary-color{
+  --tw-text-opacity: 1;
+  color: rgb(255 90 60 / var(--tw-text-opacity));
+}
+
+.group:hover .group-hover\:text-white{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+.group\/nested:hover .group-hover\/nested\:opacity-100{
+  opacity: 1;
+}
+
+.group:hover .group-hover\:opacity-100{
+  opacity: 1;
+}
+
+.group:hover .group-hover\:after\:visible::after{
+  content: var(--tw-content);
+  visibility: visible;
+}
+
+.group:hover .group-hover\:after\:opacity-90::after{
+  content: var(--tw-content);
+  opacity: 0.9;
+}
+
+.group:hover .disabled\:group-hover\:text-white:disabled{
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+@media (min-width: 480px){
+  .xs\:-left-\[400px\]{
+    left: -400px;
+  }
+
+  .xs\:-right-\[400px\]{
+    right: -400px;
+  }
+
+  .xs\:w-100{
+    width: 25rem;
+  }
+
+  .xs\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+}
+
+@media (min-width: 576px){
+  .sm\:mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .sm\:block{
+    display: block;
+  }
+
+  .sm\:hidden{
+    display: none;
+  }
+
+  .sm\:w-1\/2{
+    width: 50%;
+  }
+
+  .sm\:max-w-500px{
+    max-width: 31.25rem;
+  }
+
+  .sm\:basis-1\/2{
+    flex-basis: 50%;
+  }
+
+  .sm\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .sm\:whitespace-nowrap{
+    white-space: nowrap;
+  }
+
+  .sm\:px-15px{
+    padding-left: .9375rem;
+    padding-right: .9375rem;
+  }
+
+  .sm\:pb-0{
+    padding-bottom: 0px;
+  }
+
+  .sm\:pt-3px{
+    padding-top: 3px;
+  }
+
+  .sm\:text-13px{
+    font-size: .8125rem;
+  }
+
+  .sm\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .sm\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .sm\:leading-1{
+    line-height: 1;
+  }
+
+  .sm\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .sm\:leading-25px{
+    line-height: 1.5625rem;
+  }
+}
+
+@media (min-width: 768px){
+  .md\:absolute{
+    position: absolute;
+  }
+
+  .md\:bottom-10{
+    bottom: 2.5rem;
+  }
+
+  .md\:left-0{
+    left: 0px;
+  }
+
+  .md\:right-0{
+    right: 0px;
+  }
+
+  .md\:top-0{
+    top: 0px;
+  }
+
+  .md\:col-span-1{
+    grid-column: span 1 / span 1;
+  }
+
+  .md\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .md\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .md\:row-span-2{
+    grid-row: span 2 / span 2;
+  }
+
+  .md\:row-start-1{
+    grid-row-start: 1;
+  }
+
+  .md\:row-start-2{
+    grid-row-start: 2;
+  }
+
+  .md\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .md\:mb-10{
+    margin-bottom: 2.5rem;
+  }
+
+  .md\:mb-30px{
+    margin-bottom: 1.875rem;
+  }
+
+  .md\:mb-6{
+    margin-bottom: 1.5rem;
+  }
+
+  .md\:ml-10{
+    margin-left: 2.5rem;
+  }
+
+  .md\:ml-\[70px\]{
+    margin-left: 70px;
+  }
+
+  .md\:mr-10{
+    margin-right: 2.5rem;
+  }
+
+  .md\:mr-30px{
+    margin-right: 1.875rem;
+  }
+
+  .md\:mr-\[70px\]{
+    margin-right: 70px;
+  }
+
+  .md\:mt-0{
+    margin-top: 0px;
+  }
+
+  .md\:box-border{
+    box-sizing: border-box;
+  }
+
+  .md\:block{
+    display: block;
+  }
+
+  .md\:table-cell{
+    display: table-cell;
+  }
+
+  .md\:hidden{
+    display: none;
+  }
+
+  .md\:h-100px{
+    height: 6.25rem;
+  }
+
+  .md\:h-20{
+    height: 5rem;
+  }
+
+  .md\:h-350px{
+    height: 21.875rem;
+  }
+
+  .md\:h-50px{
+    height: 3.125rem;
+  }
+
+  .md\:h-full{
+    height: 100%;
+  }
+
+  .md\:min-h-350px{
+    min-height: 21.875rem;
+  }
+
+  .md\:min-h-\[350px\]{
+    min-height: 350px;
+  }
+
+  .md\:w-1\/3{
+    width: 33.333333%;
+  }
+
+  .md\:w-100px{
+    width: 6.25rem;
+  }
+
+  .md\:w-20{
+    width: 5rem;
+  }
+
+  .md\:w-300px{
+    width: 18.75rem;
+  }
+
+  .md\:w-50px{
+    width: 3.125rem;
+  }
+
+  .md\:w-\[110px\]{
+    width: 110px;
+  }
+
+  .md\:w-\[164px\]{
+    width: 164px;
+  }
+
+  .md\:w-\[180px\]{
+    width: 180px;
+  }
+
+  .md\:w-auto{
+    width: auto;
+  }
+
+  .md\:max-w-\[70\%\]{
+    max-width: 70%;
+  }
+
+  .md\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .md\:basis-2\/5{
+    flex-basis: 40%;
+  }
+
+  .md\:basis-3\/5{
+    flex-basis: 60%;
+  }
+
+  .md\:basis-auto{
+    flex-basis: auto;
+  }
+
+  .md\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .md\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .md\:flex-row{
+    flex-direction: row;
+  }
+
+  .md\:flex-nowrap{
+    flex-wrap: nowrap;
+  }
+
+  .md\:items-center{
+    align-items: center;
+  }
+
+  .md\:justify-start{
+    justify-content: flex-start;
+  }
+
+  .md\:justify-between{
+    justify-content: space-between;
+  }
+
+  .md\:gap-x-30px{
+    -moz-column-gap: 1.875rem;
+         column-gap: 1.875rem;
+  }
+
+  .md\:gap-x-35px{
+    -moz-column-gap: 2.1875rem;
+         column-gap: 2.1875rem;
+  }
+
+  .md\:border-l{
+    border-left-width: 1px;
+  }
+
+  .md\:border-r{
+    border-right-width: 1px;
+  }
+
+  .md\:border-border-color-17{
+    --tw-border-opacity: 1;
+    border-color: rgb(222 226 230 / var(--tw-border-opacity));
+  }
+
+  .md\:border-border-color-7{
+    --tw-border-opacity: 1;
+    border-color: rgb(209 218 224 / var(--tw-border-opacity));
+  }
+
+  .md\:border-transparent{
+    border-color: transparent;
+  }
+
+  .md\:bg-transparent{
+    background-color: transparent;
+  }
+
+  .md\:p-10{
+    padding: 2.5rem;
+  }
+
+  .md\:p-30px{
+    padding: 1.875rem;
+  }
+
+  .md\:p-50px{
+    padding: 3.125rem;
+  }
+
+  .md\:p-70px{
+    padding: 4.375rem;
+  }
+
+  .md\:px-0{
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .md\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .md\:px-10px{
+    padding-left: .625rem;
+    padding-right: .625rem;
+  }
+
+  .md\:px-15px{
+    padding-left: .9375rem;
+    padding-right: .9375rem;
+  }
+
+  .md\:px-25px{
+    padding-left: 1.5625rem;
+    padding-right: 1.5625rem;
+  }
+
+  .md\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .md\:px-5{
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .md\:px-50px{
+    padding-left: 3.125rem;
+    padding-right: 3.125rem;
+  }
+
+  .md\:py-0{
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+
+  .md\:py-10px{
+    padding-top: .625rem;
+    padding-bottom: .625rem;
+  }
+
+  .md\:py-15px{
+    padding-top: .9375rem;
+    padding-bottom: .9375rem;
+  }
+
+  .md\:py-3{
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+  }
+
+  .md\:py-30px{
+    padding-top: 1.875rem;
+    padding-bottom: 1.875rem;
+  }
+
+  .md\:py-50px{
+    padding-top: 3.125rem;
+    padding-bottom: 3.125rem;
+  }
+
+  .md\:py-60px{
+    padding-top: 3.75rem;
+    padding-bottom: 3.75rem;
+  }
+
+  .md\:pb-10{
+    padding-bottom: 2.5rem;
+  }
+
+  .md\:pb-22px{
+    padding-bottom: 1.375rem;
+  }
+
+  .md\:pb-30{
+    padding-bottom: 7.5rem;
+  }
+
+  .md\:pb-5{
+    padding-bottom: 1.25rem;
+  }
+
+  .md\:pl-10{
+    padding-left: 2.5rem;
+  }
+
+  .md\:pl-30px{
+    padding-left: 1.875rem;
+  }
+
+  .md\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .md\:pl-45px{
+    padding-left: 2.8125rem;
+  }
+
+  .md\:pl-60px{
+    padding-left: 3.75rem;
+  }
+
+  .md\:pl-70px{
+    padding-left: 4.375rem;
+  }
+
+  .md\:pr-10{
+    padding-right: 2.5rem;
+  }
+
+  .md\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .md\:pr-45px{
+    padding-right: 2.8125rem;
+  }
+
+  .md\:pr-50px{
+    padding-right: 3.125rem;
+  }
+
+  .md\:pr-70px{
+    padding-right: 4.375rem;
+  }
+
+  .md\:pt-0{
+    padding-top: 0px;
+  }
+
+  .md\:pt-10{
+    padding-top: 2.5rem;
+  }
+
+  .md\:pt-25px{
+    padding-top: 1.5625rem;
+  }
+
+  .md\:pt-30px{
+    padding-top: 1.875rem;
+  }
+
+  .md\:pt-50{
+    padding-top: 12.5rem;
+  }
+
+  .md\:text-start{
+    text-align: start;
+  }
+
+  .md\:text-end{
+    text-align: end;
+  }
+
+  .md\:text-15px{
+    font-size: .9375rem;
+  }
+
+  .md\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .md\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .md\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .md\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-40px{
+    font-size: 2.5rem;
+  }
+
+  .md\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .md\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .md\:text-\[160px\]{
+    font-size: 160px;
+  }
+
+  .md\:text-\[70px\]{
+    font-size: 70px;
+  }
+
+  .md\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .md\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:text-sm{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .md\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .md\:leading-1{
+    line-height: 1;
+  }
+
+  .md\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .md\:leading-1\.8{
+    line-height: 1.8;
+  }
+
+  .md\:leading-10{
+    line-height: 2.5rem;
+  }
+
+  .md\:leading-50px{
+    line-height: 3.125rem;
+  }
+
+  .md\:leading-9{
+    line-height: 2.25rem;
+  }
+
+  .md\:leading-90px{
+    line-height: 5.625rem;
+  }
+
+  .md\:before\:absolute::before{
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .md\:before\:left-\[45px\]::before{
+    content: var(--tw-content);
+    left: 45px;
+  }
+
+  .md\:before\:right-\[45px\]::before{
+    content: var(--tw-content);
+    right: 45px;
+  }
+
+  .md\:before\:top-1\/2::before{
+    content: var(--tw-content);
+    top: 50%;
+  }
+
+  .md\:before\:mb-0::before{
+    content: var(--tw-content);
+    margin-bottom: 0px;
+  }
+
+  .md\:before\:text-start::before{
+    content: var(--tw-content);
+    text-align: start;
+  }
+
+  .md\:before\:text-150px::before{
+    content: var(--tw-content);
+    font-size: 9.375rem;
+  }
+
+  .md\:before\:text-50px::before{
+    content: var(--tw-content);
+    font-size: 3.125rem;
+  }
+}
+
+@media (min-width: 992px){
+  .lg\:absolute{
+    position: absolute;
+  }
+
+  .lg\:bottom-10{
+    bottom: 2.5rem;
+  }
+
+  .lg\:bottom-\[70px\]{
+    bottom: 70px;
+  }
+
+  .lg\:left-\[10\%\]{
+    left: 10%;
+  }
+
+  .lg\:left-\[35px\]{
+    left: 35px;
+  }
+
+  .lg\:right-\[10\%\]{
+    right: 10%;
+  }
+
+  .lg\:right-\[35px\]{
+    right: 35px;
+  }
+
+  .lg\:top-5{
+    top: 1.25rem;
+  }
+
+  .lg\:z-xl{
+    z-index: 999999999;
+  }
+
+  .lg\:col-span-1{
+    grid-column: span 1 / span 1;
+  }
+
+  .lg\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .lg\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
+  .lg\:col-span-4{
+    grid-column: span 4 / span 4;
+  }
+
+  .lg\:col-span-5{
+    grid-column: span 5 / span 5;
+  }
+
+  .lg\:col-span-7{
+    grid-column: span 7 / span 7;
+  }
+
+  .lg\:col-span-8{
+    grid-column: span 8 / span 8;
+  }
+
+  .lg\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .lg\:col-start-2{
+    grid-column-start: 2;
+  }
+
+  .lg\:col-start-3{
+    grid-column-start: 3;
+  }
+
+  .lg\:col-start-5{
+    grid-column-start: 5;
+  }
+
+  .lg\:col-start-6{
+    grid-column-start: 6;
+  }
+
+  .lg\:col-start-8{
+    grid-column-start: 8;
+  }
+
+  .lg\:col-start-9{
+    grid-column-start: 9;
+  }
+
+  .lg\:row-span-1{
+    grid-row: span 1 / span 1;
+  }
+
+  .lg\:row-start-1{
+    grid-row-start: 1;
+  }
+
+  .lg\:-mx-15px{
+    margin-left: -.9375rem;
+    margin-right: -.9375rem;
+  }
+
+  .lg\:mx-auto{
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .lg\:my-6{
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .lg\:mb-10{
+    margin-bottom: 2.5rem;
+  }
+
+  .lg\:mb-25px{
+    margin-bottom: 1.5625rem;
+  }
+
+  .lg\:mb-50px{
+    margin-bottom: 3.125rem;
+  }
+
+  .lg\:mb-6{
+    margin-bottom: 1.5rem;
+  }
+
+  .lg\:mb-9{
+    margin-bottom: 2.25rem;
+  }
+
+  .lg\:ml-30px{
+    margin-left: 1.875rem;
+  }
+
+  .lg\:ml-5{
+    margin-left: 1.25rem;
+  }
+
+  .lg\:mr-3{
+    margin-right: 0.75rem;
+  }
+
+  .lg\:mr-30px{
+    margin-right: 1.875rem;
+  }
+
+  .lg\:mr-5{
+    margin-right: 1.25rem;
+  }
+
+  .lg\:mt-0{
+    margin-top: 0px;
+  }
+
+  .lg\:mt-10{
+    margin-top: 2.5rem;
+  }
+
+  .lg\:mt-5{
+    margin-top: 1.25rem;
+  }
+
+  .lg\:block{
+    display: block;
+  }
+
+  .lg\:hidden{
+    display: none;
+  }
+
+  .lg\:h-10{
+    height: 2.5rem;
+  }
+
+  .lg\:h-20{
+    height: 5rem;
+  }
+
+  .lg\:h-\[450px\]{
+    height: 450px;
+  }
+
+  .lg\:h-\[650px\]{
+    height: 650px;
+  }
+
+  .lg\:h-full{
+    height: 100%;
+  }
+
+  .lg\:min-h-\[550px\]{
+    min-height: 550px;
+  }
+
+  .lg\:w-10{
+    width: 2.5rem;
+  }
+
+  .lg\:w-100px{
+    width: 6.25rem;
+  }
+
+  .lg\:w-2\/3{
+    width: 66.666667%;
+  }
+
+  .lg\:w-20{
+    width: 5rem;
+  }
+
+  .lg\:w-42px{
+    width: 2.625rem;
+  }
+
+  .lg\:w-\[120px\]{
+    width: 120px;
+  }
+
+  .lg\:w-\[420px\]{
+    width: 420px;
+  }
+
+  .lg\:w-\[45\%\]{
+    width: 45%;
+  }
+
+  .lg\:w-full{
+    width: 100%;
+  }
+
+  .lg\:max-w-980px{
+    max-width: 61.25rem;
+  }
+
+  .lg\:max-w-\[45\%\]{
+    max-width: 45%;
+  }
+
+  .lg\:max-w-\[920px\]{
+    max-width: 920px;
+  }
+
+  .lg\:basis-1\/2{
+    flex-basis: 50%;
+  }
+
+  .lg\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .lg\:basis-1\/4{
+    flex-basis: 25%;
+  }
+
+  .lg\:translate-x-0{
+    --tw-translate-x: 0px;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  }
+
+  .lg\:grid-cols-12{
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-2{
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .lg\:grid-cols-4{
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
+  .lg\:flex-row{
+    flex-direction: row;
+  }
+
+  .lg\:items-start{
+    align-items: flex-start;
+  }
+
+  .lg\:items-center{
+    align-items: center;
+  }
+
+  .lg\:justify-start{
+    justify-content: flex-start;
+  }
+
+  .lg\:justify-end{
+    justify-content: flex-end;
+  }
+
+  .lg\:justify-center{
+    justify-content: center;
+  }
+
+  .lg\:justify-between{
+    justify-content: space-between;
+  }
+
+  .lg\:gap-0{
+    gap: 0px;
+  }
+
+  .lg\:gap-30px{
+    gap: 1.875rem;
+  }
+
+  .lg\:gap-4{
+    gap: 1rem;
+  }
+
+  .lg\:gap-5{
+    gap: 1.25rem;
+  }
+
+  .lg\:gap-9{
+    gap: 2.25rem;
+  }
+
+  .lg\:gap-x-30px{
+    -moz-column-gap: 1.875rem;
+         column-gap: 1.875rem;
+  }
+
+  .lg\:bg-white{
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  }
+
+  .lg\:bg-opacity-35{
+    --tw-bg-opacity: 0.35;
+  }
+
+  .lg\:p-30px{
+    padding: 1.875rem;
+  }
+
+  .lg\:px-0{
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+
+  .lg\:px-10{
+    padding-left: 2.5rem;
+    padding-right: 2.5rem;
+  }
+
+  .lg\:px-25px{
+    padding-left: 1.5625rem;
+    padding-right: 1.5625rem;
+  }
+
+  .lg\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .lg\:px-5{
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
+  }
+
+  .lg\:px-60px{
+    padding-left: 3.75rem;
+    padding-right: 3.75rem;
+  }
+
+  .lg\:py-15px{
+    padding-top: .9375rem;
+    padding-bottom: .9375rem;
+  }
+
+  .lg\:py-17px{
+    padding-top: 1.0625rem;
+    padding-bottom: 1.0625rem;
+  }
+
+  .lg\:py-2{
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .lg\:py-2\.5{
+    padding-top: 0.625rem;
+    padding-bottom: 0.625rem;
+  }
+
+  .lg\:pb-100px{
+    padding-bottom: 6.25rem;
+  }
+
+  .lg\:pb-13px{
+    padding-bottom: .8125rem;
+  }
+
+  .lg\:pb-25px{
+    padding-bottom: 1.5625rem;
+  }
+
+  .lg\:pb-30{
+    padding-bottom: 7.5rem;
+  }
+
+  .lg\:pb-70px{
+    padding-bottom: 4.375rem;
+  }
+
+  .lg\:pl-20{
+    padding-left: 5rem;
+  }
+
+  .lg\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .lg\:pr-17px{
+    padding-right: 1.0625rem;
+  }
+
+  .lg\:pr-20{
+    padding-right: 5rem;
+  }
+
+  .lg\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .lg\:pr-35px{
+    padding-right: 2.1875rem;
+  }
+
+  .lg\:pt-0{
+    padding-top: 0px;
+  }
+
+  .lg\:pt-15px{
+    padding-top: .9375rem;
+  }
+
+  .lg\:pt-30{
+    padding-top: 7.5rem;
+  }
+
+  .lg\:pt-5{
+    padding-top: 1.25rem;
+  }
+
+  .lg\:text-start{
+    text-align: start;
+  }
+
+  .lg\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .lg\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .lg\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .lg\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .lg\:text-42px{
+    font-size: 2.625rem;
+  }
+
+  .lg\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .lg\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .lg\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .lg\:text-base{
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+
+  .lg\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:text-sm{
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+  }
+
+  .lg\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .lg\:leading-1{
+    line-height: 1;
+  }
+
+  .lg\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .lg\:leading-1\.5{
+    line-height: 1.5;
+  }
+
+  .lg\:leading-1\.8{
+    line-height: 1.8;
+  }
+
+  .lg\:leading-11{
+    line-height: 2.75rem;
+  }
+
+  .lg\:leading-50px{
+    line-height: 3.125rem;
+  }
+
+  .lg\:before\:absolute::before{
+    content: var(--tw-content);
+    position: absolute;
+  }
+
+  .lg\:before\:top-2::before{
+    content: var(--tw-content);
+    top: 0.5rem;
+  }
+
+  .lg\:before\:mb-0::before{
+    content: var(--tw-content);
+    margin-bottom: 0px;
+  }
+
+  .before\:lg\:block::before{
+    content: var(--tw-content);
+    display: block;
+  }
+
+  .after\:lg\:block::after{
+    content: var(--tw-content);
+    display: block;
+  }
+}
+
+@media (min-width: 1200px){
+  .xl\:left-\[150px\]{
+    left: 150px;
+  }
+
+  .xl\:right-\[150px\]{
+    right: 150px;
+  }
+
+  .xl\:col-span-2{
+    grid-column: span 2 / span 2;
+  }
+
+  .xl\:col-span-3{
+    grid-column: span 3 / span 3;
+  }
+
+  .xl\:col-start-1{
+    grid-column-start: 1;
+  }
+
+  .xl\:col-start-10{
+    grid-column-start: 10;
+  }
+
+  .xl\:col-start-4{
+    grid-column-start: 4;
+  }
+
+  .xl\:col-start-6{
+    grid-column-start: 6;
+  }
+
+  .xl\:col-start-8{
+    grid-column-start: 8;
+  }
+
+  .xl\:mb-0{
+    margin-bottom: 0px;
+  }
+
+  .xl\:mb-27px{
+    margin-bottom: 27px;
+  }
+
+  .xl\:mb-30px{
+    margin-bottom: 1.875rem;
+  }
+
+  .xl\:mb-50px{
+    margin-bottom: 3.125rem;
+  }
+
+  .xl\:ml-10{
+    margin-left: 2.5rem;
+  }
+
+  .xl\:mr-10{
+    margin-right: 2.5rem;
+  }
+
+  .xl\:block{
+    display: block;
+  }
+
+  .xl\:flex{
+    display: flex;
+  }
+
+  .xl\:hidden{
+    display: none;
+  }
+
+  .xl\:h-100px{
+    height: 6.25rem;
+  }
+
+  .xl\:h-\[500px\]{
+    height: 500px;
+  }
+
+  .xl\:h-\[600px\]{
+    height: 600px;
+  }
+
+  .xl\:h-screen{
+    height: 100vh;
+  }
+
+  .xl\:min-h-0{
+    min-height: 0px;
+  }
+
+  .xl\:w-100px{
+    width: 6.25rem;
+  }
+
+  .xl\:w-90px{
+    width: 5.625rem;
+  }
+
+  .xl\:w-\[180px\]{
+    width: 180px;
+  }
+
+  .xl\:basis-1\/3{
+    flex-basis: 33.333333%;
+  }
+
+  .xl\:grid-cols-12{
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+
+  .xl\:grid-cols-3{
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .xl\:gap-30px{
+    gap: 1.875rem;
+  }
+
+  .xl\:gap-5{
+    gap: 1.25rem;
+  }
+
+  .xl\:gap-x-5{
+    -moz-column-gap: 1.25rem;
+         column-gap: 1.25rem;
+  }
+
+  .xl\:gap-x-50px{
+    -moz-column-gap: 3.125rem;
+         column-gap: 3.125rem;
+  }
+
+  .xl\:px-30px{
+    padding-left: 1.875rem;
+    padding-right: 1.875rem;
+  }
+
+  .xl\:px-35px{
+    padding-left: 2.1875rem;
+    padding-right: 2.1875rem;
+  }
+
+  .xl\:py-21px{
+    padding-top: 1.3125rem;
+    padding-bottom: 1.3125rem;
+  }
+
+  .xl\:py-50px{
+    padding-top: 3.125rem;
+    padding-bottom: 3.125rem;
+  }
+
+  .xl\:pl-100px{
+    padding-left: 6.25rem;
+  }
+
+  .xl\:pl-30px{
+    padding-left: 1.875rem;
+  }
+
+  .xl\:pl-35px{
+    padding-left: 2.1875rem;
+  }
+
+  .xl\:pr-100px{
+    padding-right: 6.25rem;
+  }
+
+  .xl\:pr-30px{
+    padding-right: 1.875rem;
+  }
+
+  .xl\:pt-100px{
+    padding-top: 6.25rem;
+  }
+
+  .xl\:text-15px{
+    font-size: .9375rem;
+  }
+
+  .xl\:text-22px{
+    font-size: 1.375rem;
+  }
+
+  .xl\:text-26px{
+    font-size: 1.625rem;
+  }
+
+  .xl\:text-2xl{
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
+  .xl\:text-35px{
+    font-size: 2.1875rem;
+  }
+
+  .xl\:text-3xl{
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .xl\:text-44px{
+    font-size: 2.75rem;
+  }
+
+  .xl\:text-45px{
+    font-size: 2.8125rem;
+  }
+
+  .xl\:text-4xl{
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  .xl\:text-50px{
+    font-size: 3.125rem;
+  }
+
+  .xl\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .xl\:text-\[56px\]{
+    font-size: 56px;
+  }
+
+  .xl\:text-xl{
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
+  .xl\:leading-1{
+    line-height: 1;
+  }
+
+  .xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .xl\:leading-110px{
+    line-height: 6.875rem;
+  }
+
+  .xl\:before\:top-7::before{
+    content: var(--tw-content);
+    top: 1.75rem;
+  }
+
+  .xl\:before\:text-80px::before{
+    content: var(--tw-content);
+    font-size: 5rem;
+  }
+}
+
+@media (min-width: 1300px){
+  .\32xl\:text-lg{
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
+}
+
+@media (min-width: 1400px){
+  .\33xl\:block{
+    display: block;
+  }
+
+  .\33xl\:w-auto{
+    width: auto;
+  }
+
+  .\33xl\:px-35px{
+    padding-left: 2.1875rem;
+    padding-right: 2.1875rem;
+  }
+
+  .\33xl\:px-\[2\%\]{
+    padding-left: 2%;
+    padding-right: 2%;
+  }
+
+  .\33xl\:text-6xl{
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+
+  .\33xl\:leading-1{
+    line-height: 1;
+  }
+
+  .\33xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+}
+
+@media (min-width: 1600px){
+  .\34xl\:absolute{
+    position: absolute;
+  }
+
+  .\34xl\:-mt-65px{
+    margin-top: -4.0625rem;
+  }
+
+  .\34xl\:ml-auto{
+    margin-left: auto;
+  }
+
+  .\34xl\:mr-auto{
+    margin-right: auto;
+  }
+
+  .\34xl\:block{
+    display: block;
+  }
+
+  .\34xl\:h-\[70\%\]{
+    height: 70%;
+  }
+
+  .\34xl\:h-\[800px\]{
+    height: 800px;
+  }
+
+  .\34xl\:h-full{
+    height: 100%;
+  }
+
+  .\34xl\:h-screen{
+    height: 100vh;
+  }
+
+  .\34xl\:min-h-\[780px\]{
+    min-height: 780px;
+  }
+
+  .\34xl\:min-h-\[800px\]{
+    min-height: 800px;
+  }
+
+  .\34xl\:w-100{
+    width: 25rem;
+  }
+
+  .\34xl\:w-\[45\%\]{
+    width: 45%;
+  }
+
+  .\34xl\:max-w-500px{
+    max-width: 31.25rem;
+  }
+
+  .\34xl\:border-\[5px\]{
+    border-width: 5px;
+  }
+
+  .\34xl\:px-10px{
+    padding-left: .625rem;
+    padding-right: .625rem;
+  }
+
+  .\34xl\:px-\[5\%\]{
+    padding-left: 5%;
+    padding-right: 5%;
+  }
+
+  .\34xl\:px-\[9\%\]{
+    padding-left: 9%;
+    padding-right: 9%;
+  }
+
+  .\34xl\:text-65px{
+    font-size: 4.0625rem;
+  }
+
+  .\34xl\:text-7xl{
+    font-size: 4.5rem;
+    line-height: 1;
+  }
+
+  .\34xl\:text-80px{
+    font-size: 5rem;
+  }
+
+  .\34xl\:text-90px{
+    font-size: 5.625rem;
+  }
+
+  .\34xl\:text-\[46px\]{
+    font-size: 46px;
+  }
+
+  .\34xl\:leading-1{
+    line-height: 1;
+  }
+
+  .\34xl\:leading-1\.3{
+    line-height: 1.3;
+  }
+
+  .\34xl\:leading-65px{
+    line-height: 4.0625rem;
+  }
+}
+
+.ltr\:-left-\[300px\]:where([dir="ltr"], [dir="ltr"] *){
+  left: -300px;
+}
+
+.ltr\:-right-\[300px\]:where([dir="ltr"], [dir="ltr"] *){
+  right: -300px;
+}
+
+.ltr\:left-0:where([dir="ltr"], [dir="ltr"] *){
+  left: 0px;
+}
+
+.ltr\:-translate-x-1\/2:where([dir="ltr"], [dir="ltr"] *){
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.ltr\:border-l:where([dir="ltr"], [dir="ltr"] *){
+  border-left-width: 1px;
+}
+
+@media (min-width: 480px){
+  .ltr\:xs\:-left-\[400px\]:where([dir="ltr"], [dir="ltr"] *){
+    left: -400px;
+  }
+
+  .ltr\:xs\:-right-\[400px\]:where([dir="ltr"], [dir="ltr"] *){
+    right: -400px;
+  }
+}
+
+.rtl\:-left-3:where([dir="rtl"], [dir="rtl"] *){
+  left: -0.75rem;
+}
+
+.rtl\:-left-\[300px\]:where([dir="rtl"], [dir="rtl"] *){
+  left: -300px;
+}
+
+.rtl\:-right-2:where([dir="rtl"], [dir="rtl"] *){
+  right: -0.5rem;
+}
+
+.rtl\:-right-\[300px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: -300px;
+}
+
+.rtl\:right-0:where([dir="rtl"], [dir="rtl"] *){
+  right: 0px;
+}
+
+.rtl\:right-5:where([dir="rtl"], [dir="rtl"] *){
+  right: 1.25rem;
+}
+
+.rtl\:right-\[10px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: 10px;
+}
+
+.rtl\:right-\[60px\]:where([dir="rtl"], [dir="rtl"] *){
+  right: 60px;
+}
+
+.rtl\:ml-25px:where([dir="rtl"], [dir="rtl"] *){
+  margin-left: 1.5625rem;
+}
+
+.rtl\:ml-3:where([dir="rtl"], [dir="rtl"] *){
+  margin-left: 0.75rem;
+}
+
+.rtl\:block:where([dir="rtl"], [dir="rtl"] *){
+  display: block;
+}
+
+.rtl\:hidden:where([dir="rtl"], [dir="rtl"] *){
+  display: none;
+}
+
+.rtl\:translate-x-1\/2:where([dir="rtl"], [dir="rtl"] *){
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.rtl\:border-l:where([dir="rtl"], [dir="rtl"] *){
+  border-left-width: 1px;
+}
+
+.rtl\:border-r:where([dir="rtl"], [dir="rtl"] *){
+  border-right-width: 1px;
+}
+
+.rtl\:border-r-4:where([dir="rtl"], [dir="rtl"] *){
+  border-right-width: 4px;
+}
+
+.rtl\:pl-15px:where([dir="rtl"], [dir="rtl"] *){
+  padding-left: .9375rem;
+}
+
+.rtl\:pr-10px:where([dir="rtl"], [dir="rtl"] *){
+  padding-right: .625rem;
+}
+
+.rtl\:pr-15px:where([dir="rtl"], [dir="rtl"] *){
+  padding-right: .9375rem;
+}
+
+@media (min-width: 480px){
+  .rtl\:xs\:-left-\[400px\]:where([dir="rtl"], [dir="rtl"] *){
+    left: -400px;
+  }
+
+  .rtl\:xs\:-right-\[400px\]:where([dir="rtl"], [dir="rtl"] *){
+    right: -400px;
+  }
+}
+
+@media (min-width: 1200px){
+  .rtl\:xl\:right-\[150px\]:where([dir="rtl"], [dir="rtl"] *){
+    right: 150px;
+  }
+
+  .rtl\:xl\:pl-30px:where([dir="rtl"], [dir="rtl"] *){
+    padding-left: 1.875rem;
+  }
+
+  .rtl\:xl\:pr-30px:where([dir="rtl"], [dir="rtl"] *){
+    padding-right: 1.875rem;
+  }
+}
diff --git a/quarter/assets/css/swiper-bundle.min.css b/quarter/assets/css/swiper-bundle.min.css
new file mode 100644
index 0000000..9991ad5
--- /dev/null
+++ b/quarter/assets/css/swiper-bundle.min.css
@@ -0,0 +1,705 @@
+/**
+ * Swiper 11.1.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2024 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: May 30, 2024
+ */
+
+@font-face {
+  font-family: swiper-icons;
+  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
+  font-weight: 400;
+  font-style: normal;
+}
+:root {
+  --swiper-theme-color: #007aff;
+}
+:host {
+  position: relative;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  z-index: 1;
+}
+.swiper {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  z-index: 1;
+  display: block;
+}
+.swiper-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  transition-timing-function: var(
+    --swiper-wrapper-transition-timing-function,
+    initial
+  );
+  box-sizing: content-box;
+}
+.swiper-android .swiper-slide,
+.swiper-ios .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-horizontal {
+  touch-action: pan-y;
+}
+.swiper-vertical {
+  touch-action: pan-x;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+  display: block;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+.swiper-autoheight,
+.swiper-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+.swiper-backface-hidden .swiper-slide {
+  transform: translateZ(0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-3d.swiper-css-mode .swiper-wrapper {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-wrapper {
+  transform-style: preserve-3d;
+}
+.swiper-3d {
+  perspective: 1200px;
+}
+.swiper-3d .swiper-cube-shadow,
+.swiper-3d .swiper-slide {
+  transform-style: preserve-3d;
+}
+.swiper-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-css-mode.swiper-vertical > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
+  scroll-snap-type: none;
+}
+.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: none;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
+  content: "";
+  flex-shrink: 0;
+  order: 9999;
+}
+.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: center center;
+  scroll-snap-stop: always;
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal
+  > .swiper-wrapper
+  > .swiper-slide:first-child {
+  margin-inline-start: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
+  height: 100%;
+  min-height: 1px;
+  width: var(--swiper-centered-offset-after);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical
+  > .swiper-wrapper
+  > .swiper-slide:first-child {
+  margin-block-start: var(--swiper-centered-offset-before);
+}
+.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
+  width: 100%;
+  min-width: 1px;
+  height: var(--swiper-centered-offset-after);
+}
+.swiper-3d .swiper-slide-shadow,
+.swiper-3d .swiper-slide-shadow-bottom,
+.swiper-3d .swiper-slide-shadow-left,
+.swiper-3d .swiper-slide-shadow-right,
+.swiper-3d .swiper-slide-shadow-top {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-3d .swiper-slide-shadow {
+  background: rgba(0, 0, 0, 0.15);
+}
+.swiper-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(
+    to left,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(
+    to top,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0.5),
+    rgba(0, 0, 0, 0)
+  );
+}
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  transform-origin: 50%;
+  box-sizing: border-box;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
+.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
+  animation: swiper-preloader-spin 1s infinite linear;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.swiper-virtual .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  transform: translateZ(0);
+}
+.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+}
+.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
+  height: 1px;
+  width: var(--swiper-virtual-size);
+}
+.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
+  width: 1px;
+  height: var(--swiper-virtual-size);
+}
+:root {
+  --swiper-navigation-size: 44px;
+}
+.swiper-button-next,
+.swiper-button-prev {
+  position: absolute;
+  top: var(--swiper-navigation-top-offset, 50%);
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-next.swiper-button-disabled,
+.swiper-button-prev.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-next.swiper-button-hidden,
+.swiper-button-prev.swiper-button-hidden {
+  opacity: 0;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-navigation-disabled .swiper-button-next,
+.swiper-navigation-disabled .swiper-button-prev {
+  display: none !important;
+}
+.swiper-button-next svg,
+.swiper-button-prev svg {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  transform-origin: center;
+}
+.swiper-rtl .swiper-button-next svg,
+.swiper-rtl .swiper-button-prev svg {
+  transform: rotate(180deg);
+}
+.swiper-button-prev,
+.swiper-rtl .swiper-button-next {
+  left: var(--swiper-navigation-sides-offset, 10px);
+  right: auto;
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
+}
+.swiper-button-lock {
+  display: none;
+}
+.swiper-button-next:after,
+.swiper-button-prev:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  font-variant: initial;
+  line-height: 1;
+}
+.swiper-button-prev:after,
+.swiper-rtl .swiper-button-next:after {
+  content: "prev";
+}
+.swiper-button-next,
+.swiper-rtl .swiper-button-prev {
+  right: var(--swiper-navigation-sides-offset, 10px);
+  left: auto;
+}
+.swiper-button-next:after,
+.swiper-rtl .swiper-button-prev:after {
+  content: "next";
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 0.3s opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+.swiper-pagination-disabled > .swiper-pagination,
+.swiper-pagination.swiper-pagination-disabled {
+  display: none !important;
+}
+.swiper-horizontal > .swiper-pagination-bullets,
+.swiper-pagination-bullets.swiper-pagination-horizontal,
+.swiper-pagination-custom,
+.swiper-pagination-fraction {
+  bottom: var(--swiper-pagination-bottom, 8px);
+  top: var(--swiper-pagination-top, auto);
+  left: 0;
+  width: 100%;
+}
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: var(
+    --swiper-pagination-bullet-width,
+    var(--swiper-pagination-bullet-size, 8px)
+  );
+  height: var(
+    --swiper-pagination-bullet-height,
+    var(--swiper-pagination-bullet-size, 8px)
+  );
+  display: inline-block;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
+  background: var(--swiper-pagination-bullet-inactive-color, #000);
+  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet:only-child {
+  display: none !important;
+}
+.swiper-pagination-bullet-active {
+  opacity: var(--swiper-pagination-bullet-opacity, 1);
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-pagination-vertical.swiper-pagination-bullets,
+.swiper-vertical > .swiper-pagination-bullets {
+  right: var(--swiper-pagination-right, 8px);
+  left: var(--swiper-pagination-left, auto);
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
+  display: block;
+}
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet,
+.swiper-vertical
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 0.2s transform, 0.2s top;
+}
+.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets
+  .swiper-pagination-bullet {
+  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
+}
+.swiper-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-horizontal
+  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet,
+.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: 0.2s transform, 0.2s left;
+}
+.swiper-horizontal.swiper-rtl
+  > .swiper-pagination-bullets-dynamic
+  .swiper-pagination-bullet {
+  transition: 0.2s transform, 0.2s right;
+}
+.swiper-pagination-fraction {
+  color: var(--swiper-pagination-fraction-color, inherit);
+}
+.swiper-pagination-progressbar {
+  background: var(
+    --swiper-pagination-progressbar-bg-color,
+    rgba(0, 0, 0, 0.25)
+  );
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-horizontal > .swiper-pagination-progressbar,
+.swiper-pagination-progressbar.swiper-pagination-horizontal,
+.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
+.swiper-vertical
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: var(--swiper-pagination-progressbar-size, 4px);
+  left: 0;
+  top: 0;
+}
+.swiper-horizontal
+  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
+.swiper-pagination-progressbar.swiper-pagination-vertical,
+.swiper-vertical > .swiper-pagination-progressbar {
+  width: var(--swiper-pagination-progressbar-size, 4px);
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+.swiper-scrollbar {
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  position: relative;
+  touch-action: none;
+  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
+}
+.swiper-scrollbar-disabled > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-disabled {
+  display: none !important;
+}
+.swiper-horizontal > .swiper-scrollbar,
+.swiper-scrollbar.swiper-scrollbar-horizontal {
+  position: absolute;
+  left: var(--swiper-scrollbar-sides-offset, 1%);
+  bottom: var(--swiper-scrollbar-bottom, 4px);
+  top: var(--swiper-scrollbar-top, auto);
+  z-index: 50;
+  height: var(--swiper-scrollbar-size, 4px);
+  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+.swiper-scrollbar.swiper-scrollbar-vertical,
+.swiper-vertical > .swiper-scrollbar {
+  position: absolute;
+  left: var(--swiper-scrollbar-left, auto);
+  right: var(--swiper-scrollbar-right, 4px);
+  top: var(--swiper-scrollbar-sides-offset, 1%);
+  z-index: 50;
+  width: var(--swiper-scrollbar-size, 4px);
+  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
+  border-radius: var(--swiper-scrollbar-border-radius, 10px);
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > canvas,
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+  touch-action: none;
+}
+.swiper .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-grid > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-grid-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-fade.swiper-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-fade .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube {
+  overflow: visible;
+}
+.swiper-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-cube.swiper-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-cube .swiper-slide-active,
+.swiper-cube .swiper-slide-next,
+.swiper-cube .swiper-slide-prev {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  z-index: 0;
+}
+.swiper-cube .swiper-cube-shadow:before {
+  content: "";
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  filter: blur(50px);
+}
+.swiper-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
+.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-flip {
+  overflow: visible;
+}
+.swiper-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-flip .swiper-slide-active,
+.swiper-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
+.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+}
+.swiper-creative .swiper-slide {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  overflow: hidden;
+  transition-property: transform, opacity, height;
+}
+.swiper-cards {
+  overflow: visible;
+}
+.swiper-cards .swiper-slide {
+  transform-origin: center bottom;
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  overflow: hidden;
+}
diff --git a/quarter/assets/css/ui-widget.css b/quarter/assets/css/ui-widget.css
new file mode 100644
index 0000000..4bbd3a7
--- /dev/null
+++ b/quarter/assets/css/ui-widget.css
@@ -0,0 +1,858 @@
+/*! jQuery UI - v1.11.4 - 2016-06-07
+* http://jqueryui.com
+* Includes: core.css, slider.css, theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+.ui-helper-hidden {
+  display: none;
+}
+.ui-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+  content: "";
+  display: table;
+  border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+  clear: both;
+}
+.ui-helper-clearfix {
+  min-height: 0;
+}
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity=0);
+}
+.ui-front {
+  z-index: 100;
+}
+.ui-state-disabled {
+  cursor: default !important;
+}
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+}
+.ui-widget-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.ui-slider {
+  position: relative;
+  text-align: left;
+}
+.ui-slider .ui-slider-handle {
+  position: absolute;
+  z-index: 2;
+  width: 1.2em;
+  height: 1.2em;
+  cursor: default;
+  -ms-touch-action: none;
+  touch-action: none;
+}
+.ui-slider .ui-slider-range {
+  position: absolute;
+  z-index: 1;
+  font-size: 0.7em;
+  display: block;
+  border: 0;
+  background-position: 0 0;
+}
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+  filter: inherit;
+}
+.ui-slider-horizontal {
+  height: 0.8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+  top: -0.3em;
+  margin-left: -0.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+  top: 0;
+  height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+  left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+  right: 0;
+}
+.ui-slider-vertical {
+  width: 0.8em;
+  height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.3em;
+  margin-left: 0;
+  margin-bottom: -0.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+  left: 0;
+  width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+  bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+  top: 0;
+}
+.ui-widget {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+  font-size: 1.1em;
+}
+.ui-widget .ui-widget {
+  font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+  font-size: 1em;
+}
+.ui-widget-content {
+  border: 1px solid #a6c9e2;
+  background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50%
+    bottom repeat-x;
+  color: #222;
+}
+.ui-widget-content a {
+  color: #222;
+}
+.ui-widget-header {
+  border: 1px solid #4297d7;
+  background: #5c9ccc url("images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") 50%
+    50% repeat-x;
+  color: #fff;
+  font-weight: bold;
+}
+.ui-widget-header a {
+  color: #fff;
+}
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+  border: 1px solid #c5dbec;
+  background: #dfeffc url("images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50%
+    repeat-x;
+  font-weight: bold;
+  color: #2e6e9e;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+  color: #2e6e9e;
+  text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+  border: 1px solid #79b7e7;
+  background: #d0e5f5 url("images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50%
+    repeat-x;
+  font-weight: bold;
+  color: #1d5987;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+  color: #1d5987;
+  text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+  border: 1px solid #79b7e7;
+  background: #f5f8f9 url("images/ui-bg_inset-hard_100_f5f8f9_1x100.png") 50%
+    50% repeat-x;
+  font-weight: bold;
+  color: #e17009;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+  color: #e17009;
+  text-decoration: none;
+}
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+  border: 1px solid #fad42e;
+  background: #fbec88;
+  color: #363636;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+  color: #363636;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+  border: 1px solid #cd0a0a;
+  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50%
+    repeat-x;
+  color: #cd0a0a;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+  color: #cd0a0a;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+  color: #cd0a0a;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+  font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+  opacity: 0.7;
+  filter: Alpha(Opacity=70);
+  font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+  opacity: 0.35;
+  filter: Alpha(Opacity=35);
+  background-image: none;
+}
+.ui-state-disabled .ui-icon {
+  filter: Alpha(Opacity=35);
+}
+.ui-icon {
+  width: 16px;
+  height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+  background-image: url("images/ui-icons_469bdd_256x240.png");
+}
+.ui-widget-header .ui-icon {
+  background-image: url("images/ui-icons_d8e7f3_256x240.png");
+}
+.ui-state-default .ui-icon {
+  background-image: url("images/ui-icons_6da8d5_256x240.png");
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+  background-image: url("images/ui-icons_217bc0_256x240.png");
+}
+.ui-state-active .ui-icon {
+  background-image: url("images/ui-icons_f9bd01_256x240.png");
+}
+.ui-state-highlight .ui-icon {
+  background-image: url("images/ui-icons_2e83ff_256x240.png");
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+  background-image: url("images/ui-icons_cd0a0a_256x240.png");
+}
+.ui-icon-blank {
+  background-position: 16px 16px;
+}
+.ui-icon-carat-1-n {
+  background-position: 0 0;
+}
+.ui-icon-carat-1-ne {
+  background-position: -16px 0;
+}
+.ui-icon-carat-1-e {
+  background-position: -32px 0;
+}
+.ui-icon-carat-1-se {
+  background-position: -48px 0;
+}
+.ui-icon-carat-1-s {
+  background-position: -64px 0;
+}
+.ui-icon-carat-1-sw {
+  background-position: -80px 0;
+}
+.ui-icon-carat-1-w {
+  background-position: -96px 0;
+}
+.ui-icon-carat-1-nw {
+  background-position: -112px 0;
+}
+.ui-icon-carat-2-n-s {
+  background-position: -128px 0;
+}
+.ui-icon-carat-2-e-w {
+  background-position: -144px 0;
+}
+.ui-icon-triangle-1-n {
+  background-position: 0 -16px;
+}
+.ui-icon-triangle-1-ne {
+  background-position: -16px -16px;
+}
+.ui-icon-triangle-1-e {
+  background-position: -32px -16px;
+}
+.ui-icon-triangle-1-se {
+  background-position: -48px -16px;
+}
+.ui-icon-triangle-1-s {
+  background-position: -64px -16px;
+}
+.ui-icon-triangle-1-sw {
+  background-position: -80px -16px;
+}
+.ui-icon-triangle-1-w {
+  background-position: -96px -16px;
+}
+.ui-icon-triangle-1-nw {
+  background-position: -112px -16px;
+}
+.ui-icon-triangle-2-n-s {
+  background-position: -128px -16px;
+}
+.ui-icon-triangle-2-e-w {
+  background-position: -144px -16px;
+}
+.ui-icon-arrow-1-n {
+  background-position: 0 -32px;
+}
+.ui-icon-arrow-1-ne {
+  background-position: -16px -32px;
+}
+.ui-icon-arrow-1-e {
+  background-position: -32px -32px;
+}
+.ui-icon-arrow-1-se {
+  background-position: -48px -32px;
+}
+.ui-icon-arrow-1-s {
+  background-position: -64px -32px;
+}
+.ui-icon-arrow-1-sw {
+  background-position: -80px -32px;
+}
+.ui-icon-arrow-1-w {
+  background-position: -96px -32px;
+}
+.ui-icon-arrow-1-nw {
+  background-position: -112px -32px;
+}
+.ui-icon-arrow-2-n-s {
+  background-position: -128px -32px;
+}
+.ui-icon-arrow-2-ne-sw {
+  background-position: -144px -32px;
+}
+.ui-icon-arrow-2-e-w {
+  background-position: -160px -32px;
+}
+.ui-icon-arrow-2-se-nw {
+  background-position: -176px -32px;
+}
+.ui-icon-arrowstop-1-n {
+  background-position: -192px -32px;
+}
+.ui-icon-arrowstop-1-e {
+  background-position: -208px -32px;
+}
+.ui-icon-arrowstop-1-s {
+  background-position: -224px -32px;
+}
+.ui-icon-arrowstop-1-w {
+  background-position: -240px -32px;
+}
+.ui-icon-arrowthick-1-n {
+  background-position: 0 -48px;
+}
+.ui-icon-arrowthick-1-ne {
+  background-position: -16px -48px;
+}
+.ui-icon-arrowthick-1-e {
+  background-position: -32px -48px;
+}
+.ui-icon-arrowthick-1-se {
+  background-position: -48px -48px;
+}
+.ui-icon-arrowthick-1-s {
+  background-position: -64px -48px;
+}
+.ui-icon-arrowthick-1-sw {
+  background-position: -80px -48px;
+}
+.ui-icon-arrowthick-1-w {
+  background-position: -96px -48px;
+}
+.ui-icon-arrowthick-1-nw {
+  background-position: -112px -48px;
+}
+.ui-icon-arrowthick-2-n-s {
+  background-position: -128px -48px;
+}
+.ui-icon-arrowthick-2-ne-sw {
+  background-position: -144px -48px;
+}
+.ui-icon-arrowthick-2-e-w {
+  background-position: -160px -48px;
+}
+.ui-icon-arrowthick-2-se-nw {
+  background-position: -176px -48px;
+}
+.ui-icon-arrowthickstop-1-n {
+  background-position: -192px -48px;
+}
+.ui-icon-arrowthickstop-1-e {
+  background-position: -208px -48px;
+}
+.ui-icon-arrowthickstop-1-s {
+  background-position: -224px -48px;
+}
+.ui-icon-arrowthickstop-1-w {
+  background-position: -240px -48px;
+}
+.ui-icon-arrowreturnthick-1-w {
+  background-position: 0 -64px;
+}
+.ui-icon-arrowreturnthick-1-n {
+  background-position: -16px -64px;
+}
+.ui-icon-arrowreturnthick-1-e {
+  background-position: -32px -64px;
+}
+.ui-icon-arrowreturnthick-1-s {
+  background-position: -48px -64px;
+}
+.ui-icon-arrowreturn-1-w {
+  background-position: -64px -64px;
+}
+.ui-icon-arrowreturn-1-n {
+  background-position: -80px -64px;
+}
+.ui-icon-arrowreturn-1-e {
+  background-position: -96px -64px;
+}
+.ui-icon-arrowreturn-1-s {
+  background-position: -112px -64px;
+}
+.ui-icon-arrowrefresh-1-w {
+  background-position: -128px -64px;
+}
+.ui-icon-arrowrefresh-1-n {
+  background-position: -144px -64px;
+}
+.ui-icon-arrowrefresh-1-e {
+  background-position: -160px -64px;
+}
+.ui-icon-arrowrefresh-1-s {
+  background-position: -176px -64px;
+}
+.ui-icon-arrow-4 {
+  background-position: 0 -80px;
+}
+.ui-icon-arrow-4-diag {
+  background-position: -16px -80px;
+}
+.ui-icon-extlink {
+  background-position: -32px -80px;
+}
+.ui-icon-newwin {
+  background-position: -48px -80px;
+}
+.ui-icon-refresh {
+  background-position: -64px -80px;
+}
+.ui-icon-shuffle {
+  background-position: -80px -80px;
+}
+.ui-icon-transfer-e-w {
+  background-position: -96px -80px;
+}
+.ui-icon-transferthick-e-w {
+  background-position: -112px -80px;
+}
+.ui-icon-folder-collapsed {
+  background-position: 0 -96px;
+}
+.ui-icon-folder-open {
+  background-position: -16px -96px;
+}
+.ui-icon-document {
+  background-position: -32px -96px;
+}
+.ui-icon-document-b {
+  background-position: -48px -96px;
+}
+.ui-icon-note {
+  background-position: -64px -96px;
+}
+.ui-icon-mail-closed {
+  background-position: -80px -96px;
+}
+.ui-icon-mail-open {
+  background-position: -96px -96px;
+}
+.ui-icon-suitcase {
+  background-position: -112px -96px;
+}
+.ui-icon-comment {
+  background-position: -128px -96px;
+}
+.ui-icon-person {
+  background-position: -144px -96px;
+}
+.ui-icon-print {
+  background-position: -160px -96px;
+}
+.ui-icon-trash {
+  background-position: -176px -96px;
+}
+.ui-icon-locked {
+  background-position: -192px -96px;
+}
+.ui-icon-unlocked {
+  background-position: -208px -96px;
+}
+.ui-icon-bookmark {
+  background-position: -224px -96px;
+}
+.ui-icon-tag {
+  background-position: -240px -96px;
+}
+.ui-icon-home {
+  background-position: 0 -112px;
+}
+.ui-icon-flag {
+  background-position: -16px -112px;
+}
+.ui-icon-calendar {
+  background-position: -32px -112px;
+}
+.ui-icon-cart {
+  background-position: -48px -112px;
+}
+.ui-icon-pencil {
+  background-position: -64px -112px;
+}
+.ui-icon-clock {
+  background-position: -80px -112px;
+}
+.ui-icon-disk {
+  background-position: -96px -112px;
+}
+.ui-icon-calculator {
+  background-position: -112px -112px;
+}
+.ui-icon-zoomin {
+  background-position: -128px -112px;
+}
+.ui-icon-zoomout {
+  background-position: -144px -112px;
+}
+.ui-icon-search {
+  background-position: -160px -112px;
+}
+.ui-icon-wrench {
+  background-position: -176px -112px;
+}
+.ui-icon-gear {
+  background-position: -192px -112px;
+}
+.ui-icon-heart {
+  background-position: -208px -112px;
+}
+.ui-icon-star {
+  background-position: -224px -112px;
+}
+.ui-icon-link {
+  background-position: -240px -112px;
+}
+.ui-icon-cancel {
+  background-position: 0 -128px;
+}
+.ui-icon-plus {
+  background-position: -16px -128px;
+}
+.ui-icon-plusthick {
+  background-position: -32px -128px;
+}
+.ui-icon-minus {
+  background-position: -48px -128px;
+}
+.ui-icon-minusthick {
+  background-position: -64px -128px;
+}
+.ui-icon-close {
+  background-position: -80px -128px;
+}
+.ui-icon-closethick {
+  background-position: -96px -128px;
+}
+.ui-icon-key {
+  background-position: -112px -128px;
+}
+.ui-icon-lightbulb {
+  background-position: -128px -128px;
+}
+.ui-icon-scissors {
+  background-position: -144px -128px;
+}
+.ui-icon-clipboard {
+  background-position: -160px -128px;
+}
+.ui-icon-copy {
+  background-position: -176px -128px;
+}
+.ui-icon-contact {
+  background-position: -192px -128px;
+}
+.ui-icon-image {
+  background-position: -208px -128px;
+}
+.ui-icon-video {
+  background-position: -224px -128px;
+}
+.ui-icon-script {
+  background-position: -240px -128px;
+}
+.ui-icon-alert {
+  background-position: 0 -144px;
+}
+.ui-icon-info {
+  background-position: -16px -144px;
+}
+.ui-icon-notice {
+  background-position: -32px -144px;
+}
+.ui-icon-help {
+  background-position: -48px -144px;
+}
+.ui-icon-check {
+  background-position: -64px -144px;
+}
+.ui-icon-bullet {
+  background-position: -80px -144px;
+}
+.ui-icon-radio-on {
+  background-position: -96px -144px;
+}
+.ui-icon-radio-off {
+  background-position: -112px -144px;
+}
+.ui-icon-pin-w {
+  background-position: -128px -144px;
+}
+.ui-icon-pin-s {
+  background-position: -144px -144px;
+}
+.ui-icon-play {
+  background-position: 0 -160px;
+}
+.ui-icon-pause {
+  background-position: -16px -160px;
+}
+.ui-icon-seek-next {
+  background-position: -32px -160px;
+}
+.ui-icon-seek-prev {
+  background-position: -48px -160px;
+}
+.ui-icon-seek-end {
+  background-position: -64px -160px;
+}
+.ui-icon-seek-start {
+  background-position: -80px -160px;
+}
+.ui-icon-seek-first {
+  background-position: -80px -160px;
+}
+.ui-icon-stop {
+  background-position: -96px -160px;
+}
+.ui-icon-eject {
+  background-position: -112px -160px;
+}
+.ui-icon-volume-off {
+  background-position: -128px -160px;
+}
+.ui-icon-volume-on {
+  background-position: -144px -160px;
+}
+.ui-icon-power {
+  background-position: 0 -176px;
+}
+.ui-icon-signal-diag {
+  background-position: -16px -176px;
+}
+.ui-icon-signal {
+  background-position: -32px -176px;
+}
+.ui-icon-battery-0 {
+  background-position: -48px -176px;
+}
+.ui-icon-battery-1 {
+  background-position: -64px -176px;
+}
+.ui-icon-battery-2 {
+  background-position: -80px -176px;
+}
+.ui-icon-battery-3 {
+  background-position: -96px -176px;
+}
+.ui-icon-circle-plus {
+  background-position: 0 -192px;
+}
+.ui-icon-circle-minus {
+  background-position: -16px -192px;
+}
+.ui-icon-circle-close {
+  background-position: -32px -192px;
+}
+.ui-icon-circle-triangle-e {
+  background-position: -48px -192px;
+}
+.ui-icon-circle-triangle-s {
+  background-position: -64px -192px;
+}
+.ui-icon-circle-triangle-w {
+  background-position: -80px -192px;
+}
+.ui-icon-circle-triangle-n {
+  background-position: -96px -192px;
+}
+.ui-icon-circle-arrow-e {
+  background-position: -112px -192px;
+}
+.ui-icon-circle-arrow-s {
+  background-position: -128px -192px;
+}
+.ui-icon-circle-arrow-w {
+  background-position: -144px -192px;
+}
+.ui-icon-circle-arrow-n {
+  background-position: -160px -192px;
+}
+.ui-icon-circle-zoomin {
+  background-position: -176px -192px;
+}
+.ui-icon-circle-zoomout {
+  background-position: -192px -192px;
+}
+.ui-icon-circle-check {
+  background-position: -208px -192px;
+}
+.ui-icon-circlesmall-plus {
+  background-position: 0 -208px;
+}
+.ui-icon-circlesmall-minus {
+  background-position: -16px -208px;
+}
+.ui-icon-circlesmall-close {
+  background-position: -32px -208px;
+}
+.ui-icon-squaresmall-plus {
+  background-position: -48px -208px;
+}
+.ui-icon-squaresmall-minus {
+  background-position: -64px -208px;
+}
+.ui-icon-squaresmall-close {
+  background-position: -80px -208px;
+}
+.ui-icon-grip-dotted-vertical {
+  background-position: 0 -224px;
+}
+.ui-icon-grip-dotted-horizontal {
+  background-position: -16px -224px;
+}
+.ui-icon-grip-solid-vertical {
+  background-position: -32px -224px;
+}
+.ui-icon-grip-solid-horizontal {
+  background-position: -48px -224px;
+}
+.ui-icon-gripsmall-diagonal-se {
+  background-position: -64px -224px;
+}
+.ui-icon-grip-diagonal-se {
+  background-position: -80px -224px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+  border-top-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+  border-top-right-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+  border-bottom-left-radius: 5px;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+  border-bottom-right-radius: 5px;
+}
+.ui-widget-overlay {
+  background: #aaa;
+  opacity: 0.3;
+  filter: Alpha(Opacity=30);
+}
+.ui-widget-shadow {
+  margin: -8px 0 0 -8px;
+  padding: 8px;
+  background: #aaa;
+  opacity: 0.3;
+  filter: Alpha(Opacity=30);
+  border-radius: 8px;
+}
diff --git a/quarter/assets/fonts/flaticon.eot b/quarter/assets/fonts/flaticon.eot
new file mode 100644
index 0000000..419abc8
Binary files /dev/null and b/quarter/assets/fonts/flaticon.eot differ
diff --git a/quarter/assets/fonts/flaticon.svg b/quarter/assets/fonts/flaticon.svg
new file mode 100644
index 0000000..4f2e679
--- /dev/null
+++ b/quarter/assets/fonts/flaticon.svg
@@ -0,0 +1,576 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="flaticon" horiz-adv-x="300">
+    <font-face font-family="flaticon"
+      units-per-em="300" ascent="300"
+      descent="0" >
+    <missing-glyph horiz-adv-x="0" >
+    <glyph glyph-name="add-to-cart"
+      unicode="&#xF101;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-to-cart-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x74;&#x6F;&#x2D;&#x63;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#xF102;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user-1-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user"
+      unicode="&#xF103;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add"
+      unicode="&#xF104;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="add-1"
+      unicode="&#x61;&#x64;&#x64;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="airplane"
+      unicode="&#xF105;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133843 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387243 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="airplane-1"
+      unicode="&#x61;&#x69;&#x72;&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133844 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387244 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#xF106;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment-1-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment"
+      unicode="&#xF107;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.9944461741529 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.994446174153 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="armchair"
+      unicode="&#xF108;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="armchair-1"
+      unicode="&#x61;&#x72;&#x6D;&#x63;&#x68;&#x61;&#x69;&#x72;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="bathtub"
+      unicode="&#xF109;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bathtub-1"
+      unicode="&#x62;&#x61;&#x74;&#x68;&#x74;&#x75;&#x62;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#xF10A;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed-1-1"
+      unicode="&#x62;&#x65;&#x64;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331000001 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed"
+      unicode="&#xF10B;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="beds"
+      unicode="&#xF10C;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="beds-1"
+      unicode="&#x62;&#x65;&#x64;&#x73;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="book"
+      unicode="&#xF10D;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="book-1"
+      unicode="&#x62;&#x6F;&#x6F;&#x6B;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="branch"
+      unicode="&#xF10E;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110584 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="branch-1"
+      unicode="&#x62;&#x72;&#x61;&#x6E;&#x63;&#x68;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110585 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="building"
+      unicode="&#xF10F;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="building-1"
+      unicode="&#x62;&#x75;&#x69;&#x6C;&#x64;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="buy-home"
+      unicode="&#xF110;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-home-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-online"
+      unicode="&#xF111;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="buy-online-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="call-center-agent"
+      unicode="&#xF112;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="call-center-agent-1"
+      unicode="&#x63;&#x61;&#x6C;&#x6C;&#x2D;&#x63;&#x65;&#x6E;&#x74;&#x65;&#x72;&#x2D;&#x61;&#x67;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="car"
+      unicode="&#xF113;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="car-1"
+      unicode="&#x63;&#x61;&#x72;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="chat"
+      unicode="&#xF114;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="chat-1"
+      unicode="&#x63;&#x68;&#x61;&#x74;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="clean"
+      unicode="&#xF115;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="clean-1"
+      unicode="&#x63;&#x6C;&#x65;&#x61;&#x6E;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="deal-1"
+      unicode="&#xF116;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal-1-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal"
+      unicode="&#xF117;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890404H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890404H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="deal-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890405H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890405H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="dining-table-with-chairs"
+      unicode="&#xF118;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858474 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="dining-table-with-chairs-1"
+      unicode="&#x64;&#x69;&#x6E;&#x69;&#x6E;&#x67;&#x2D;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2D;&#x77;&#x69;&#x74;&#x68;&#x2D;&#x63;&#x68;&#x61;&#x69;&#x72;&#x73;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858475 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="double-bed"
+      unicode="&#xF119;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="double-bed-1"
+      unicode="&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="dryer"
+      unicode="&#xF11A;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dryer-1"
+      unicode="&#x64;&#x72;&#x79;&#x65;&#x72;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dumbbell"
+      unicode="&#xF11B;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbell"
+      unicode="&#xF11C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="dumbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="excavator"
+      unicode="&#xF11D;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="excavator-1"
+      unicode="&#x65;&#x78;&#x63;&#x61;&#x76;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="expand"
+      unicode="&#xF11E;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="expand-1"
+      unicode="&#x65;&#x78;&#x70;&#x61;&#x6E;&#x64;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol"
+      unicode="&#xF11F;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol-1"
+      unicode="&#x66;&#x61;&#x73;&#x74;&#x2D;&#x66;&#x6F;&#x72;&#x77;&#x61;&#x72;&#x64;&#x2D;&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;&#x73;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="financial"
+      unicode="&#xF120;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="financial-1"
+      unicode="&#x66;&#x69;&#x6E;&#x61;&#x6E;&#x63;&#x69;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="garage-1"
+      unicode="&#xF121;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337972 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage-1-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337973 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage"
+      unicode="&#xF122;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="garage-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="google-docs"
+      unicode="&#xF123;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="google-docs-1"
+      unicode="&#x67;&#x6F;&#x6F;&#x67;&#x6C;&#x65;&#x2D;&#x64;&#x6F;&#x63;&#x73;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#xF124;"
+      horiz-adv-x="300" d="M275.4664589327671 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355803 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327671 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart-1-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M275.4664589327672 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355804 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327672 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart"
+      unicode="&#xF125;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="home-1"
+      unicode="&#xF126;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500001 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-1-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500002 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-2"
+      unicode="&#xF127;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102261 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355914 150.0017577919009 288.2796295355914S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274923 182.9878946731093 288.2813873274923 179.2965316812694C288.2813873274923 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355914H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907954 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-2-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102262 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355915 150.0017577919009 288.2796295355915S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274924 182.9878946731093 288.2813873274924 179.2965316812694C288.2813873274924 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355915H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907955 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-3"
+      unicode="&#xF128;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home-3-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home"
+      unicode="&#xF129;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="home-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="hospital"
+      unicode="&#xF12A;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="hospital-1"
+      unicode="&#x68;&#x6F;&#x73;&#x70;&#x69;&#x74;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="house-1"
+      unicode="&#xF12B;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-1-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-2"
+      unicode="&#xF12C;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-2-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-3"
+      unicode="&#xF12D;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-3-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-4"
+      unicode="&#xF12E;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-4-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x34;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-key"
+      unicode="&#xF12F;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747578 139.0957622091874 273.5747709747578 141.82429315231C273.5747709747578 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house-key-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747579 139.0957622091874 273.5747709747579 141.82429315231C273.5747709747579 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house"
+      unicode="&#xF130;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="house-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="key-1"
+      unicode="&#xF131;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key-1-1"
+      unicode="&#x6B;&#x65;&#x79;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key"
+      unicode="&#xF132;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="key-1"
+      unicode="&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#xF133;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote-1-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote"
+      unicode="&#xF134;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937501 73.96046484375 299.9970135937501 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937502 73.96046484375 299.9970135937502 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quotes-sign"
+      unicode="&#xF135;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="left-quotes-sign-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x73;&#x2D;&#x73;&#x69;&#x67;&#x6E;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="location"
+      unicode="&#xF136;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875001C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="location-1"
+      unicode="&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875002C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="loupe"
+      unicode="&#xF137;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="loupe-1"
+      unicode="&#x6C;&#x6F;&#x75;&#x70;&#x65;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="mall"
+      unicode="&#xF138;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="mall-1"
+      unicode="&#x6D;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="maps-and-location"
+      unicode="&#xF139;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="maps-and-location-1"
+      unicode="&#x6D;&#x61;&#x70;&#x73;&#x2D;&#x61;&#x6E;&#x64;&#x2D;&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="measure"
+      unicode="&#xF13A;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="measure-1"
+      unicode="&#x6D;&#x65;&#x61;&#x73;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="metro"
+      unicode="&#xF13B;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="metro-1"
+      unicode="&#x6D;&#x65;&#x74;&#x72;&#x6F;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="mortarboard"
+      unicode="&#xF13C;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortarboard-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x61;&#x72;&#x62;&#x6F;&#x61;&#x72;&#x64;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortgage"
+      unicode="&#xF13D;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mortgage-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x67;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mountain"
+      unicode="&#xF13E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="mountain-1"
+      unicode="&#x6D;&#x6F;&#x75;&#x6E;&#x74;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="office"
+      unicode="&#xF13F;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351352 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="office-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x65;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351353 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="official-documents"
+      unicode="&#xF140;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="official-documents-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x69;&#x61;&#x6C;&#x2D;&#x64;&#x6F;&#x63;&#x75;&#x6D;&#x65;&#x6E;&#x74;&#x73;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="online-shop"
+      unicode="&#xF141;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844131L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="online-shop-1"
+      unicode="&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;&#x2D;&#x73;&#x68;&#x6F;&#x70;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844132L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="operator"
+      unicode="&#xF142;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="operator-1"
+      unicode="&#x6F;&#x70;&#x65;&#x72;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="package"
+      unicode="&#xF143;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101324 152.622985546875 294.1406135101324 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="package-1"
+      unicode="&#x70;&#x61;&#x63;&#x6B;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101325 152.622985546875 294.1406135101325 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="park"
+      unicode="&#xF144;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="park-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="parking"
+      unicode="&#xF145;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="parking-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="pencil"
+      unicode="&#xF146;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="pencil-1"
+      unicode="&#x70;&#x65;&#x6E;&#x63;&#x69;&#x6C;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="phone-call"
+      unicode="&#xF147;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="phone-call-1"
+      unicode="&#x70;&#x68;&#x6F;&#x6E;&#x65;&#x2D;&#x63;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="pin"
+      unicode="&#xF148;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="pin-1"
+      unicode="&#x70;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="plane"
+      unicode="&#xF149;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plane-1"
+      unicode="&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plus"
+      unicode="&#xF14A;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="plus-1"
+      unicode="&#x70;&#x6C;&#x75;&#x73;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="quotation"
+      unicode="&#xF14B;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="quotation-1"
+      unicode="&#x71;&#x75;&#x6F;&#x74;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="right-arrow"
+      unicode="&#xF14C;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-arrow-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-quote"
+      unicode="&#xF14D;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="right-quote-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="salad"
+      unicode="&#xF14E;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="salad-1"
+      unicode="&#x73;&#x61;&#x6C;&#x61;&#x64;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="secure-shield"
+      unicode="&#xF14F;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109986 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure-shield-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x69;&#x65;&#x6C;&#x64;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109987 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure"
+      unicode="&#xF150;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="secure-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="select"
+      unicode="&#xF151;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="select-1"
+      unicode="&#x73;&#x65;&#x6C;&#x65;&#x63;&#x74;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="sewing"
+      unicode="&#xF152;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="sewing-1"
+      unicode="&#x73;&#x65;&#x77;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="slider"
+      unicode="&#xF153;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000001V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000001L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250001L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slider-1"
+      unicode="&#x73;&#x6C;&#x69;&#x64;&#x65;&#x72;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000002V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000002L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250002L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slumber"
+      unicode="&#xF154;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="slumber-1"
+      unicode="&#x73;&#x6C;&#x75;&#x6D;&#x62;&#x65;&#x72;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol"
+      unicode="&#xF155;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol-1"
+      unicode="&#x73;&#x71;&#x75;&#x61;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x61;&#x70;&#x65;&#x2D;&#x64;&#x65;&#x73;&#x69;&#x67;&#x6E;&#x2D;&#x69;&#x6E;&#x74;&#x65;&#x72;&#x66;&#x61;&#x63;&#x65;&#x2D;&#x74;&#x6F;&#x6F;&#x6C;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="stethoscope"
+      unicode="&#xF156;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193495 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267263 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.4666806942399 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649143C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="stethoscope-1"
+      unicode="&#x73;&#x74;&#x65;&#x74;&#x68;&#x6F;&#x73;&#x63;&#x6F;&#x70;&#x65;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193496 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267264 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.46668069424 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649144C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="support"
+      unicode="&#xF157;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="support-1"
+      unicode="&#x73;&#x75;&#x70;&#x70;&#x6F;&#x72;&#x74;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="swimming"
+      unicode="&#xF158;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.972605415245 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="swimming-1"
+      unicode="&#x73;&#x77;&#x69;&#x6D;&#x6D;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.9726054152451 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="toilet"
+      unicode="&#xF159;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="toilet-1"
+      unicode="&#x74;&#x6F;&#x69;&#x6C;&#x65;&#x74;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="train"
+      unicode="&#xF15A;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="train-1"
+      unicode="&#x74;&#x72;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="user-1"
+      unicode="&#xF15B;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user-1-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user"
+      unicode="&#xF15C;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="user-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="vegetable"
+      unicode="&#xF15D;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="vegetable-1"
+      unicode="&#x76;&#x65;&#x67;&#x65;&#x74;&#x61;&#x62;&#x6C;&#x65;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="washer"
+      unicode="&#xF15E;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+    <glyph glyph-name="washer-1"
+      unicode="&#x77;&#x61;&#x73;&#x68;&#x65;&#x72;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+  </font>
+</defs>
+</svg>
diff --git a/quarter/assets/fonts/flaticon.ttf b/quarter/assets/fonts/flaticon.ttf
new file mode 100644
index 0000000..dee8e79
Binary files /dev/null and b/quarter/assets/fonts/flaticon.ttf differ
diff --git a/quarter/assets/fonts/flaticon.woff b/quarter/assets/fonts/flaticon.woff
new file mode 100644
index 0000000..eea8270
Binary files /dev/null and b/quarter/assets/fonts/flaticon.woff differ
diff --git a/quarter/assets/fonts/flaticon.woff2 b/quarter/assets/fonts/flaticon.woff2
new file mode 100644
index 0000000..20712d6
Binary files /dev/null and b/quarter/assets/fonts/flaticon.woff2 differ
diff --git a/quarter/assets/fonts/icomoon.eot b/quarter/assets/fonts/icomoon.eot
new file mode 100644
index 0000000..1e6a190
Binary files /dev/null and b/quarter/assets/fonts/icomoon.eot differ
diff --git a/quarter/assets/fonts/icomoon.svg b/quarter/assets/fonts/icomoon.svg
new file mode 100644
index 0000000..a39fd80
--- /dev/null
+++ b/quarter/assets/fonts/icomoon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" >
+<missing-glyph horiz-adv-x="1024" >
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" >
+<glyph unicode="&#xe900;" glyph-name="cancel" d="M568.571 447.997l443.713 443.715c15.622 15.622 15.622 40.95 0 56.57s-40.95 15.622-56.57 0l-443.715-443.715-443.713 443.715c-15.622 15.622-40.95 15.622-56.57 0s-15.622-40.95 0-56.57l443.713-443.713-443.713-443.715c-15.622-15.622-15.622-40.95 0-56.57 7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714l443.711 443.713 443.713-443.713c7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714c15.622 15.622 15.622 40.95 0 56.57l-443.713 443.713z" >
+<glyph unicode="&#xe901;" glyph-name="star" d="M1022.53 565.486c-3.528 10.862-12.914 18.778-24.214 20.418l-317.445 46.13-141.969 287.653c-5.052 10.24-15.482 16.722-26.9 16.722-11.42 0-21.848-6.482-26.902-16.722l-141.975-287.653-317.439-46.13c-11.298-1.64-20.688-9.556-24.216-20.416-3.53-10.862-0.586-22.784 7.592-30.754l229.695-223.907-54.216-316.165c-1.932-11.256 2.696-22.628 11.934-29.342 5.226-3.796 11.416-5.728 17.636-5.728 4.776 0 9.568 1.138 13.956 3.446l283.933 149.275 283.921-149.273c10.11-5.314 22.356-4.43 31.594 2.282s13.868 18.088 11.938 29.344l-54.234 316.161 229.721 223.909c8.176 7.968 11.122 19.89 7.59 30.75z" >
+<glyph unicode="&#xe902;" glyph-name="star-1" d="M229.193-43.294c-11.219 0-22.36 3.5-31.868 10.375-17.711 12.836-25.985 34.899-21.165 56.189l65.877 290.187-223.412 195.927c-16.422 14.336-22.696 37.040-15.954 57.814 6.742 20.735 25.087 35.415 46.806 37.423l295.601 26.837 116.87 273.499c8.617 20.094 28.243 33.071 50.048 33.071s41.431-12.977 50.048-33.024l116.87-273.546 295.554-26.837c21.766-1.961 40.11-16.688 46.853-37.423s0.508-43.478-15.914-57.814l-223.412-195.888 65.877-290.179c4.828-21.336-3.453-43.4-21.157-56.197-17.665-12.797-41.22-13.782-59.822-2.602l-254.897 152.324-254.897-152.41c-8.617-5.117-18.219-7.727-27.907-7.727zM511.998 182.462c9.688 0 19.282-2.602 27.907-7.719l240.561-143.879-62.173 273.89c-4.438 19.493 2.18 39.845 17.243 53.033l210.951 185.005-279.093 25.344c-20.094 1.836-37.376 14.469-45.228 32.985l-110.167 258.1-110.3-258.139c-7.766-18.391-25.048-31.024-45.095-32.86l-279.132-25.344 210.943-185.005c15.11-13.227 21.719-33.54 17.243-53.079l-62.127-273.882 240.561 143.832c8.617 5.117 18.219 7.719 27.907 7.719zM342.821 626.169s0-0.047-0.047-0.086zM681.088 626.294l0.047-0.086c0 0.047 0 0.047-0.047 0.086z" >
+<glyph unicode="&#xe903;" glyph-name="plus" d="M984 488h-432v432c0 22.092-17.908 40-40 40s-40-17.908-40-40v-432h-432c-22.092 0-40-17.908-40-40s17.908-40 40-40h432v-432c0-22.092 17.908-40 40-40s40 17.908 40 40v432h432c22.092 0 40 17.908 40 40s-17.908 40-40 40z" >
+<glyph unicode="&#xe904;" glyph-name="remove" d="M981.332 490.668h-938.665c-23.565 0-42.668-19.103-42.668-42.668s19.102-42.668 42.668-42.668h938.668c23.565 0 42.668 19.102 42.668 42.668s-19.105 42.668-42.67 42.668z" >
+<glyph unicode="&#xe905;" glyph-name="compare" d="M358.912 345.6h-358.912v-102.4h358.912v-153.6l204.288 204.8-204.288 204.8zM665.088 652.8v153.6l-204.288-204.8 204.288-204.8v153.6h358.912v102.4z" >
+<glyph unicode="&#xe906;" glyph-name="facebook" d="M682.539 789.973h93.483v162.816c-16.128 2.219-71.595 7.211-136.192 7.211-134.784 0-227.115-84.779-227.115-240.597v-143.403h-148.736v-182.016h148.736v-457.984h182.357v457.941h142.72l22.656 182.016h-165.419v125.397c0.043 52.608 14.208 88.619 87.509 88.619z" >
+<glyph unicode="&#xe907;" glyph-name="twitter" d="M1024 765.504c-38.080-16.704-78.656-27.776-120.96-33.152 43.52 25.984 76.736 66.816 92.352 116.032-40.576-24.192-85.376-41.28-133.12-50.816-38.528 41.024-93.44 66.432-153.344 66.432-116.224 0-209.792-94.336-209.792-209.984 0-16.64 1.408-32.64 4.864-47.872-174.528 8.512-328.96 92.16-432.704 219.584-18.112-31.424-28.736-67.392-28.736-106.112 0-72.704 37.44-137.152 93.248-174.464-33.728 0.64-66.816 10.432-94.848 25.856 0-0.64 0-1.472 0-2.304 0-102.016 72.768-186.752 168.192-206.272-17.088-4.672-35.712-6.912-55.040-6.912-13.44 0-27.008 0.768-39.744 3.584 27.2-83.136 104.384-144.256 196.16-146.24-71.424-55.872-162.112-89.536-260.288-89.536-17.216 0-33.728 0.768-50.24 2.88 92.992-59.968 203.2-94.208 322.048-94.208 386.304 0 597.504 320 597.504 597.376 0 9.28-0.32 18.24-0.768 27.136 41.664 29.568 76.672 66.496 105.216 108.992z" >
+<glyph unicode="&#xe908;" glyph-name="linkedin" d="M1023.744-64v0.043h0.256v375.552c0 183.723-39.552 325.248-254.336 325.248-103.253 0-172.544-56.661-200.832-110.379h-2.987v93.227h-203.648v-683.648h212.053v338.517c0 89.131 16.896 175.317 127.275 175.317 108.757 0 110.379-101.717 110.379-181.035v-332.843zM16.896 619.648h212.309v-683.648h-212.309zM122.965 960c-67.883 0-122.965-55.083-122.965-122.965s55.083-124.117 122.965-124.117 122.965 56.235 122.965 124.117c-0.043 67.883-55.125 122.965-122.965 122.965z" >
+<glyph unicode="&#xe909;" glyph-name="whatsapp" d="M512.128 960h-0.256c-282.304 0-511.872-229.632-511.872-512 0-112 36.096-215.808 97.472-300.096l-63.808-190.208 196.8 62.912c80.96-53.632 177.536-84.608 281.664-84.608 282.304 0 511.872 229.696 511.872 512s-229.568 512-511.872 512zM810.048 236.992c-12.352-34.88-61.376-63.808-100.48-72.256-26.752-5.696-61.696-10.24-179.328 38.528-150.464 62.336-247.36 215.232-254.912 225.152-7.232 9.92-60.8 80.96-60.8 154.432s37.312 109.248 52.352 124.608c12.352 12.608 32.768 18.368 52.352 18.368 6.336 0 12.032-0.32 17.152-0.576 15.040-0.64 22.592-1.536 32.512-25.28 12.352-29.76 42.432-103.232 46.016-110.784 3.648-7.552 7.296-17.792 2.176-27.712-4.8-10.24-9.024-14.784-16.576-23.488s-14.72-15.36-22.272-24.704c-6.912-8.128-14.72-16.832-6.016-31.872 8.704-14.72 38.784-63.808 83.072-103.232 57.152-50.88 103.488-67.136 120.064-74.048 12.352-5.12 27.072-3.904 36.096 5.696 11.456 12.352 25.6 32.832 40 52.992 10.24 14.464 23.168 16.256 36.736 11.136 13.824-4.8 86.976-40.96 102.016-48.448 15.040-7.552 24.96-11.136 28.608-17.472 3.584-6.336 3.584-36.096-8.768-71.040z" >
+<glyph unicode="&#xe90a;" glyph-name="youtube" d="M980.48 732.16c-27.776 49.408-57.92 58.496-119.296 61.952-61.312 4.16-215.488 5.888-349.056 5.888-133.824 0-288.064-1.728-349.312-5.824-61.248-3.52-91.456-12.544-119.488-62.016-28.608-49.344-43.328-134.336-43.328-283.968 0-0.128 0-0.192 0-0.192 0-0.128 0-0.192 0-0.192v-0.128c0-148.992 14.72-234.624 43.328-283.456 28.032-49.408 58.176-58.368 119.424-62.528 61.312-3.584 215.552-5.696 349.376-5.696 133.568 0 287.744 2.112 349.12 5.632 61.376 4.16 91.52 13.12 119.296 62.528 28.864 48.832 43.456 134.464 43.456 283.456 0 0 0 0.192 0 0.32 0 0 0 0.128 0 0.192 0 149.696-14.592 234.688-43.52 284.032zM384 256v384l320-192-320-192z" >
+<glyph unicode="&#xe90b;" glyph-name="mail" d="M971.486 789.334h-918.972c-28.884 0-52.514-23.63-52.514-52.512v-577.642c0-28.88 23.63-52.514 52.514-52.514h918.974c28.88 0 52.514 23.63 52.514 52.514v577.642c-0.002 28.882-23.632 52.512-52.516 52.512zM951.78 749.952l-409.572-307.204c-7.364-5.604-18.668-9.11-30.21-9.058-11.54-0.052-22.842 3.454-30.208 9.058l-409.572 307.204h879.562zM733 422.478l223.18-275.694c0.224-0.276 0.498-0.486 0.736-0.736h-889.832c0.236 0.262 0.512 0.46 0.736 0.736l223.18 275.694c6.838 8.454 5.542 20.848-2.928 27.702-8.454 6.838-20.848 5.542-27.688-2.914l-221-273.002v551.072l418.788-314.092c15.742-11.724 34.894-16.884 53.824-16.936 18.904 0.040 38.072 5.2 53.824 16.936l418.788 314.092v-551.068l-220.994 272.998c-6.84 8.454-19.246 9.754-27.688 2.914-8.468-6.838-9.768-19.248-2.926-27.702z" >
+<glyph unicode="&#xe90c;" glyph-name="placeholder" d="M512 960c-198.504 0-360-161.496-360-360 0-67.068 18.578-132.52 53.738-189.304l285.77-460.514c5.474-8.822 15.118-14.182 25.49-14.182 0.080 0 0.158 0 0.238 0 10.462 0.082 20.126 5.608 25.5 14.584l278.486 464.976c33.22 55.584 50.778 119.362 50.778 184.44 0 198.504-161.496 360-360 360zM769.732 446.364l-253.188-422.736-259.81 418.68c-29.266 47.264-45.134 101.792-45.134 157.692 0 165.42 134.98 300.4 300.4 300.4s300.2-134.98 300.2-300.4c0-54.242-14.822-107.376-42.468-153.636zM512 780c-99.252 0-180-80.748-180-180 0-98.618 79.434-180 180-180 101.806 0 180 82.466 180 180 0 99.252-80.748 180-180 180zM512 479.6c-66.514 0-120.4 54.066-120.4 120.4 0 66.168 54.232 120.4 120.4 120.4s120.2-54.232 120.2-120.4c0-65.366-52.632-120.4-120.2-120.4z" >
+<glyph unicode="&#xe90d;" glyph-name="call" d="M997.13 170.039l-207.261 138.219c-26.302 17.399-61.559 11.674-81.004-13.156l-60.373-77.624c-7.759-10.23-21.863-13.198-33.087-6.963l-11.484 6.331c-38.070 20.751-85.439 46.585-180.879 142.059s-121.326 142.879-142.077 180.879l-6.297 11.484c-6.321 11.222-3.409 25.386 6.825 33.207l77.572 60.355c24.82 19.447 30.553 54.694 13.174 81.004l-138.219 207.261c-17.811 26.792-53.546 34.835-81.12 18.259l-86.669-52.062c-27.232-16.010-47.211-41.938-55.748-72.351-31.209-113.715-7.731-309.97 281.37-599.105 229.974-229.956 401.178-291.797 518.853-291.797 27.082-0.116 54.058 3.407 80.202 10.476 30.419 8.527 56.352 28.508 72.351 55.748l52.114 86.617c16.6 27.58 8.561 63.337-18.243 81.158zM985.97 106.391l-51.994-86.669c-11.488-19.661-30.14-34.117-52.046-40.34-104.978-28.822-288.383-4.949-565.932 272.6s-301.419 460.938-272.598 565.932c6.231 21.933 20.705 40.608 40.39 52.114l86.669 51.994c11.964 7.199 27.474 3.709 35.203-7.917l138.102-207.243c7.547-11.412 5.067-26.708-5.699-35.153l-77.59-60.355c-23.612-18.055-30.355-50.724-15.818-76.653l6.161-11.194c21.809-39.998 48.923-89.757 147.912-188.73 98.989-98.971 148.732-126.087 188.712-147.894l11.21-6.177c25.926-14.536 58.597-7.795 76.653 15.818l60.355 77.59c8.447 10.76 23.736 13.238 35.153 5.699l207.243-138.219c11.634-7.723 15.124-23.241 7.915-35.203zM580.236 789.245c160.138-0.178 289.911-129.953 290.091-290.091 0-9.425 7.639-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.198 178.979-145.238 324.022-324.218 324.218-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 686.861c103.617-0.122 187.584-84.090 187.706-187.706 0-9.425 7.641-17.063 17.063-17.063 9.425 0 17.063 7.639 17.063 17.063-0.142 122.458-99.377 221.693-221.833 221.833-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 584.476c47.097-0.056 85.263-38.222 85.321-85.321 0-9.425 7.641-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.076 65.938-53.51 119.374-119.448 119.448-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063z" >
+<glyph unicode="&#xe90e;" glyph-name="left-arrow" d="M334.018 797.137c14.436 14.436 37.164 14.436 51.6 0 13.949-13.949 13.949-37.164 0-51.080l-261.641-261.641h863.38c20.126 0 36.643-15.997 36.643-36.123s-16.517-36.643-36.643-36.643h-863.38l261.641-261.153c13.949-14.436 13.949-37.684 0-51.6-14.436-14.436-37.164-14.436-51.6 0l-323.581 323.581c-13.949 13.949-13.949 37.164 0 51.080l323.581 323.581z" >
+<glyph unicode="&#xe90f;" glyph-name="next" d="M689.55 797.181c-13.95 14.438-37.168 14.438-51.606 0-13.95-13.95-13.95-37.168 0-51.086l261.674-261.674h-863.49c-20.129-0.033-36.128-16.032-36.128-36.16s15.999-36.648 36.128-36.648h863.49l-261.674-261.187c-13.95-14.438-13.95-37.689 0-51.606 14.438-14.438 37.689-14.438 51.606 0l323.622 323.622c14.438 13.95 14.438 37.168 0 51.086l-323.622 323.654z" >
+<glyph unicode="&#xe910;" glyph-name="arrows" d="M861.287 625.791c14.443-14.443 14.443-37.181 0-51.625-13.955-13.955-37.181-13.955-51.104 0l-261.766 261.766v-863.824c0-20.136-16.005-36.14-36.14-36.14s-36.661 16.005-36.661 36.14v863.857l-261.245-261.766c-14.443-13.955-37.702-13.955-51.625 0-14.443 14.443-14.443 37.181 0 51.625l323.735 323.735c13.955 13.955 37.181 13.955 51.104 0l323.702-323.767z" >
+<glyph unicode="&#xe911;" glyph-name="down-arrow" d="M861.547 270.177c13.955 14.443 13.955 37.181 0 51.625-14.443 13.955-37.702 13.955-51.625 0l-261.766-261.766v863.824c0 20.136-16.005 36.14-36.14 36.14s-36.661-16.005-36.661-36.14v-863.824l-261.245 261.766c-14.443 13.955-37.181 13.955-51.625 0-13.955-14.443-13.955-37.181 0-51.625l323.735-323.735c13.955-13.955 37.181-13.955 51.625 0l323.702 323.735z" >
+<glyph unicode="&#xe912;" glyph-name="mechanic" d="M951.984-31.968c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM920.016 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM983.984 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM999.984 192h-95.968c-8.848 0-16 7.152-16 16s7.152 16 16 16h95.968c8.848 0 16-7.152 16-16s-7.152-16-16-16zM951.984 192c-8.848 0-16 7.152-16 16v208c0 8.848 7.152 16 16 16s16-7.152 16-16v-208c0-8.848-7.152-16-16-16zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688-6.256 6.256-6.256 16.368 0 22.624l32 32c6.256 6.256 16.368 6.256 22.624 0s6.256-16.368 0-22.624l-32-32c-3.12-3.12-7.216-4.688-11.312-4.688zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688l-32 32c-6.256 6.256-6.256 16.368 0 22.624s16.368 6.256 22.624 0l32-32c6.256-6.256 6.256-16.368 0-22.624-3.12-3.12-7.216-4.688-11.312-4.688zM919.984 432c-1.984 0-4 0.352-5.936 1.136-8.208 3.28-12.208 12.592-8.928 20.8l32 80.032c3.28 8.24 12.672 12.224 20.8 8.928 8.208-3.28 12.208-12.592 8.928-20.8l-32-80.032c-2.512-6.272-8.512-10.064-14.864-10.064zM983.984 432c-6.336 0-12.352 3.792-14.864 10.064l-32 80.032c-3.28 8.208 0.72 17.52 8.928 20.8 8.144 3.28 17.52-0.688 20.8-8.928l32-80.032c3.28-8.208-0.72-17.52-8.928-20.8-1.936-0.784-3.952-1.136-5.936-1.136zM792 352.096c-52.944 0-96 43.056-96 96 0 38.064 22.592 72.56 57.584 87.904 4.928 2.176 10.656 1.696 15.168-1.264 4.528-2.96 7.248-7.984 7.248-13.392v-57.248c0-8.832 7.168-16 16-16s16 7.168 16 16v57.248c0 5.408 2.72 10.432 7.248 13.392 4.496 2.976 10.208 3.456 15.168 1.264 34.976-15.328 57.584-49.824 57.584-87.904 0-52.944-43.056-96-96-96zM744 490.336c-10.112-11.472-16-26.384-16-42.24 0-35.296 28.704-64 64-64s64 28.704 64 64c0 15.856-5.888 30.784-16 42.256v-26.256c0-26.464-21.536-48-48-48s-48 21.536-48 48zM792-32.032c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM824-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM760-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM24.016 79.968c-8.848 0-16 7.152-16 16 0 79.424 64.608 144.032 144.032 144.032 8.848 0 16-7.152 16-16s-7.152-16-16-16c-61.776 0-112.032-50.256-112.032-112.032 0-8.848-7.152-16-16-16zM695.984 79.968c-8.848 0-16 7.152-16 16 0 61.744-50.256 112-112 112-8.848 0-16 7.152-16 16s7.152 16 16 16c79.408 0 144-64.592 144-144 0-8.848-7.152-16-16-16zM248 207.968l-95.952 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.952-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM567.984 207.968l-95.984 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.984-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM24.048-31.968c-8.832 0-16 7.152-16 16l-0.032 111.936c0 8.832 7.152 16 16 16 8.832 0 16-7.152 16-16l0.032-111.936c0-8.832-7.152-16-16-16zM695.984-31.968c-8.848 0-16 7.152-16 16v111.936c0 8.848 7.152 16 16 16s16-7.152 16-16v-111.936c0-8.848-7.152-16-16-16zM248 207.968c-8.848 0-16 7.152-16 16v91.712c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.712c0-8.848-7.152-16-16-16zM472 208c-8.848 0-16 7.152-16 16v91.68c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.68c0-8.848-7.152-16-16-16zM360 272c-141.152 0-256 114.848-256 256 0 8.848 7.152 16 16 16s16-7.152 16-16c0-123.52 100.48-224 224-224s224 100.48 224 224c0 8.848 7.152 16 16 16s16-7.152 16-16c0-141.152-114.848-256-256-256zM600 640.032c-8.848 0-16 7.152-16 16 0 123.52-100.48 224-224 224s-224-100.48-224-224c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 141.152 114.848 256 256 256s256-114.848 256-256c0-8.848-7.152-16-16-16zM120 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM600 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM632 576.032h-544c-8.848 0-16 7.152-16 16s7.152 16 16 16h544c8.848 0 16-7.152 16-16s-7.152-16-16-16zM632 576.032c-4.352 0-8.704 1.76-11.856 5.248-0.416 0.432-58.464 58.752-260.144 58.752s-259.712-58.32-260.288-58.912c-6.080-6.32-16.128-6.688-22.544-0.736-6.4 5.968-6.912 15.888-1.024 22.384 2.56 2.832 65.28 69.248 283.856 69.248s281.296-66.416 283.856-69.248c5.936-6.544 5.44-16.672-1.104-22.608-3.072-2.752-6.912-4.128-10.752-4.128zM600 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM120 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM360 880.032c-8.848 0-16 7.152-16 16v16c0 8.848 7.152 16 16 16s16-7.152 16-16v-16c0-8.848-7.152-16-16-16zM360.256 160c-87.568 0-123.808 52.88-125.312 55.12-4.912 7.36-2.928 17.28 4.432 22.192 7.36 4.864 17.2 2.912 22.128-4.336 1.248-1.808 29.216-40.976 98.752-40.976 70.624 0 98.416 40.464 98.688 40.88 4.896 7.36 14.8 9.344 22.192 4.432 7.36-4.912 9.344-14.832 4.432-22.192-1.504-2.24-37.76-55.12-125.312-55.12zM456.272-32c-8.848 0-16 7.152-16 16 0 44.112-35.888 80-80.016 80s-80.016-35.888-80.016-80c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 61.744 50.256 112 112.016 112s112.016-50.256 112.016-112c0-8.848-7.168-16-16-16zM359.984 704c-35.296 0-64 28.704-64 64s28.704 64 64 64 64-28.704 64-64-28.704-64-64-64zM359.984 800c-17.648 0-32-14.352-32-32s14.352-32 32-32 32 14.352 32 32-14.352 32-32 32z" >
+<glyph unicode="&#xe913;" glyph-name="car-service" d="M960 640h48v32h-37.28l-75.28 182.832c-22.32 54.16-74.576 89.168-133.152 89.168h-260.64c-49.040 0-94.256-24.592-120.912-65.76l-134.912-208.496-218.208-62.368c-6.88-1.952-11.616-8.24-11.616-15.376v-208c0-8.832 7.152-16 16-16h80.944c7.984-71.888 69.056-128 143.056-128s135.072 56.112 143.056 128h51.056l8.64-12.976c24.368-36.544 37.248-79.088 37.248-123.024s-12.88-86.48-37.248-123.024l-11.68-17.536c-9.856-14.784-15.056-32-15.056-49.744-0.016-49.456 40.224-89.696 89.664-89.696 17.76 0 34.976 5.216 49.744 15.056l10.88 7.248c17.936 11.952 37.344 21.328 57.68 28.272v-50.576h32v64c0 5.344-2.672 10.336-7.12 13.312l-88.864 59.248v55.44c0 8.816 7.168 16 16 16s16-7.184 16-16v-48h32v208c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v144c0 8.816 7.168 16 16 16s16-7.184 16-16v-144h32v112c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v48c0 8.816 7.168 16 16 16s16-7.184 16-16v-169.376l-27.312-27.312c-3.008-2.992-4.688-7.072-4.688-11.312v-80h32v18.112l4.56-3.040c14.784-9.856 31.984-15.072 49.76-15.072 49.44 0 89.68 40.24 89.68 89.68 0 17.76-5.2 34.96-15.056 49.744l-11.68 17.536c-24.384 36.56-37.264 79.104-37.264 123.040s12.88 86.48 37.248 123.024l11.68 17.536c9.856 14.784 15.056 32 15.056 49.744 0.016 49.456-40.224 89.696-89.664 89.696-17.76 0-34.976-5.216-49.744-15.056l-10.88-7.248c-40.912-27.28-88.528-41.696-137.696-41.696s-96.784 14.416-137.68 41.68l-10.88 7.248c-14.784 9.856-31.984 15.072-49.76 15.072-49.44 0-89.68-40.24-89.68-89.68 0-7.6 1.152-15.056 3.008-22.32h-35.952c-7.984 71.888-69.056 128-143.056 128s-135.072-56.112-143.056-128h-64.944v96h48c8.848 0 16 7.168 16 16v86.224l148.384 42.4c3.728 1.056 6.944 3.44 9.040 6.688l138.176 213.536c20.736 32.032 55.888 51.152 94.048 51.152h260.64c45.568 0 86.224-27.232 103.568-69.36l79.36-192.736c2.448-5.984 8.304-9.904 14.784-9.904zM521.68 480c11.424 0 22.48-3.344 32-9.68l10.88-7.248c46.192-30.8 99.936-47.072 155.44-47.072s109.248 16.272 155.44 47.056l10.88 7.248c9.52 6.336 20.576 9.68 32 9.68 31.808 0.016 57.68-25.856 57.68-57.664 0-11.424-3.344-22.496-9.68-32l-11.68-17.536c-27.904-41.824-42.64-90.496-42.64-140.784s14.736-98.96 42.624-140.784l11.68-17.536c6.336-9.504 9.68-20.576 9.68-32 0.016-31.808-25.856-57.68-57.664-57.68-11.424 0-22.48 3.344-32 9.68l-10.88 7.248c-3.728 2.48-7.616 4.672-11.44 6.96v17.472l27.312 27.312c3.008 3.008 4.688 7.088 4.688 11.328v176c0 26.464-21.536 48-48 48-5.632 0-10.976-1.152-16-2.944v18.944c0 26.464-21.536 48-48 48-6.32 0-12.32-1.296-17.856-3.52-5.52 20.4-24.016 35.52-46.144 35.52s-40.608-15.12-46.144-35.52c-5.536 2.224-11.536 3.52-17.856 3.52-26.464 0-48-21.536-48-48v-114.944c-5.024 1.792-10.368 2.944-16 2.944-26.464 0-48-21.536-48-48v-64c0-5.344 2.672-10.336 7.12-13.312l60.848-40.56c-16.512-6.912-32.432-15.2-47.408-25.184l-10.88-7.248c-9.52-6.336-20.576-9.68-32-9.68-31.808-0.016-57.68 25.856-57.68 57.664 0 11.424 3.344 22.496 9.68 32l11.68 17.536c27.904 41.824 42.64 90.496 42.64 140.784s-14.736 98.96-42.624 140.784l-11.68 17.536c-6.336 9.504-9.68 20.576-9.68 32-0.016 31.808 25.856 57.68 57.664 57.68zM256 496c61.744 0 112-50.24 112-112s-50.256-112-112-112-112 50.24-112 112 50.256 112 112 112zM80 528h-32v51.936l32 9.136zM256 304c44.112 0 80 35.888 80 80s-35.888 80-80 80-80-35.888-80-80 35.888-80 80-80zM256 432c26.464 0 48-21.536 48-48s-21.536-48-48-48-48 21.536-48 48 21.536 48 48 48zM893.184 646.944c2.992 4.336 3.648 9.872 1.744 14.8l-64.208 166.976c-11.808 30.672-41.824 51.28-74.672 51.28h-240.288c-27.984 0-53.456-14.24-68.144-38.080l-109.248-177.536c-3.040-4.944-3.168-11.12-0.336-16.192s8.176-8.192 13.968-8.192h528c5.264 0 10.208 2.592 13.184 6.944zM474.88 825.152c8.8 14.304 24.096 22.848 40.88 22.848h92.24v-176h-227.376zM640 672v176h116.048c19.696 0 37.712-12.368 44.8-30.768l55.856-145.232zM576 608h64v-32h-64zM832 608h64v-32h-64zM384 64c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM304 21.008c-7.104 10.688-16.304 19.872-26.992 26.992 10.688 7.104 19.872 16.304 26.992 26.992 7.104-10.688 16.304-19.872 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM192 176c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM112 133.008c-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992 7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM32 832c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16zM112 874.992c7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992z" >
+<glyph unicode="&#xe914;" glyph-name="key" d="M453.51 690.335l-109.678 109.68c-20.296 20.296-53.322 20.296-73.618 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.678c10.15-10.15 23.478-15.222 36.81-15.222 13.328 0 26.662 5.076 36.808 15.222l43.402 43.4c20.296 20.296 20.296 53.322 0 73.618zM432.9 637.327l-43.402-43.4c-4.328-4.326-10.080-6.71-16.198-6.71-6.12 0-11.872 2.384-16.2 6.71l-109.678 109.678c-8.932 8.932-8.932 23.466 0 32.398l43.402 43.4c4.466 4.466 10.332 6.7 16.2 6.7 5.866 0 11.732-2.234 16.198-6.698l109.678-109.68c4.326-4.328 6.71-10.080 6.71-16.198 0-6.12-2.384-11.872-6.71-16.2zM320.599 557.424l-109.68 109.68c-20.296 20.296-53.32 20.296-73.616 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.68c10.148-10.148 23.478-15.222 36.808-15.222s26.662 5.074 36.81 15.222l43.402 43.402c20.296 20.296 20.296 53.322 0 73.618zM299.989 504.416l-43.402-43.4c-8.932-8.932-23.466-8.93-32.398 0l-109.678 109.68c-4.326 4.328-6.71 10.080-6.71 16.198s2.382 11.872 6.71 16.198l43.402 43.402c4.466 4.466 10.332 6.698 16.198 6.698s11.732-2.232 16.198-6.698l109.68-109.68c8.932-8.932 8.932-23.466 0-32.398zM994.096 621.665l-138.029 138.029c-20.736 20.736-49.42 31.556-78.678 29.702-6.788-0.432-13.45-1.564-19.916-3.296-23.646 18.040-52.24 34.526-83.546 47.948-46.546 19.958-93.882 30.95-133.297 30.95-0.006 0-0.012 0-0.016 0-5.444 0-10.66-0.228-15.664-0.65-11.596 13.362-28.106 22.342-46.74 24.11l-133.149 12.638c-34.152 3.242-67.642-8.81-91.894-33.064l-139.319-139.319c-5.692-5.69-5.692-14.918 0-20.61 5.69-5.69 14.918-5.69 20.61 0l139.319 139.319c18.086 18.086 43.064 27.078 68.53 24.658l133.149-12.638c19.836-1.884 35.6-17.648 37.484-37.484l7.136-75.188c-0.134 0.12-0.27 0.24-0.406 0.362-1.21 1.082-2.406 2.166-3.574 3.256-1.028 0.956-2.040 1.916-3.032 2.878-0.466 0.454-0.93 0.906-1.39 1.362-1.4 1.384-2.776 2.77-4.102 4.162-1.16 1.22-2.27 2.434-3.356 3.646-0.26 0.29-0.518 0.578-0.774 0.866-1.028 1.164-2.030 2.324-2.99 3.478-0.216 0.258-0.418 0.514-0.63 0.772-0.756 0.922-1.488 1.838-2.198 2.752-0.296 0.38-0.596 0.762-0.884 1.14-0.772 1.016-1.518 2.028-2.234 3.032-0.354 0.498-0.692 0.99-1.032 1.484-0.262 0.382-0.514 0.76-0.768 1.138 8.322 17.334 5.358 38.772-8.99 53.12-18.16 18.16-47.71 18.162-65.874 0-18.162-18.162-18.162-47.712 0-65.874 9.080-9.080 21.010-13.62 32.936-13.62 7.294 0 14.582 1.718 21.224 5.114 4.174-5.674 8.988-11.398 14.452-17.14 10.584-11.124 23.228-21.96 37.446-32.236l1.676-17.652c2.418-25.462-6.57-50.442-24.658-68.53l-235.321-235.321c-6.022-6.022-14.028-9.338-22.544-9.338s-16.522 3.316-22.544 9.338l-182.055 182.055c-6.022 6.022-9.338 14.028-9.338 22.544s3.316 16.522 9.338 22.544l28.682 28.682c5.692 5.69 5.692 14.918 0 20.61-5.69 5.69-14.918 5.69-20.61 0l-28.68-28.678c-23.794-23.794-23.794-62.512 0-86.308l182.055-182.055c11.526-11.526 26.852-17.876 43.154-17.876s31.628 6.348 43.154 17.876l235.321 235.321c23.032 23.034 35.034 54.402 33.41 86.744 14.37-8.318 29.736-16.048 45.84-22.952 9.056-3.884 18.14-7.416 27.192-10.606l-81.912-105.878c-28.008-36.2-28.11-86.202-2.114-122.37l-67.262-67.262c-7.568-7.57-10.73-18.74-8.252-29.154 0.152-0.64-0.042-1.328-0.508-1.796l-48.538-48.538c-1.936-1.936-3.564-4.148-4.842-6.578l-27.328-52.054-49.046-25.354c-5.19-2.684-9.446-7.060-11.986-12.324l-19.234-39.884-58.394-36.578c-6.13-3.838-10.17-10.154-11.086-17.326l-8.482-66.276c-0.952-7.44 1.544-14.75 6.848-20.052 4.562-4.562 10.608-7.046 16.944-7.046 1.030 0 2.068 0.066 3.11 0.198l66.278 8.482c7.168 0.918 13.482 4.956 17.324 11.084l36.578 58.394 39.882 19.236c5.264 2.538 9.642 6.798 12.326 11.988l25.352 49.042 52.058 27.33c2.43 1.276 4.644 2.906 6.576 4.84l48.536 48.536c0.474 0.474 1.148 0.666 1.796 0.508 10.418-2.476 21.588 0.686 29.154 8.254l67.256 67.256c17.706-12.728 38.718-19.212 59.816-19.21 21.998 0 44.080 7.032 62.558 21.328l77.954 60.31c6.366 4.926 7.534 14.078 2.61 20.444-4.924 6.364-14.078 7.536-20.444 2.61l-77.954-60.31c-28.616-22.138-69.286-19.904-95.332 4.978-0.022 0.020-0.040 0.044-0.060 0.064l-0.586 0.554c-0.19 0.178-0.382 0.354-0.566 0.54l-91.752 91.752c-0.182 0.182-0.356 0.37-0.532 0.556l-0.574 0.606c-0.016 0.016-0.032 0.030-0.048 0.046-24.884 26.044-27.122 66.72-4.982 95.338l88.578 114.494c27.026-7.26 53.092-11.126 76.384-11.126 0.004 0 0.012 0 0.016 0 6.926 0 13.502 0.348 19.714 1.028l116.332-116.332c8.432-8.43 19.506-12.646 30.58-12.646s22.148 4.216 30.58 12.646c16.862 16.862 16.862 44.296 0 61.158l-118.528 118.528c-8.168 8.168-19.028 12.666-30.58 12.666s-22.412-4.498-30.58-12.666c-8.168-8.168-12.668-19.028-12.668-30.58 0-1.538 0.092-3.062 0.25-4.572-1.674-0.050-3.37-0.084-5.104-0.084-0.006 0-0.008 0-0.014 0-17.434 0-36.73 2.456-56.934 7.12l49.014 63.356c12.822 16.574 32.168 26.842 53.080 28.17 20.916 1.336 41.404-6.406 56.22-21.222l138.029-138.029c14.816-14.818 22.552-35.308 21.222-56.22-1.328-20.912-11.596-40.26-28.17-53.080l-47.094-36.434c-6.366-4.926-7.534-14.078-2.61-20.444 4.924-6.364 14.076-7.532 20.444-2.61l47.094 36.434c23.194 17.944 37.562 45.020 39.424 74.284 1.864 29.27-8.962 57.946-29.698 78.682zM450.78 779.851c-4.656 0-9.034 1.814-12.328 5.106-3.292 3.294-5.106 7.672-5.106 12.328s1.814 9.034 5.106 12.326c3.294 3.292 7.672 5.106 12.328 5.106 0.724 0 1.438-0.060 2.146-0.146-1.64-10.416-0.058-21.65 4.614-33.362-2.112-0.888-4.4-1.358-6.76-1.358zM563.592 403.036l73.844-73.844-66.298-66.298c-0.466-0.466-1.158-0.66-1.796-0.508-10.412 2.476-21.584-0.684-29.154-8.254l-48.326-48.326-52.336-27.478c-4.954-2.598-8.93-6.6-11.504-11.574l-25.334-49.010-39.8-19.196c-4.616-2.226-8.494-5.698-11.216-10.044l-35.602-56.836-57.334-7.336 7.338 57.332 56.832 35.6c4.344 2.72 7.818 6.598 10.046 11.216l19.196 39.802 49.010 25.336c4.968 2.568 8.97 6.544 11.572 11.498l27.48 52.344 48.322 48.322c7.57 7.568 10.734 18.74 8.256 29.154-0.156 0.652 0.036 1.324 0.508 1.796l66.296 66.304zM810.261 658.185l100.426-100.426c5.498-5.498 5.498-14.442 0-19.938-2.664-2.664-6.204-4.13-9.97-4.13s-7.306 1.466-9.97 4.13l-103.898 103.898c9.656 4.156 17.534 9.67 23.412 16.466zM772.221 676.285c2.664 2.664 6.204 4.13 9.97 4.13 2.494 0 4.882-0.656 6.99-1.864-4.104-5.454-11.328-9.756-21.070-12.648-0.004 0.138-0.020 0.274-0.020 0.414 0 3.766 1.466 7.306 4.13 9.968zM703.103 749.973l-56.27-72.734c-11.44 3.722-23.010 8.058-34.568 13.014-22.058 9.458-42.564 20.474-60.626 32.434l-9.684 102.028c-0.362 3.808-1.040 7.522-1.978 11.132 0.214 0 0.422 0.008 0.638 0.008 0.006 0 0.008 0 0.014 0 35.552 0 78.814-10.154 121.81-28.592 23.638-10.136 45.506-22.060 64.484-35.018-8.988-6.040-17.054-13.526-23.82-22.272z" >
+<glyph unicode="&#xe915;" glyph-name="repair" d="M811.313 923.314c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l4.685-4.686-25.372-25.372-4.687 4.687c-2.896 2.894-6.896 4.685-11.313 4.685s-8.418-1.79-11.314-4.685l-176-176c-2.896-2.896-4.687-6.896-4.687-11.315 0-8.837 7.164-16.001 16.001-16.001 0.929 0 1.84 0.079 2.725 0.231l-0.095-0.013c8.529 1.488 18.35 2.339 28.37 2.339 24.437 0 47.691-5.060 68.774-14.189l-1.122 0.432c-47.044-93.727-130.222-163.466-230.776-191.609l-2.593-0.62-25.607-6.983c-4.761 0.463-10.292 0.726-15.885 0.726-48.077 0-91.602-19.489-123.106-50.998l-160-160c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l36.686 36.686 73.372-73.372-36.685-36.686c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l160 160c31.511 31.504 51.001 75.030 51.001 123.108 0 5.594-0.264 11.126-0.78 16.585l0.053-0.697 6.983 25.604c28.763 103.146 98.5 186.324 190.108 232.402l2.118 0.965c8.697-19.965 13.756-43.224 13.756-67.665 0-10.015-0.85-19.832-2.481-29.382l0.145 1.025c-0.139-0.791-0.218-1.701-0.218-2.631 0-8.837 7.164-16 16-16 4.418 0 8.418 1.791 11.313 4.686l176 176c2.896 2.896 4.687 6.896 4.687 11.314s-1.791 8.419-4.687 11.314l-4.685 4.686 25.372 25.372 4.687-4.687c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l32 32c2.896 2.896 4.687 6.896 4.687 11.315v0 48c0 4.419-1.791 8.419-4.687 11.314v0zM372.687 203.314c-13.483-13.483-32.11-21.823-52.685-21.823-41.15 0-74.508 33.358-74.508 74.508s33.358 74.508 74.508 74.508c41.15 0 74.508-33.358 74.508-74.508v0c-0.010-20.573-8.348-39.197-21.824-52.686l0.001 0.001zM244.687 180.686c19.295-19.245 45.925-31.145 75.334-31.145 23.751 0 45.69 7.762 63.417 20.887l-0.289-0.204 25.575-25.575c-24.101-19.341-55.055-31.040-88.742-31.040-78.631 0-142.374 63.743-142.374 142.374 0 33.687 11.699 64.641 31.257 89.021l-0.217-0.28 25.566-25.566c-12.946-17.435-20.724-39.38-20.724-63.141 0-29.417 11.921-56.050 31.196-75.331v0zM148.253 285.625c-1.6-8.907-2.514-19.159-2.514-29.625s0.915-20.718 2.668-30.681l-0.154 1.056-29.625 29.625zM112 166.627l-41.373 41.373 25.373 25.372 41.372-41.372zM272 6.627l-41.373 41.373 25.373 25.372 41.372-41.372zM320 54.627l-29.626 29.626c8.907-1.631 19.158-2.564 29.626-2.564s20.719 0.933 30.673 2.72l-1.047-0.156zM431.352 167.276l-25.566 25.566c12.951 17.434 20.733 39.38 20.733 63.144 0 58.831-47.692 106.523-106.523 106.523-23.764 0-45.71-7.782-63.43-20.936l0.286 0.203-25.575 25.575c24.1 19.34 55.055 31.040 88.741 31.040 78.631 0 142.374-63.743 142.374-142.374 0-33.687-11.699-64.641-31.256-89.021l0.217 0.28zM572.884 483.512c-41.806-41.846-74.419-92.883-94.545-149.82l-0.865-2.808c-17.539 36.372-46.219 65.052-81.554 82.138l-1.038 0.453c59.745 20.991 110.783 53.603 152.632 95.412l-0.003-0.003c29.887 29.846 55.058 64.405 74.305 102.469l1.045 2.28c9.987-6.665 18.701-13.83 26.646-21.766l6.361-6.361c7.934-7.942 15.098-16.657 21.369-26.020l0.393-0.623c-40.343-20.292-74.901-45.463-104.743-75.345l-0.004-0.004zM738.315 472.943c-2.667 53-25.016 100.315-59.824 135.193l-6.36 6.36c-34.872 34.806-82.189 57.156-134.701 59.799l-0.489 0.020 135.058 135.059 201.372-201.373zM880 646.628l-169.372 169.372 25.372 25.372 169.372-169.372zM960 694.627l-16-16-201.373 201.373 16 16h34.746l166.627-166.627zM720 608c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0.031-26.497 21.503-47.969 47.997-48h0.003zM720 672c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0.010 8.832 7.168 15.99 15.999 16h0.001zM532.687 324.686l139.313-139.314v-105.372c0-4.419 1.791-8.419 4.687-11.314l80-80c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h112c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l80 80c2.896 2.896 4.686 6.896 4.687 11.314v0 112c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-105.372l-155.314 155.314-22.627-22.629 148.686-148.686-57.373-57.373-132.687 132.688zM774.628 256h98.745l70.627-70.627v-98.746l-70.627-70.627h-98.746l-70.627 70.627v98.745zM116.687 628.686c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h105.372l155.314-155.314 22.627 22.629-148.686 148.686 57.373 57.373 164.687-164.688 22.627 22.629-171.313 171.314v105.372c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-112c0 0 0 0 0 0-8.837 0-16-7.164-16-16 0-4.419 1.791-8.419 4.687-11.314l91.313-91.313v-34.746l-22.627-22.627h-34.746l-91.314 91.314c-2.895 2.895-6.895 4.685-11.313 4.685-8.837 0-16-7.163-16.001-15.999v0-112c0-4.419 1.791-8.419 4.687-11.314v0zM64 793.373l68.687-68.688c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-68.687 68.686h66.746l70.627-70.627v-98.745l-70.628-70.628h-98.745l-70.627 70.627zM756.687 100.686l32-32c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-32 32c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.686-6.896-4.687-11.314v0-48c0-4.419 1.791-8.419 4.687-11.314v0zM784 153.373l22.627 22.627h34.746l22.627-22.627v-34.746l-22.627-22.627h-34.746l-22.627 22.627zM308.684 628.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996zM572.684 364.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996z" >
+<glyph unicode="&#xe916;" glyph-name="car-parts" d="M953.294 463.31c-27.863 197.549-180.951 355.295-376.155 390.227-4.625 41.191-39.259 73.431-81.656 73.431-42.38 0-76.998-32.223-81.656-73.381-17.061-3.039-33.858-7.3-50.473-12.255v118.668h-363.355v-264.258h33.032v-297.29c0-254.993 207.459-462.452 462.452-462.452 221.201 0 406.511 156.127 451.782 363.949 42.76 3.055 76.734 38.45 76.734 81.986 0 41.472-30.836 75.561-70.706 81.375zM495.484 893.935c22.379 0 41.125-15.013 47.253-35.427-15.542 1.586-31.298 2.395-47.253 2.395-15.889 0-31.661-1.074-47.335-2.659 6.045 20.546 24.857 35.691 47.335 35.691zM363.355 719.674c29.894 5.929 63.026 9.1 99.097 9.1 138.009 0 280.774-92.672 280.774-247.742 0-68.261-27.747-130.147-72.555-174.988 14.633 27.615 23.007 59.029 23.007 92.408 0 109.287-88.906 198.194-198.194 198.194-68.889 0-129.635-35.378-165.161-88.873v187.97h33.032v23.932zM512 530.581v32.19c33.164-3.303 63.455-16.483 87.932-36.517l-71.102-71.102c-5.219 3.072-10.835 5.45-16.83 7.019v35.378h-33.032v-35.378c-5.995-1.553-11.627-3.931-16.83-7.019l-71.102 71.102c24.477 20.034 54.767 33.214 87.932 36.517v-32.19h33.032zM438.784 431.798c-3.072-5.219-5.45-10.835-7.019-16.83h-100.6c3.303 33.164 16.467 63.455 36.517 87.932l71.102-71.102zM431.765 381.935c1.553-5.995 3.931-11.627 7.019-16.83l-71.102-71.102c-20.034 24.477-33.214 54.767-36.517 87.932h100.6zM462.138 341.752c5.219-3.072 10.835-5.45 16.83-7.019v-100.6c-33.164 3.303-63.455 16.483-87.932 36.517l71.102 71.102zM462.452 398.452c0 18.217 14.815 33.032 33.032 33.032s33.032-14.815 33.032-33.032c0-18.217-14.815-33.032-33.032-33.032s-33.032 14.815-33.032 33.032zM512 334.732c5.995 1.553 11.627 3.931 16.83 7.019l71.102-71.102c-24.394-19.968-54.553-33.131-87.585-36.501-0.116-0.017-0.231-0.017-0.347-0.017v100.6zM552.184 365.106c3.072 5.219 5.45 10.835 7.019 16.83h100.6c-3.303-33.164-16.467-63.455-36.517-87.932l-71.102 71.102zM559.203 414.968c-1.553 5.995-3.931 11.627-7.019 16.83l71.102 71.102c20.034-24.477 33.214-54.767 36.517-87.932h-100.6zM33.032 860.903h231.226v33.032h-231.226v33.032h297.29v-33.032h-33.032v-33.032h33.032v-132.129h-297.29v132.129zM495.484-30.968c-236.775 0-429.419 192.644-429.419 429.419v297.29h231.226v-297.29c0-109.287 88.906-198.194 198.194-198.194 6.838 0 13.576 0.347 20.232 1.024 145.375 10.438 260.542 131.766 260.542 279.75 0 175.748-159.562 280.774-313.806 280.774-35.675 0-68.79-2.94-99.097-8.473v53.479c42.579 13.758 86.908 21.058 132.129 21.058 236.775 0 429.419-192.644 429.419-429.419s-192.644-429.419-429.419-429.419zM953.344 334.006c2.956 21.075 4.591 42.562 4.591 64.446 0 10.207-0.446 20.298-1.107 30.34 19.753-6.524 34.139-24.939 34.139-46.856 0-23.189-16.070-42.562-37.624-47.93zM99.097 662.71h33.032v-33.032h-33.032v33.032zM198.194 448h33.032v-33.032h-33.032v33.032zM280.774 150.71h33.032v-33.032h-33.032v33.032zM578.065 183.742h33.032v-33.032h-33.032v33.032zM462.452 51.613h33.032v-33.032h-33.032v33.032zM809.29 315.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe917;" glyph-name="car" d="M850.43 504h18.682c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-18.682c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM873.152 480h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM873.152 426h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM662 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM624 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM719.2 590c0 0 0 0.001 0 0.001 0 17.582-14.18 31.853-31.728 31.999h-13.472v198.12l13.252 26.948c0.943 1.838 1.496 4.011 1.496 6.313 0 1.155-0.139 2.278-0.402 3.352l0.020-0.096-17.638 67.306c-1.587 5.839-6.841 10.063-13.081 10.063-0.125 0-0.25-0.002-0.375-0.005h-28.368c-0.11 0.003-0.239 0.005-0.369 0.005-6.264 0-11.542-4.217-13.152-9.967l-0.023-0.096-17.742-67.502c-0.219-0.921-0.344-1.979-0.344-3.066 0-2.341 0.581-4.546 1.606-6.479l-0.036 0.075 13.156-26.85v-198.12h-13.258c-17.557-0.115-31.745-14.374-31.745-31.947 0-12.602 7.296-23.5 17.895-28.699l0.188-0.083-16.558-57.73c-0.332-1.156-0.522-2.484-0.522-3.856 0-0.029 0-0.059 0-0.088v0.005-151.2c0-31.8 25.828-58.418 57.628-58.418h34.938c31.8 0 57.434 26.618 57.434 58.418v151.2c0.004 0.128 0.007 0.278 0.007 0.429 0 1.222-0.158 2.407-0.454 3.536l0.022-0.097-16.52 57.8c10.789 5.269 18.1 16.141 18.146 28.726v0.006zM639.708 906h6.778l13.714-51.906-12.42-24.99c-0.979-1.675-1.62-3.658-1.777-5.777l-0.003-0.045v-201.282h-6v201.282c-0.122 2.222-0.731 4.276-1.722 6.093l0.038-0.075-12.154 24.8zM690 348.418c0-16.362-13.074-30.418-29.434-30.418h-34.938c-16.362 0-29.628 14.056-29.628 30.418v149.216l17.314 60.366h59.566l17.12-60.366zM687.452 586h-88.71c-2.209 0-4 1.791-4 4s1.791 4 4 4v0h88.71c2.209 0 4-1.791 4-4s-1.791-4-4-4v0zM923 933.966c-1.878 0.934-4.091 1.48-6.431 1.48-2.795 0-5.408-0.779-7.634-2.133l0.065 0.037c-4.105-2.48-6.844-6.857-6.999-11.886l-0.001-0.022v-63.162l-40.052-26.92-41.318 29.040 0.302 61.070c0 0.036 0.001 0.078 0.001 0.12 0 7.703-6.245 13.948-13.948 13.948-2.27 0-4.414-0.542-6.308-1.504l0.079 0.037c-45.704-22.915-76.527-69.4-76.527-123.085 0-54.948 32.291-102.355 78.932-124.278l0.839-0.354v-338.482c0-31.48 25.52-57 57-57s57 25.52 57 57v0 338.482c47.848 21.608 80.545 68.907 80.545 123.843 0 0.33-0.001 0.659-0.004 0.988v-0.051c0.002 0.273 0.003 0.596 0.003 0.919 0 53.109-30.41 99.116-74.767 121.558l-0.778 0.357zM899.56 708.8c-5.478-2.001-9.357-7.079-9.559-13.090l-0.001-0.024v-347.816c0-16.016-12.984-29-29-29s-29 12.984-29 29v0 347.816c0.003 0.099 0.004 0.215 0.004 0.331 0 5.794-3.597 10.748-8.679 12.751l-0.093 0.032c-41.732 16.018-70.816 55.761-70.816 102.298 0 34.171 15.682 64.68 40.241 84.722l0.197 0.156-0.104-42.8c0-0.006 0-0.013 0-0.020 0-4.741 2.353-8.933 5.956-11.47l0.044-0.030 55.338-38.716c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 54.25 36.37c3.566 2.502 5.869 6.595 5.869 11.225 0 0.151-0.002 0.301-0.007 0.45l0.001-0.022v45.11c24.709-19.682 40.407-49.767 40.407-83.518 0-0.437-0.003-0.873-0.008-1.308l0.001 0.066c-0.073-46.53-29.137-86.253-70.092-102.078l-0.748-0.254zM412 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM144 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM257.74 760h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM257.74 802h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM532-25.278v146.9c0 0.388 0.484 0.774 0.452 1.162-3.309 38.258-26.106 70.525-58.304 87.094l-0.606 0.284c-0.25 0.128-0.412 0.244-0.67 0.356l-100.872 43.082v60.030c54 31.052 92.324 88.372 95.898 154.634 21.952 8.874 37.158 30.012 37.158 54.702 0 4.947-0.61 9.751-1.76 14.341l0.086-0.405c-3.706 15.343-14.432 27.589-28.504 33.327l-0.32 0.115 1.2 17.656h23.242c0.16-0.007 0.347-0.011 0.535-0.011 6.895 0 12.484 5.589 12.484 12.484 0 0.243-0.007 0.483-0.021 0.723l0.002-0.033v50.838c0 7.732-5.268 14-13 14h-12.84c-2.573 46.815-18.687 89.419-44.451 124.492l0.451-0.644c-25.043 33.892-59.373 59.618-99.232 73.584l-1.462 0.446 1.364 13.15c0.047 0.424 0.074 0.915 0.074 1.413 0 3.546-1.369 6.772-3.608 9.179l0.008-0.008c-2.526 2.705-6.114 4.391-10.095 4.391-0.107 0-0.214-0.001-0.32-0.004h-99.804c-0.112 0.003-0.245 0.005-0.377 0.005-7.525 0-13.626-6.101-13.626-13.626 0-0.518 0.029-1.028 0.085-1.531l-0.006 0.062 1.364-13.092c-41.341-14.442-75.678-40.222-100.293-73.609l-0.403-0.573c-25.25-34.382-41.342-76.902-43.939-123.029l-0.027-0.607h-12.862c-7.732 0-15-6.266-15-14v-50.84c0-7.732 7.268-13.162 15-13.162h22.366l1.184-17.6c-14.443-5.741-25.227-17.953-28.883-32.957l-0.067-0.325c-1.070-4.232-1.684-9.091-1.684-14.093 0-0.005 0-0.010 0-0.016v0.001c0-0.021 0-0.046 0-0.071 0-24.713 15.27-45.859 36.889-54.519l0.395-0.14c3.404-66.764 41.176-123.996 95.853-154.668l0.947-0.488v-59.522l-101-43.082c-0.258-0.112-0.53-0.228-0.78-0.356-33.007-16.793-56.036-49.036-59.632-86.941l-0.034-0.437c-0.032-0.388-0.556-0.774-0.556-1.162v-146.9c0.421-8.053 6.922-14.457 14.977-14.721l0.025-0.001h480c7.732 0 13 6.99 13 14.722zM406 208.254l12-5.122v-67.132h-12zM210 831.298c7.028 3.296 15.407 6.36 24.078 8.714l1.122 0.26c6.032 1.544 10.419 6.931 10.419 13.342 0 0.492-0.026 0.979-0.076 1.458l0.005-0.060-0.928 8.988h68.76l-0.956-8.988c-0.045-0.42-0.071-0.906-0.071-1.399 0-6.446 4.389-11.867 10.342-13.437l0.097-0.022c9.797-2.568 18.182-5.589 26.213-9.253l-1.005 0.411v-17.384c-0.044-44.362-27.44-82.314-66.23-97.904l-0.71-0.252c-41.699 14.639-71.060 53.671-71.060 99.561 0 0.041 0 0.083 0 0.124v-0.006zM138.308 773.024c12.405 16.434 26.826 30.479 43.096 42.103l0.596 0.405v-0.082c0-0.060 0-0.131 0-0.202 0-58.912 38.251-108.89 91.271-126.454l0.941-0.27 2.742-0.888c1.298-0.436 2.792-0.688 4.346-0.688v0c0 0 0.001 0 0.001 0 1.646 0 3.227 0.278 4.699 0.79l-0.1-0.030c52.854 18.577 90.071 68.049 90.1 126.217v1.659c16.867-11.998 31.291-26.007 43.347-41.911l0.355-0.489c21.876-29.831 35.902-66.654 38.385-106.604l0.029-0.58h-358.212c2.566 40.469 16.58 77.227 38.804 107.598l-0.4-0.574zM72 616v22h412v-22h-64c-2.58 0-5.55 1.688-8.572 1.118-1.2-0.228-2.338-1.118-3.4-1.118h-336.028zM447.684 588l-1.77-26.094c-0.070-1.122-0.54-2.122-1.267-2.871l0.001 0.001-2.954-2.862-5.484 16.814c-1.481 3.958-2.979 8.977-4.18 14.11l-0.178 0.902zM120.884 588l-2.294-29.106-7.19 3.476c-0.16 0.082-0.266 0.558-0.28 0.736l-1.688 24.894zM116 478.6v0.266c0.004 0.122 0.006 0.264 0.006 0.408 0 6.648-4.763 12.183-11.063 13.379l-0.085 0.013c-14.389 2.609-25.159 15.041-25.159 29.988 0 0.087 0 0.174 0.001 0.261v-0.013c0.038 2.625 0.397 5.149 1.039 7.558l-0.049-0.216c1.334 5.681 5.075 10.293 10.062 12.78l0.11 0.050c2.184-2.322 4.736-4.267 7.569-5.747l0.157-0.075 21.062-10.8c2.338-1.227 5.108-1.947 8.046-1.947 3.148 0 6.103 0.826 8.66 2.274l-0.087-0.046c5.055 3.005 8.504 8.254 8.976 14.337l0.004 0.063 3.716 46.866h254.036c1.884-8 4.084-16.22 6.65-23.918l10.6-32.020c2.343-7.137 8.945-12.2 16.731-12.2 4.634 0 8.85 1.794 11.989 4.726l-0.010-0.009 14.8 13.8c1.296 1.218 2.476 2.525 3.543 3.923l0.057 0.077c4.422-2.649 7.632-6.935 8.811-12l0.025-0.128c0.559-2.193 0.88-4.711 0.88-7.303 0-15.096-10.878-27.651-25.222-30.254l-0.188-0.028c-6.64-1.192-11.62-6.903-11.666-13.785v-0.287c0-89.146-72.856-161.672-161.988-161.672s-162.012 72.526-162.012 161.68zM344 300.6v-47.624c-19.171-8.402-41.514-13.291-65-13.291s-45.829 4.889-66.068 13.706l1.068-0.414v47.292c19.202-7.188 41.391-11.348 64.552-11.348 23.497 0 45.993 4.282 66.752 12.107l-1.304-0.431zM178 220.2l20.776 8.654c23.464-10.839 50.919-17.16 79.851-17.16 0.043 0 0.087 0 0.13 0h-0.007c0.033 0 0.073 0 0.112 0 28.723 0 55.969 6.323 80.422 17.652l-1.184-0.492 19.9-8.654v-84.2h-200zM138 203.13l12 5.122v-72.252h-12zM110 136h-5c-7.732 0-15-5.8-15-13.528v-134.472h-38v133.016c4 27.174 19.022 51.6 43.368 63.922l14.632 6.244zM438-12h-320v120h320zM504-12h-38v134.472c0 7.734-5.268 13.528-13 13.528h-7v55.182l14.632-6.244c24.092-12.282 40.865-35.892 43.346-63.618l0.022-0.304z" >
+<glyph unicode="&#xe918;" glyph-name="exterior" d="M869.328 445.328h-707.728c-8.837 0-16 7.163-16 16v0 174.24c0.001 4.418 1.792 8.417 4.688 11.312l112 112c2.895 2.896 6.894 4.687 11.312 4.688h483.744c4.418-0.001 8.417-1.792 11.312-4.688l112-112c2.896-2.895 4.687-6.894 4.688-11.312v0-174.24c0-8.837-7.163-16-16-16-0.006 0-0.011 0-0.017 0h0.001zM177.536 477.328h675.792v151.616l-102.608 102.608h-470.576l-102.544-102.608zM513.84 754.96h32v-293.632h-32zM576.761 550.451l22.624 22.624 55.542-55.542-22.624-22.624zM582.654 631.58l22.624 22.624 136.626-136.626-22.624-22.624zM676.656 276.912h-146.816c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.816c8.837 0 16-7.163 16-16v0-58.992c0-8.837-7.163-16-16-16v0zM545.84 308.912h114.816v26.992h-114.816zM308.336 276.912h-146.736c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.8c8.837 0 16-7.163 16-16v0-58.992c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM177.536 308.912h114.8v26.992h-114.736zM979.424 19.2h-761.696c-8.837 0-16 7.163-16 16v0c-0.055 82.989-67.316 150.249-150.299 150.304h-0.005c-8.837 0-16 7.163-16 16v0 479.68c0.001 4.418 1.792 8.417 4.688 11.312l176.48 176.464c2.895 2.896 6.894 4.687 11.312 4.688h575.056c4.418-0.001 8.417-1.792 11.312-4.688l176.464-176.464c2.896-2.895 4.687-6.894 4.688-11.312v0-645.984c0-8.837-7.163-16-16-16v0zM233.024 51.2h730.4v623.36l-167.088 167.040h-561.808l-167.104-167.040v-457.76c88.003-8.111 157.489-77.597 165.546-164.882l0.054-0.718zM209.008 122.704h770.416v-32h-770.416z" >
+<glyph unicode="&#xe919;" glyph-name="car-parts-1" d="M512 960c-282.31 0-512-229.69-512-512s229.69-512 512-512 512 229.69 512 512-229.69 512-512 512zM512-30.968c-264.109 0-478.968 214.858-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.858 478.968-478.968-214.858-478.968-478.968-478.968zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM512 233.29c-118.388 0-214.71 96.322-214.71 214.71s96.322 214.71 214.71 214.71 214.71-96.322 214.71-214.71c0-39.523-10.818-78.121-31.282-111.666l28.193-17.21c23.635 38.73 36.121 83.274 36.121 128.875 0 136.605-111.137 247.742-247.742 247.742s-247.742-111.137-247.742-247.742 111.137-247.742 247.742-247.742c74.207 0 143.872 32.851 191.174 90.145l-25.484 21.025c-40.993-49.647-101.376-78.138-165.69-78.138zM561.548 596.645c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 596.645c0 9.1 7.416 16.516 16.516 16.516s16.516-7.416 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516zM417.759 478.621c8.44 25.98-5.83 53.991-31.81 62.431-26.029 8.44-53.991-5.847-62.431-31.81-8.44-25.996 5.83-54.008 31.81-62.447 5.070-1.652 10.223-2.428 15.277-2.428 20.876 0.017 40.349 13.345 47.154 34.254zM386.345 488.828c-2.808-8.654-12.123-13.428-20.81-10.603-8.654 2.808-13.411 12.156-10.603 20.81 2.263 6.97 8.754 11.413 15.723 11.413 1.685 0 3.402-0.264 5.087-0.809 8.654-2.808 13.411-12.139 10.603-20.81zM395.512 287.661c8.77-6.375 18.944-9.431 29.052-9.431 15.343 0 30.472 7.085 40.167 20.414 16.054 22.099 11.132 53.149-10.967 69.203-22.115 16.037-53.149 11.132-69.219-10.967-16.054-22.115-11.148-53.165 10.967-69.219zM411.268 337.458c5.351 7.366 15.707 9.018 23.073 3.65 7.366-5.351 9.001-15.707 3.65-23.057-5.351-7.366-15.723-9.001-23.073-3.667-7.366 5.351-9.001 15.69-3.65 23.073zM599.436 278.214c10.091 0 20.282 3.072 29.052 9.431 22.099 16.070 27.020 47.121 10.967 69.219-16.070 22.082-47.121 27.004-69.219 10.967-22.099-16.054-27.004-47.104-10.967-69.203 9.695-13.345 24.84-20.414 40.167-20.414zM589.659 341.108c7.383 5.368 17.738 3.7 23.073-3.65 5.351-7.383 3.716-17.722-3.65-23.073-7.383-5.335-17.738-3.7-23.073 3.667-5.351 7.366-3.716 17.705 3.65 23.057zM668.689 446.811c25.98 8.44 40.25 36.451 31.81 62.447-8.456 25.963-36.451 40.266-62.431 31.81-25.98-8.44-40.25-36.451-31.81-62.431 6.805-20.909 26.277-34.238 47.17-34.238 5.037-0.017 10.19 0.76 15.261 2.411zM637.655 488.828c-2.808 8.654 1.949 17.986 10.603 20.81 1.685 0.545 3.402 0.809 5.087 0.809 6.97 0 13.444-4.443 15.723-11.413 2.808-8.654-1.932-18.003-10.603-20.81-8.638-2.824-17.986 1.949-20.81 10.603zM396.387 893.935h33.032v-33.032h-33.032v33.032zM445.935 844.387h33.032v-33.032h-33.032v33.032zM495.484 794.839h33.032v-33.032h-33.032v33.032zM545.032 745.29h33.032v-33.032h-33.032v33.032zM138.29 658.215l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM184.984 681.568l23.357 23.357 23.357-23.357-23.357-23.357-23.357 23.357zM278.425 704.932l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM348.496 704.924l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM66.065 365.419h33.032v-33.032h-33.032v33.032zM115.613 414.968h33.032v-33.032h-33.032v33.032zM165.161 464.516h33.032v-33.032h-33.032v33.032zM214.71 514.065h33.032v-33.032h-33.032v33.032zM278.423 50.908l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM278.367 167.775l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.398 237.855l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.425 261.142l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM594.581 35.097h33.032v-33.032h-33.032v33.032zM545.032 84.645h33.032v-33.032h-33.032v33.032zM495.484 134.194h33.032v-33.032h-33.032v33.032zM445.935 183.742h33.032v-33.032h-33.032v33.032zM885.696 191.124l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM815.555 191.063l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.557 191.095l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM675.48 191.127l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM924.903 563.613h33.032v-33.032h-33.032v33.032zM875.355 514.065h33.032v-33.032h-33.032v33.032zM825.806 464.516h33.032v-33.032h-33.032v33.032zM776.258 414.968h33.032v-33.032h-33.032v33.032zM745.537 845.088l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.53 774.986l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.54 658.177l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.526 634.852l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357z" >
+<glyph unicode="&#xe91a;" glyph-name="maintenance" d="M130.656 378.284l72.676-7c8.498-33.21 21.146-62.38 37.64-88.909l-0.772 1.333-46.27-55.874c-2.003-2.404-3.218-5.526-3.218-8.931 0-3.866 1.567-7.366 4.1-9.899l78.69-78.688c2.534-2.534 6.034-4.101 9.9-4.101 3.405 0 6.525 1.215 8.952 3.236l-0.023-0.018 55.968 46.35c25.171-15.63 54.292-28.291 85.242-36.443l2.236-0.501 7-72.43c0.726-6.994 6.589-12.402 13.715-12.402 0.077 0 0.154 0.001 0.231 0.002h111.548c0.065-0.001 0.142-0.002 0.219-0.002 7.126 0 12.989 5.407 13.71 12.342l0.005 0.059 7 72.55c33.208 8.472 62.38 21.097 88.912 37.573l-1.336-0.773 55.872-46.302c2.406-2.007 5.53-3.225 8.938-3.225 3.862 0 7.359 1.564 9.892 4.093v0l78.69 78.68c2.532 2.533 4.099 6.033 4.099 9.898 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-46.34 55.97c15.632 25.174 28.293 54.298 36.445 85.252l0.501 2.236 71.698 7c7.124 0.716 12.639 6.68 12.64 13.932v0 111.56c0 0 0 0 0 0.001 0 7.259-5.524 13.227-12.598 13.931l-0.058 0.005-72.676 7c-8.498 33.21-21.146 62.38-37.64 88.909l0.772-1.333 46.27 55.874c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-77.694 78.69c-2.54 2.571-6.065 4.164-9.962 4.164-3.405 0-6.526-1.215-8.952-3.236l0.023 0.018-55.968-46.35c-25.171 15.63-54.292 28.291-85.242 36.443l-2.236 0.501-7 72.43c-0.726 6.994-6.589 12.402-13.715 12.402-0.077 0-0.154-0.001-0.231-0.002h-111.548c-0.065 0.001-0.142 0.002-0.219 0.002-7.126 0-12.989-5.407-13.71-12.342l-0.005-0.059-7-72.55c-33.206-8.472-62.377-21.097-88.907-37.572l1.335 0.772-55.886 46.294c-2.406 2.007-5.53 3.226-8.939 3.226-3.862 0-7.358-1.563-9.891-4.092v0l-78.69-78.682c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 46.35-55.962c-15.63-25.17-28.29-54.291-36.443-85.239l-0.501-2.237-72.68-7c-7.132-0.708-12.656-6.677-12.656-13.935 0-0.003 0-0.006 0-0.009v0-111.56c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM146 491.064l70.018 6.748c6.111 0.607 11.029 5.063 12.323 10.885l0.017 0.093c8.332 36.763 22.475 69.2 41.588 98.057l-0.678-1.089c1.402 2.144 2.237 4.77 2.237 7.591 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-44.664 53.922 60.666 60.666 53.93-44.666c2.404-2.002 5.525-3.218 8.93-3.218 2.895 0 5.584 0.878 7.816 2.383l-0.050-0.032c27.685 18.568 60.094 32.697 94.907 40.446l1.893 0.354c5.888 1.201 10.356 6.046 10.973 12.033l0.005 0.059 6.74 69.774h86.128l6.748-69.768c0.615-6.078 5.077-10.96 10.887-12.2l0.091-0.016c36.76-8.308 69.198-22.431 98.059-41.526l-1.091 0.678c2.139-1.394 4.758-2.223 7.57-2.223 3.414 0 6.543 1.222 8.973 3.253l-0.022-0.018 53.868 44.62 59.784-60.542-44.716-54c-2.001-2.404-3.216-5.524-3.216-8.927 0-2.895 0.878-5.584 2.383-7.816l-0.032 0.050c18.567-27.685 32.696-60.094 40.446-94.906l0.354-1.894c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 70.012-6.724v-86.144l-69.038-6.734c-6.104-0.613-11.014-5.067-12.307-10.883l-0.017-0.093c-8.333-36.763-22.476-69.199-41.588-98.057l0.678 1.089c-1.402-2.144-2.237-4.77-2.237-7.591 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 44.664-53.922-60.664-60.666-53.932 44.664c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-27.685-18.568-60.094-32.697-94.907-40.446l-1.893-0.354c-5.888-1.201-10.356-6.046-10.973-12.033l-0.005-0.059-6.74-69.772h-86.128l-6.748 69.768c-0.615 6.078-5.077 10.96-10.887 12.2l-0.091 0.016c-36.76 8.308-69.198 22.431-98.059 41.526l1.091-0.678c-2.139 1.394-4.758 2.223-7.57 2.223-3.414 0-6.543-1.222-8.973-3.253l0.022 0.018-53.93-44.678-60.666 60.658 44.664 53.928c2.001 2.404 3.216 5.524 3.216 8.927 0 2.895-0.878 5.584-2.383 7.816l0.032-0.050c-18.567 27.685-32.696 60.094-40.446 94.906l-0.354 1.894c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-70.012 6.738zM512.498 216.8c127.687 0.001 231.198 103.512 231.198 231.2s-103.512 231.2-231.2 231.2c-127.688 0-231.2-103.512-231.2-231.2v0c0.15-127.628 103.573-231.051 231.188-231.2h0.014zM512.498 651.2c112.223-0.001 203.198-90.976 203.198-203.2s-90.976-203.2-203.2-203.2c-112.224 0-203.2 90.976-203.2 203.2v0c0.133 112.171 91.030 203.068 203.189 203.2h0.013zM476.468 381.478c2.521-2.463 5.973-3.982 9.78-3.982s7.259 1.519 9.783 3.985l-0.003-0.003 115.752 113.010c2.65 2.551 4.296 6.129 4.296 10.091 0 7.732-6.268 14-14 14-3.844 0-7.327-1.55-9.857-4.058l0.001 0.001-105.972-103.462-54.468 53.18c-2.521 2.463-5.973 3.982-9.78 3.982-7.732 0-14-6.268-14-14 0-3.925 1.615-7.473 4.218-10.015l0.003-0.003z" >
+<glyph unicode="&#xe91b;" glyph-name="car-1" d="M855.904 567.6l-49.728 208.208c-3.331 16.033-17.089 27.997-33.734 28.543l-0.058 0.001h-519.776c-16.708-0.549-30.468-12.52-33.752-28.329l-0.040-0.231-49.744-208.192-31.12 7.424 49.728 208.224c6.788 30.245 33.177 52.589 64.872 53.103l0.056 0.001h519.776c31.751-0.505 58.141-22.855 64.827-52.654l0.085-0.45 49.728-208.224zM939.648 260.64h-854.288c-8.837 0-16 7.163-16 16v0 204.208c0 3.62 1.202 6.959 3.229 9.64l-0.029-0.040 68.24 90.496c2.95 3.904 7.583 6.4 12.8 6.4h717.872c5.217 0 9.85-2.496 12.771-6.36l0.029-0.040 68.16-90.464c1.998-2.641 3.2-5.98 3.2-9.6v0-204.24c0-8.831-7.154-15.991-15.983-16h-0.001zM101.36 292.64h822.288v182.848l-60.16 79.824h-701.984l-60.144-79.824zM939.648 172.8h-854.288c-8.837 0-16 7.163-16 16v0 87.84h32v-71.84h822.288v71.84h32v-87.84c0-8.837-7.163-16-16-16v0zM939.648 341.328h-189.168c-8.834 0.004-15.993 7.166-15.993 16 0 2.683 0.66 5.211 1.827 7.432l-0.042-0.088 49.888 96.512c6.212 12.128 17.954 20.655 31.807 22.286l0.193 0.018 119.792 13.264 3.536-31.808-119.808-13.264c-3.111-0.464-5.68-2.425-6.984-5.113l-0.024-0.055-37.824-73.184h162.88zM274.496 341.328h-189.136v32h162.864l-37.888 73.328c-1.289 2.653-3.774 4.55-6.734 5.002l-0.050 0.006-120 13.28 3.52 31.808 120-13.28c13.896-1.691 25.504-10.134 31.573-21.899l0.107-0.229 49.968-96.672c1.125-2.133 1.785-4.661 1.785-7.344 0-8.837-7.163-16-16-16-0.003 0-0.006 0-0.010 0v0zM931.696 555.312h-60.224v32h60.224c14.112 0 26.016 15.744 26.016 34.368v22.304c0.011 0.155 0.018 0.336 0.018 0.519 0 3.841-2.874 7.011-6.589 7.477l-0.037 0.004h-102.736v32h102.736c21.418-0.437 38.613-17.903 38.613-39.384 0-0.216-0.002-0.433-0.005-0.648v0.033-22.304c0.075-1.15 0.118-2.493 0.118-3.846 0-33.019-25.528-60.076-57.925-62.51l-0.209-0.013zM152.688 555.312h-60.24c-32.599 2.455-58.118 29.508-58.118 62.521 0 1.353 0.043 2.697 0.127 4.029l-0.009-0.182v22.304c-0.003 0.183-0.005 0.399-0.005 0.616 0 21.482 17.195 38.947 38.572 39.384l0.041 0.001h102.736v-32h-102.736c-3.753-0.478-6.625-3.651-6.625-7.495 0-0.178 0.006-0.354 0.018-0.529l-0.001 0.024v-22.304c0-18.624 11.904-34.368 26-34.368h60.24zM787.312 276.64h32v-87.888h-32zM205.664 276.64h32v-87.888h-32zM664 260.64h-302.976c-8.834 0.004-15.993 7.166-15.993 16 0 1.815 0.302 3.559 0.859 5.185l-0.033-0.113 34.464 102.848c2.187 6.402 8.149 10.925 15.168 10.928h234.016c7.019-0.003 12.981-4.526 15.135-10.815l0.033-0.113 34.464-102.848c0.523-1.513 0.825-3.257 0.825-5.072 0-8.823-7.141-15.978-15.959-16h-0.002zM383.296 292.64h258.432l-23.744 70.848h-210.976zM868.080 59.648h-98.128c-41.089 0.046-74.386 33.343-74.432 74.428v54.724c0 8.837 7.163 16 16 16v0h214.992c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.089-33.343-74.386-74.428-74.432h-0.004zM727.52 172.8v-38.72c0.018-23.427 19.005-42.414 42.43-42.432h98.13c23.427 0.018 42.414 19.005 42.432 42.43v38.722zM255.088 59.648h-98.112c-41.096 0.036-74.402 33.337-74.448 74.428v54.724c0 8.837 7.163 16 16 16v0h215.072c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.117-33.388-74.432-74.512-74.432v0zM114.528 172.8v-38.72c0.027-23.429 19.018-42.414 42.446-42.432h98.114c0.010 0 0.021 0 0.032 0 23.444 0 42.453 18.992 42.48 42.429v38.723z" >
+<glyph unicode="&#xe91c;" glyph-name="car-parts-2" d="M512 960c-282.327 0-512-229.673-512-512s229.673-512 512-512 512 229.673 512 512-229.673 512-512 512zM512-30.968c-264.093 0-478.968 214.875-478.968 478.968s214.875 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.875-478.968-478.968-478.968zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c103.953 0 205.163 36.55 284.969 102.912l-21.124 25.385c-73.893-61.423-167.589-95.265-263.845-95.265-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-113.499-45.106-219.318-127.042-297.951l22.875-23.833c88.477 84.909 137.199 199.201 137.199 321.784 0 245.892-200.043 445.935-445.935 445.935zM198.194 448c0-173.039 140.767-313.806 313.806-313.806s313.806 140.767 313.806 313.806-140.767 313.806-313.806 313.806-313.806-140.767-313.806-313.806zM267.297 585.233l24.989-11.71-31.827-97.941-27.153 5.219c4.41 37.591 16.219 72.869 33.99 104.431zM394.752 193.206c-33.759 15.608-63.818 37.657-88.741 64.644l18.713 19.985 83.307-60.532-13.279-24.097zM629.248 193.222l-13.279 24.097 83.307 60.532 18.713-19.985c-24.923-27.004-54.982-49.053-88.741-64.644zM790.693 480.818l-27.153-5.219-31.827 97.941 24.989 11.71c17.771-31.579 29.58-66.857 33.99-104.431zM512 728.774c18.795 0 37.161-1.932 54.933-5.467l-3.452-27.565h-102.962l-3.452 27.565c17.771 3.534 36.137 5.467 54.933 5.467zM424.844 714.752l6.507-52.042h161.297l6.507 52.042c56.502-18.515 104.977-54.52 139.38-101.558l-47.236-22.148 49.829-153.385 51.646 9.91c-0.099-61.258-20.117-117.81-53.628-163.972l-35.691 38.103-130.461-94.819 25.336-45.948c-27.235-8.82-56.204-13.708-86.33-13.708s-59.095 4.889-86.313 13.708l25.336 45.948-130.461 94.819-35.691-38.103c-33.511 46.163-53.529 102.714-53.628 163.972l51.646-9.91 49.829 153.385-47.236 22.148c34.387 47.038 82.878 83.060 139.363 101.558zM512 299.355c81.97 0 148.645 66.676 148.645 148.645s-66.676 148.645-148.645 148.645c-81.97 0-148.645-66.676-148.645-148.645s66.676-148.645 148.645-148.645zM512 563.613c63.736 0 115.613-51.877 115.613-115.613s-51.877-115.613-115.613-115.613-115.613 51.877-115.613 115.613 51.877 115.613 115.613 115.613zM512 365.419c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 497.548c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM462.452 827.871h33.032v-33.032h-33.032v33.032zM528.516 827.871h33.032v-33.032h-33.032v33.032zM396.387 827.871h33.032v-33.032h-33.032v33.032zM594.581 827.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe91d;" glyph-name="hand" d="M857.646 237.74l38.582-38.848c2.539-2.556 6.056-4.138 9.942-4.138 6.138 0 11.354 3.946 13.25 9.439l0.030 0.099c4.222 12.016 6.662 25.871 6.662 40.296 0 34.72-14.133 66.139-36.959 88.818l-0.007 0.007c-22.858 22.724-54.365 36.77-89.153 36.77-15.392 0-30.142-2.75-43.785-7.785l0.876 0.283-31.776 31.776c6.828 8.398 10.963 19.223 10.963 31.014 0 22.998-15.731 42.323-37.021 47.799l-0.342 0.075c2.2 5.384 3.477 11.631 3.477 18.177 0 22.098-14.553 40.796-34.598 47.034l-0.349 0.094c4.023 6.976 6.397 15.342 6.397 24.262 0 26.863-21.523 48.699-48.265 49.203l-0.047 0.001c0.043 0.774 0.068 1.681 0.068 2.593 0 27.202-22.052 49.254-49.254 49.254-13.627 0-25.962-5.534-34.879-14.477l-35.581-35.581-88.11 88.098c4.811 12.808 7.596 27.611 7.596 43.064 0 69.514-56.352 125.866-125.866 125.866-14.286 0-28.016-2.38-40.816-6.765l0.885 0.264c-5.606-1.913-9.566-7.134-9.566-13.279 0-3.867 1.568-7.367 4.102-9.901l40.044-40.048-8.346-41.662-43.746-7.738-38.582 38.856c-2.539 2.556-6.056 4.138-9.942 4.138-6.137 0-11.353-3.946-13.249-9.439l-0.030-0.098c-4.223-12.017-6.662-25.872-6.662-40.297 0-34.72 14.133-66.139 36.96-88.818l0.007-0.007c22.859-22.723 54.365-36.768 89.153-36.768 15.392 0 30.142 2.75 43.786 7.785l-0.876-0.283 7.8-7.8-74.66-74.838c-13.444-13.44-21.759-32.010-21.759-52.521 0-0.164 0.001-0.328 0.002-0.492v0.025-26.4c0-0.037 0-0.080 0-0.123 0-34.092-12.146-65.346-32.346-89.673l0.186 0.231-3.246 3.16c-7.112 7.1-16.931 11.491-27.776 11.491s-20.664-4.391-27.777-11.491l-53.539-53.527c-7.088-7.105-11.471-16.912-11.471-27.742s4.383-20.637 11.472-27.743l232.841-232.853c7.099-7.1 16.907-11.491 27.741-11.491s20.642 4.391 27.741 11.491l53.53 53.528c7.088 7.105 11.471 16.912 11.471 27.742s-4.383 20.637-11.472 27.743l-8.199 8.199 14.91 7.18c45.329 22.085 84.121 49.973 117.448 83.324l74.836 74.838 31.58-31.58c-4.752-12.767-7.502-27.517-7.502-42.909 0-34.789 14.047-66.297 36.778-89.163l-0.006 0.006c22.662-22.802 54.038-36.922 88.712-36.942h0.004c14.392 0.013 28.218 2.42 41.107 6.842l-0.893-0.266c5.607 1.912 9.567 7.134 9.567 13.28 0 3.866-1.567 7.367-4.101 9.9l-40.046 40.044 8.362 41.664zM340.13 656.070c-11.894-5.513-25.816-8.729-40.488-8.729-27.037 0-51.524 10.92-69.29 28.59l0.004-0.004c-17.744 17.623-28.727 42.033-28.727 69.009 0 2.656 0.106 5.288 0.315 7.89l-0.022-0.343 25.426-25.6c2.535-2.554 6.047-4.135 9.929-4.135 0.863 0 1.707 0.078 2.527 0.228l-0.086-0.013 60.356 10.666c5.688 1.032 10.128 5.386 11.274 10.943l0.016 0.091 11.71 58.4c0.174 0.827 0.273 1.778 0.273 2.752 0 3.866-1.567 7.367-4.101 9.9l-27 27c2.152 0.168 4.66 0.264 7.19 0.264 54.075 0 97.912-43.837 97.912-97.912 0-14.705-3.242-28.654-9.050-41.169l0.252 0.605c-0.798-1.706-1.263-3.705-1.263-5.812 0-3.865 1.567-7.365 4.099-9.898l94.676-94.674-35.546-35.558-94.674 94.672c-2.534 2.534-6.034 4.101-9.9 4.101-2.107 0-4.106-0.466-5.898-1.299l0.086 0.036zM431.554 109.9l-53.528-53.53c-2.033-2.033-4.841-3.29-7.943-3.29s-5.91 1.257-7.943 3.29l-232.848 232.85c-2.030 2.034-3.286 4.843-3.286 7.944s1.255 5.91 3.286 7.944v0l53.528 53.528c2.033 2.033 4.841 3.29 7.943 3.29s5.91-1.257 7.943-3.29l232.848-232.85c2.031-2.034 3.286-4.842 3.286-7.943s-1.256-5.909-3.287-7.943v0zM555.722 264.084c-31.157-31.181-67.423-57.252-107.436-76.85l-2.364-1.046-23.742-11.432-180.496 180.672c25.060 29.2 40.316 67.451 40.316 109.265 0 0.052 0 0.105 0 0.157v-0.008 26.4c-0.001 0.11-0.001 0.24-0.001 0.37 0 12.807 5.183 24.404 13.566 32.807l-0.001-0.001 74.748 74.836 60.45-60.494-1.53-1.506c-0.832-0.832-1.69-1.644-2.552-2.436-19.244-17.64-48.652-21.684-73.168-10.056l-1.068 0.504c-1.743 0.838-3.791 1.328-5.952 1.328-7.732 0-14-6.268-14-14 0-5.533 3.21-10.317 7.869-12.59l0.083-0.036 1.066-0.506c35.25-16.712 76.108-10.936 104.082 14.718q1.734 1.6 3.416 3.27l112.238 112.242c3.883 4.012 9.317 6.503 15.333 6.503 11.779 0 21.328-9.549 21.328-21.328 0-6.018-2.492-11.454-6.501-15.331l-0.006-0.006-1.776-1.774-83.864-83.872c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l83.892 83.89c3.849 3.799 9.139 6.145 14.978 6.145 11.778 0 21.326-9.548 21.326-21.326 0-5.853-2.358-11.155-6.175-15.009l-83.86-83.86c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l62.48 62.476c3.844 3.769 9.114 6.095 14.928 6.095 11.779 0 21.328-9.549 21.328-21.328 0-5.824-2.334-11.103-6.119-14.952l-62.457-62.451c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l46.394 46.39c3.868 3.912 9.235 6.334 15.167 6.334 11.778 0 21.326-9.548 21.326-21.326 0-5.933-2.423-11.301-6.333-15.166l-0.002-0.002zM780.456 173.838l27-27c-2.153-0.168-4.661-0.265-7.192-0.265-54.075 0-97.912 43.837-97.912 97.912 0 14.705 3.242 28.654 9.050 41.169l-0.252-0.605c0.798 1.706 1.263 3.705 1.263 5.812 0 3.865-1.567 7.365-4.099 9.898l-38.16 38.16 35.552 35.55 38.154-38.154c2.534-2.534 6.034-4.101 9.9-4.101 2.107 0 4.105 0.465 5.897 1.299l-0.086-0.036c11.894 5.513 25.816 8.729 40.489 8.729 27.037 0 51.524-10.92 69.291-28.59l-0.004 0.004c17.744-17.624 28.727-42.035 28.727-69.011 0-2.655-0.106-5.286-0.315-7.888l0.022 0.343-25.426 25.6c-2.537 2.554-6.050 4.134-9.933 4.134-0.862 0-1.706-0.078-2.525-0.227l0.086 0.013-60.356-10.668c-5.687-1.033-10.126-5.385-11.272-10.941l-0.016-0.091-11.712-58.4c-0.173-0.826-0.272-1.775-0.272-2.747 0-3.867 1.568-7.367 4.102-9.901v0z" >
+<glyph unicode="&#xe91e;" glyph-name="accumulator" d="M947.952 60.448h-854.256c-8.837 0-16 7.163-16 16v0 551.6c0 8.837 7.163 16 16 16v0h854.256c8.837 0 16-7.163 16-16v0-551.6c0-8.837-7.163-16-16-16v0zM109.696 92.448h822.256v519.6h-822.256zM984.576 612.048h-929.264c-8.837 0-16 7.163-16 16v0 117.168c0 8.837 7.163 16 16 16v0h929.264c8.837 0 16-7.163 16-16v0-117.168c0-8.837-7.163-16-16-16v0zM71.312 644.048h897.264v85.168h-897.264zM777.104 729.216h-513.44c-0.002 0-0.005 0-0.008 0-8.837 0-16 7.163-16 16 0 3.87 1.374 7.42 3.661 10.187l-0.022-0.027 74.336 90.304c2.956 3.568 7.388 5.824 12.347 5.824 0.002 0 0.003 0 0.005 0h364.8c0.001 0 0.003 0 0.005 0 4.959 0 9.391-2.256 12.326-5.797l0.021-0.027 74.32-90.304c2.266-2.74 3.64-6.29 3.64-10.16 0-8.837-7.163-16-16-16-0.003 0-0.005 0-0.008 0v0zM297.552 761.216h445.664l-48 58.288h-349.616zM844.096 835.504h32v-90.304h-32zM163.392 835.504h32v-90.304h-32zM93.696 189.264h854.256v-32h-854.256zM768.432 560.528h32v-128.544h-32zM720.16 512.256h128.544v-32h-128.544zM190.784 512.256h128.544v-32h-128.544zM503.936 628.048h32v-309.168h-32zM843.088 162.144l-185.28 140.8h-137.808v32h143.2c0.010 0 0.021 0 0.032 0 3.61 0 6.938-1.202 9.607-3.229l-0.039 0.029 189.552-144zM200.448 162.144l-19.344 25.472 189.568 144c2.628 1.998 5.955 3.2 9.563 3.2 0.013 0 0.026 0 0.039 0h143.278v-32h-137.824z" >
+<glyph unicode="&#xe91f;" glyph-name="car-parts-3" d="M974.452 960h-620.329c-21.355 0-40.25-13.609-47.021-33.875l-5.203-15.674h-54.156c-27.318 0-49.548-22.231-49.548-49.548v-21.388c-47.682-14.253-82.581-58.484-82.581-110.741 0-34.502 15.277-65.437 39.325-86.644-36.947-28.094-62.233-69.615-69.682-115.745-49.036-13.362-85.256-58.186-85.256-111.418 0-63.736 51.877-115.613 115.613-115.613v-99.097h74.405c6.144-23.866 15.624-46.691 28.309-68.096l-52.67-52.686 93.432-93.432 52.686 52.67c21.405-12.684 44.23-22.165 68.096-28.309v-74.405h132.129v74.405c23.866 6.144 46.691 15.624 68.096 28.309l52.686-52.67 93.432 93.432-52.67 52.686c12.684 21.405 22.165 44.23 28.309 68.096h74.405v132.129h-74.405c-6.144 23.866-15.624 46.691-28.309 68.096l47.5 47.517h203.859v247.742h49.548c27.318 0 49.548 22.231 49.548 49.548v165.161c0 27.318-22.231 49.548-49.548 49.548zM743.226 926.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM627.613 926.968h49.978c-10.488-13.841-16.946-30.885-16.946-49.548 0-45.535 37.046-82.581 82.581-82.581 18.663 0 35.708 6.458 49.548 16.946v-116.042h-165.161v231.226zM492.445 926.968c-6.838-19.175-25.005-33.032-46.509-33.032s-39.672 13.857-46.509 33.032h93.019zM148.645 728.774c0 45.535 37.046 82.581 82.581 82.581s82.581-37.046 82.581-82.581c0-45.535-37.046-82.581-82.581-82.581-16.929 0-32.685 5.153-45.799 13.94l-0.446 0.908c-0.165-0.083-0.297-0.182-0.462-0.264-21.62 14.914-35.873 39.804-35.873 67.997zM184.749 622.988c4.344-1.916 8.836-3.584 13.444-4.971v-122.318c-20.662 21.058-48.888 33.643-78.865 34.618 8.671 38.086 32.372 71.63 65.42 92.672zM115.613 332.387c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c24.923 0 48.359-11.479 63.917-30.489l-13.89-13.89 52.67-52.686c-12.684-21.405-22.165-44.23-28.309-68.096h-74.389zM677.161 450.824l-45.816-45.816 7.449-11.247c16.516-24.956 27.879-52.257 33.726-81.177l2.692-13.229h68.013v-66.065h-68.013l-2.692-13.229c-5.847-28.92-17.21-56.221-33.726-81.177l-7.449-11.247 48.178-48.178-46.724-46.724-48.178 48.178-11.247-7.449c-24.956-16.516-52.257-27.879-81.177-33.726l-13.229-2.692v-68.013h-66.065v68.013l-13.229 2.692c-28.92 5.847-56.221 17.21-81.177 33.726l-11.247 7.449-48.178-48.178-46.724 46.724 48.178 48.178-7.449 11.247c-16.516 24.956-27.879 52.257-33.726 81.177l-2.692 13.229h-68.013v66.065h68.013l2.692 13.229c5.847 28.92 17.21 56.221 33.726 81.177l7.449 11.247-48.178 48.178 46.724 46.724 48.178-48.178 11.247 7.449c24.956 16.516 52.257 27.879 81.177 33.726l13.229 2.692v68.013h66.065v-68.013l13.229-2.692c28.92-5.847 56.221-17.21 81.177-33.726l11.247-7.449 48.178 48.178 44.362-44.379v-4.707zM891.871 481.032h-193.503l-65.586 65.586-52.686-52.67c-21.405 12.684-44.23 22.165-68.096 28.309v74.389h-132.129v-74.405c-23.866-6.144-46.691-15.624-68.096-28.309l-52.686 52.67-27.863-27.846v94.406c63.736 0 115.613 51.877 115.613 115.613s-51.877 115.613-115.613 115.613v16.516c0 9.117 7.399 16.516 16.516 16.516h77.973l12.734 38.251c2.263 6.772 8.572 11.297 15.674 11.297h10.901c7.68-37.64 41.043-66.065 80.913-66.065s73.233 28.424 80.913 66.065h67.733v-182.107c-13.841 10.488-30.885 16.946-49.548 16.946-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c39.87 0 73.233 28.424 80.913 66.065h265.926v-181.677zM594.581 679.226c0-27.318-22.231-49.548-49.548-49.548s-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548 49.548-22.231 49.548-49.548zM990.968 745.29c0-9.117-7.399-16.516-16.516-16.516h-49.548v33.032h-33.032v-66.065h-66.065v181.677c0 18.663-6.458 35.708-16.946 49.548h83.010v-132.129h33.032v132.129h49.548c9.117 0 16.516-7.399 16.516-16.516v-165.161zM115.613 464.516c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM115.613 398.452c-9.117 0-16.516 7.399-16.516 16.516s7.399 16.516 16.516 16.516 16.516-7.399 16.516-16.516c0-9.117-7.399-16.516-16.516-16.516zM231.226 679.226c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM231.226 745.29c9.117 0 16.516-7.399 16.516-16.516s-7.399-16.516-16.516-16.516-16.516 7.399-16.516 16.516 7.399 16.516 16.516 16.516zM445.935 431.484c-91.070 0-165.161-74.091-165.161-165.161s74.091-165.161 165.161-165.161c31.315 0 61.82 8.82 88.213 25.517l-17.672 27.896c-21.091-13.329-45.469-20.381-70.54-20.381-72.853 0-132.129 59.276-132.129 132.129s59.276 132.129 132.129 132.129c72.853 0 132.129-59.276 132.129-132.129 0-35.113-13.626-68.162-38.367-93.101l23.453-23.255c30.918 31.149 47.946 72.473 47.946 116.356 0 91.070-74.091 165.161-165.161 165.161zM445.935 365.419c-54.652 0-99.097-44.445-99.097-99.097s44.445-99.097 99.097-99.097 99.097 44.445 99.097 99.097-44.445 99.097-99.097 99.097zM445.935 200.258c-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065-29.63-66.065-66.065-66.065z" >
+<glyph unicode="&#xe920;" glyph-name="repair-1" d="M178.92 99.562c-0.001-0.157-0.001-0.343-0.001-0.529 0-59.869 34.334-111.72 84.385-136.936l0.88-0.402c1.791-0.93 3.911-1.475 6.157-1.475 2.686 0 5.189 0.779 7.297 2.124l-0.055-0.033c3.882 2.486 6.418 6.777 6.418 11.66 0 0.087-0.001 0.174-0.002 0.261v-0.013 72.8l48.066 31.876 49.144-34.312-0.19-70.4c0-0.005 0-0.012 0-0.018 0-7.757 6.289-14.046 14.046-14.046 2.275 0 4.424 0.541 6.324 1.501l-0.080-0.037c31.593 15.833 56.409 41.268 71.056 72.43l0.396 0.938 24.948-1.746c0.332-0.020 0.662-0.032 0.988-0.032 6.912 0.004 12.652 5.017 13.788 11.605l0.012 0.083 11.248 67.176c31.461 5.792 59.542 15.714 85.366 29.339l-1.616-0.777 48.974-46.686c2.508-2.394 5.912-3.868 9.661-3.868 3.522 0 6.741 1.301 9.201 3.448l-0.017-0.014 79.020 68.692c2.959 2.581 4.819 6.358 4.819 10.569 0 3.060-0.982 5.89-2.647 8.194l0.028-0.041-39.492 55.106c16.233 22.672 29.788 48.785 39.366 76.744l0.634 2.13 67.17 1.844c7.224 0.204 13.066 5.85 13.579 12.973l0.003 0.045 7.322 104.708c0.022 0.292 0.034 0.633 0.034 0.976 0 6.915-5.014 12.66-11.605 13.796l-0.083 0.012-67.176 11.246c-5.79 31.461-15.711 59.543-29.337 85.367l0.777-1.615 46.694 48.974c2.394 2.507 3.867 5.912 3.867 9.66 0 3.49-1.277 6.682-3.39 9.134l0.015-0.018-67.758 78.956c-2.583 2.997-6.383 4.883-10.624 4.883-3.061 0-5.893-0.982-8.197-2.649l0.041 0.028-55.094-39.486c-22.67 16.232-48.779 29.787-76.734 39.366l-2.13 0.634-1.79 68.092c-0.195 7.231-5.844 13.083-12.973 13.597l-0.045 0.003-63.682 4.454c0.579 5.013 0.91 10.821 0.91 16.707 0 59.994-34.338 111.967-84.432 137.34l-0.878 0.403c-1.77 0.931-3.868 1.477-6.094 1.477-2.66 0-5.138-0.78-7.217-2.125l0.052 0.032c-3.799-2.472-6.276-6.698-6.276-11.502 0-0.143 0.002-0.285 0.007-0.427l-0.001 0.021v-72.8l-48.228-31.87-49.224 34.312 0.152 70.4c-0.015 7.766-6.314 14.055-14.082 14.055-2.271 0-4.416-0.537-6.315-1.492l0.081 0.037c-51.034-25.561-85.455-77.452-85.455-137.383 0-0.211 0-0.423 0.001-0.634v0.033c0-60.648 37.070-115.94 91.070-140.56v-415.756c-54-24.62-91.080-79.922-91.080-140.56zM534.972 748.362l1.72-65.4c0.168-6.189 4.327-11.363 9.989-13.051l0.099-0.025c33.688-10.177 62.994-25.428 88.722-45.119l-0.66 0.485c2.309-1.744 5.228-2.794 8.391-2.794 3.061 0 5.893 0.983 8.198 2.65l-0.041-0.028 52.872 37.892 51.154-59.6-45-47.2c-2.395-2.508-3.868-5.913-3.868-9.662 0-2.552 0.683-4.945 1.876-7.006l-0.036 0.067c15.496-26.892 26.682-58.318 31.659-91.772l0.179-1.46c0.894-6.041 5.541-10.779 11.461-11.8l0.083-0.012 64.532-10.8-5.55-79.352-64.486-1.772c-6.183-0.174-11.35-4.331-13.037-9.989l-0.025-0.099c-10.173-33.688-25.422-62.994-45.113-88.72l0.485 0.66c-1.745-2.309-2.795-5.229-2.795-8.394 0-3.061 0.983-5.893 2.649-8.197l-0.028 0.041 37.94-52.936-59.782-51.97-47.144 44.938c-2.508 2.395-5.913 3.87-9.663 3.87-2.552 0-4.944-0.683-7.004-1.875l0.067 0.036c-26.886-15.503-58.307-26.695-91.754-31.679l-1.462-0.179c-6.041-0.895-10.778-5.543-11.798-11.463l-0.012-0.083-10.8-64.532-4.63 0.324c2.851 11.144 4.488 23.938 4.488 37.113 0 0.030 0 0.061 0 0.091v-0.005c-0.064 34.041-11.159 65.479-29.899 90.942l0.299-0.426c4.814-0.31 9.6-0.482 14.39-0.482 120.476 0.165 218.077 97.867 218.077 218.366 0 120.6-97.766 218.366-218.366 218.366-27.048 0-52.948-4.918-76.854-13.908l1.505 0.496v42.968c40.257 18.977 70.661 53.278 84.046 95.184l0.308 1.118zM424.172 223.562c-8.158 6.103-17.409 11.631-27.214 16.163l-0.958 0.397v342.636c22.238 9.854 48.176 15.591 75.454 15.591 105.143 0 190.378-85.235 190.378-190.378s-85.235-190.378-190.378-190.378c-16.8 0-33.092 2.176-48.609 6.262l1.327-0.297zM288.818 678.362c-48.17 18.53-81.767 64.352-81.94 118.045v0.021c-0.001 0.139-0.001 0.303-0.001 0.467 0 40.643 19.36 76.764 49.362 99.644l0.305 0.223-0.19-52.562c0-0.016 0-0.034 0-0.053 0-4.724 2.34-8.902 5.924-11.437l0.044-0.029 62.878-43.99c2.237-1.582 5.020-2.529 8.025-2.529 2.891 0 5.578 0.876 7.809 2.378l-0.050-0.032 62.416 41.328c3.88 2.515 6.449 6.768 6.599 11.63l0.001 0.022v55.182c29.904-23.516 48.991-59.624 49.2-100.197v-0.035c-0.201-53.722-33.816-99.541-81.134-117.773l-0.866-0.293c-5.386-2.035-9.156-7.13-9.2-13.111v-434.517c0-0.023 0-0.051 0-0.079 0-5.93 3.704-10.994 8.925-13.005l0.095-0.032c48.235-18.484 81.858-64.406 81.858-118.181 0-15.792-2.9-30.906-8.195-44.84l0.289 0.867c-0.187-0.383-0.385-0.864-0.555-1.357l-0.029-0.097c-8.719-22.28-22.896-40.819-40.924-54.567l-0.304-0.223 0.178 52.574c0 0.014 0 0.030 0 0.046 0 4.728-2.343 8.908-5.932 11.443l-0.044 0.029-62.876 43.988c-2.237 1.582-5.020 2.529-8.025 2.529-2.891 0-5.578-0.876-7.809-2.378l0.050 0.032-62.262-41.328c-3.836-2.53-6.355-6.788-6.44-11.639v-55.195c-29.95 23.501-49.088 59.604-49.36 100.187v0.045c0.236 53.732 33.875 99.548 81.211 117.773l0.867 0.293c5.407 2.027 9.202 7.118 9.282 13.106v434.522c-0.036 5.984-3.8 11.079-9.085 13.084l-0.097 0.032z" >
+<glyph unicode="&#xe921;" glyph-name="carwash" d="M925.76 820.672c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-28.277 22.923-51.2 51.2-51.2v0zM925.76 890.96c10.604 0 19.2-8.596 19.2-19.2s-8.596-19.2-19.2-19.2c-10.604 0-19.2 8.596-19.2 19.2v0c0 10.604 8.596 19.2 19.2 19.2v0zM988.56 693.952c-10.316 27.535-30.966 49.165-57.109 60.535l-0.683 0.265c-11.122 4.56-24.031 7.207-37.558 7.207-1.838 0-3.665-0.049-5.479-0.145l0.253 0.011c-9.827 16.118-23.891 28.793-40.656 36.669l-0.576 0.243c-7.744 39.888-39.264 101.616-116.32 101.616h-0.48c-1.455 0.068-3.161 0.107-4.875 0.107-30.567 0-58.25-12.351-78.329-32.335l0.004 0.004c-18.998-21.328-31.345-48.95-33.574-79.383l-0.026-0.441h-218.736c1.039 4.404 1.635 9.461 1.635 14.657 0 36.742-29.786 66.528-66.528 66.528-0.119 0-0.238 0-0.357-0.001h0.018c-0.022 0-0.048 0-0.074 0-5.533 0-10.908-0.677-16.046-1.952l0.457 0.096c-15.967 22.827-42.132 37.57-71.741 37.57-45.105 0-82.218-34.214-86.804-78.105l-0.032-0.377c-3.945 0.509-8.509 0.8-13.14 0.8-0.044 0-0.087 0-0.131 0h0.007c-0.025 0-0.056 0-0.086 0-61.661 0-111.648-49.987-111.648-111.648 0-31.318 12.894-59.623 33.664-79.898l0.022-0.022c-21.094-0.837-37.877-18.14-37.877-39.363 0-0.224 0.002-0.448 0.006-0.671v0.034-22.304c-0.075-1.15-0.118-2.493-0.118-3.846 0-33.010 25.521-60.060 57.909-62.494l0.209-0.013h28.992l-48.864-64.832c-1.998-2.641-3.2-5.98-3.2-9.6v0-292.064c0.062-7.738 5.69-14.143 13.075-15.411l0.093-0.013v-39.264c0.055-41.091 33.355-74.387 74.444-74.432h98.1c41.093 0.046 74.393 33.341 74.448 74.427v38.693h365.984v-38.688c0.046-41.089 33.343-74.386 74.428-74.432h98.132c41.089 0.046 74.386 33.343 74.432 74.428v39.236c7.459 1.294 13.069 7.686 13.136 15.401v292.087c0 3.62-1.202 6.959-3.229 9.64l0.029-0.040-48.864 64.864h28.144c32.604 2.439 58.134 29.492 58.134 62.507 0 1.353-0.043 2.695-0.127 4.026l0.009-0.182v22.336c-0.045 4.761-0.898 9.309-2.426 13.533l0.090-0.285c9.176 15.286 14.603 33.73 14.603 53.441 0 11.167-1.742 21.927-4.968 32.023l0.205-0.744zM669.856 845.952c14.449 13.934 34.139 22.518 55.834 22.518 1.533 0 3.056-0.043 4.568-0.127l-0.21 0.009h0.368c75.68 0 85.632-79.44 86-82.784 0.703-6.306 4.981-11.458 10.735-13.423l0.113-0.033c1.424-0.48 2.816-1.008 4.24-1.6 14.729-6.363 26.278-17.766 32.673-31.988l0.159-0.396c2.55-5.654 8.138-9.519 14.629-9.519 1.097 0 2.168 0.11 3.202 0.32l-0.103-0.017c3.509 0.65 7.547 1.021 11.671 1.021 9.177 0 17.924-1.839 25.893-5.17l-0.444 0.164c18.101-8.131 32.051-22.805 39.045-40.936l0.171-0.504c2.004-6.174 3.16-13.277 3.16-20.651 0-10.596-2.386-20.634-6.651-29.607l0.179 0.418c-3.733 1.458-8.053 2.327-12.568 2.384h-90.216l-23.696 99.2c-6.764 30.256-33.156 52.613-64.857 53.119l-0.055 0.001h-118.192c1.999 22.25 10.876 42.116 24.46 57.791l-0.108-0.127zM763.696 756.352c16.706-0.555 30.462-12.523 33.752-28.329l0.040-0.231 45.024-188.48h-677.408l17.296 72.672c7.388 2.866 13.711 6.092 19.651 9.868l-0.451-0.268c11.663-6.161 25.491-9.778 40.164-9.778 48.256 0 87.376 39.12 87.376 87.376 0 13.505-3.064 26.295-8.535 37.712l0.227-0.526c2.48-0.312 5.353-0.492 8.267-0.496h0.005c18.861 0.018 35.882 7.882 47.977 20.504l0.023 0.024zM914.96 325.312h-146.88l37.824 73.184c1.323 2.747 3.895 4.709 6.958 5.162l0.050 0.006 102.048 11.28zM809.36 435.472c-14.041-1.652-25.78-10.171-31.892-22.057l-0.108-0.231-49.888-96.528c-1.125-2.133-1.785-4.661-1.785-7.344 0-8.834 7.159-15.996 15.993-16h173.28v-48.672h-248.16l-30.816 91.936c-2.192 6.396-8.153 10.911-15.168 10.912h-234.016c-7.015-0.001-12.976-4.516-15.134-10.799l-0.034-0.113-30.832-91.936h-248.128v48.688h173.136c0.003 0 0.006 0 0.009 0 8.837 0 16 7.163 16 16 0 2.683-0.66 5.211-1.827 7.432l0.042-0.088-49.968 96.688c-6.178 11.99-17.786 20.427-31.483 22.093l-0.197 0.019-92.016 10.176 46.4 61.68h702.032l46.4-61.68zM914.96 156.736h-104.336v55.904h104.336zM304.848 156.736h-75.856v55.904h549.632v-55.84h-473.776zM92.672 212.64h104.32v-55.84h-104.32zM374.576 244.64l23.824 70.848h210.896l23.744-70.848zM194.848 403.664c3.019-0.447 5.512-2.347 6.777-4.955l0.023-0.053 37.888-73.328h-146.864v89.6zM61.936 715.776c0 0.023 0 0.050 0 0.077 0 43.988 35.66 79.648 79.648 79.648 8.873 0 17.407-1.451 25.378-4.128l-0.562 0.164c1.493-0.508 3.213-0.802 5.001-0.802 8.837 0 16 7.163 16 16 0 0.893-0.073 1.769-0.214 2.623l0.013-0.093c-0.447 2.568-0.72 5.544-0.752 8.577v0.031c0 0.011 0 0.025 0 0.039 0 30.557 24.771 55.328 55.328 55.328 22.055 0 41.097-12.905 49.985-31.576l0.143-0.335c1.859-3.905 5.138-6.881 9.152-8.301l0.112-0.035c1.55-0.543 3.337-0.856 5.198-0.856 2.637 0 5.126 0.63 7.327 1.747l-0.092-0.043c4.516 2.34 9.858 3.712 15.521 3.712 0.011 0 0.022 0 0.033 0h-0.002c0.222 0.005 0.484 0.008 0.747 0.008 19.255 0 34.864-15.609 34.864-34.864s-15.609-34.864-34.864-34.864c-0.263 0-0.525 0.003-0.786 0.009l0.039-0.001c-0.035 0-0.077 0-0.118 0-9.853 0-18.74 4.137-25.019 10.768l-0.015 0.016c-2.883 3.012-6.921 4.898-11.399 4.944h-0.009c-0.081 0.001-0.176 0.002-0.271 0.002-4.405 0-8.387-1.807-11.247-4.72l-0.002-0.002c-2.564-2.57-5.374-4.892-8.393-6.929l-0.199-0.127c-4.306-2.912-7.1-7.778-7.1-13.296s2.793-10.384 7.043-13.26l0.056-0.036c14.659-10.104 24.145-26.8 24.145-45.712 0-30.566-24.779-55.345-55.345-55.345-11.654 0-22.467 3.602-31.386 9.754l0.186-0.121c-2.57 1.836-5.775 2.936-9.238 2.936-3.781 0-7.256-1.312-9.994-3.505l0.032 0.025c-13.359-10.717-30.516-17.2-49.186-17.2-0.061 0-0.122 0-0.183 0h0.009c-43.951 0.145-79.53 35.781-79.584 79.739v0.005zM57.76 573.68v22.304c-0.011 0.151-0.017 0.327-0.017 0.505 0 3.844 2.872 7.017 6.587 7.491l0.037 0.004h83.296l-15.456-64.704h-48.448c-14.096 0.048-26 15.776-26 34.4zM288.848 86.064c-0.036-23.426-19.021-42.405-42.445-42.432h-98.115c-23.427 0.027-42.412 19.007-42.448 42.429v38.739h183.008zM901.824 86.064c-0.027-23.424-19.008-42.405-42.429-42.432h-98.131c-23.424 0.027-42.405 19.008-42.432 42.429v38.739h182.992zM949.024 573.68c0-18.624-11.904-34.352-26.016-34.352h-47.6l-15.456 64.704h82.448c3.752-0.47 6.626-3.64 6.626-7.481 0-0.183-0.006-0.364-0.019-0.543l0.001 0.024z" >
+<glyph unicode="&#xe922;" glyph-name="car-parts-4" d="M990.968 628.703v215.684c0 45.535-37.046 82.581-82.581 82.581h-215.684c-56.221 21.289-117.099 33.032-180.703 33.032s-124.482-11.743-180.703-33.032h-215.684c-45.535 0-82.581-37.046-82.581-82.581v-215.684c-21.289-56.221-33.032-117.099-33.032-180.703s11.743-124.482 33.032-180.703v-215.684c0-45.535 37.046-82.581 82.581-82.581h215.684c56.237-21.289 117.116-33.032 180.703-33.032s124.482 11.743 180.703 33.032h215.684c45.535 0 82.581 37.046 82.581 82.581v215.684c21.289 56.221 33.032 117.099 33.032 180.703s-11.743 124.482-33.032 180.703zM908.387 893.935c27.318 0 49.548-22.231 49.548-49.548v-145.276c-45.981 81.325-113.499 148.843-194.824 194.824h145.276zM66.065 844.387c0 27.318 22.231 49.548 49.548 49.548h145.276c-81.325-45.981-148.843-113.499-194.824-194.824v145.276zM115.613 2.065c-27.318 0-49.548 22.231-49.548 49.548v145.276c45.981-81.325 113.499-148.843 194.824-194.824h-145.276zM957.935 51.613c0-27.318-22.231-49.548-49.548-49.548h-145.276c81.325 45.981 148.86 113.499 194.824 194.824v-145.276zM512-30.968c-264.109 0-478.968 214.875-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.858-478.968-478.968-478.968zM602.822 376.7l117.826-52.373c12.668-5.599 26.095-8.456 39.919-8.456 54.189 0 98.271 44.082 98.271 98.254v165.508c0 36.715-29.861 66.56-66.577 66.56-26.277 0-50.159-15.509-60.829-39.54l-18.647-41.967c-17.309-38.929-50.804-68.063-91.119-80.334-7.234 21.735-20.728 40.597-38.367 54.47l52.356 117.826c5.632 12.651 8.473 26.095 8.473 39.936 0 54.173-44.082 98.254-98.271 98.254h-165.492c-36.699 0-66.56-29.861-66.56-66.56 0-26.294 15.509-50.159 39.54-60.845l41.967-18.647c38.929-17.292 68.063-50.787 80.351-91.119-21.735-7.234-40.597-20.728-54.47-38.383l-117.826 52.373c-12.684 5.615-26.112 8.473-39.936 8.473-54.189 0-98.271-44.082-98.271-98.254v-165.508c0-36.715 29.861-66.56 66.577-66.56 26.277 0 50.159 15.509 60.829 39.54l18.647 41.967c17.309 38.929 50.804 68.063 91.119 80.334 7.234-21.735 20.728-40.597 38.367-54.47l-52.356-117.826c-5.632-12.651-8.473-26.095-8.473-39.936 0-54.173 44.082-98.254 98.271-98.254h165.492c36.699 0 66.56 29.861 66.56 66.56 0 26.294-15.509 50.159-39.54 60.845l-41.967 18.647c-38.929 17.292-68.063 50.787-80.351 91.119 21.752 7.234 40.613 20.728 54.487 38.367zM627.613 448c0 1.272-0.149 2.51-0.198 3.782 51.134 14.319 93.812 50.556 115.547 99.493l18.663 41.967c5.368 12.090 17.391 19.918 30.637 19.918 18.498 0 33.544-15.046 33.544-33.528v-165.508c0-35.972-29.267-65.222-65.239-65.222-9.183 0-18.102 1.883-26.492 5.632l-114.671 50.969c5.236 13.163 8.209 27.483 8.209 42.496zM396.387 448c0-1.272 0.149-2.51 0.198-3.782-51.134-14.319-93.812-50.556-115.547-99.493l-18.663-41.967c-5.368-12.090-17.391-19.918-30.637-19.918-18.498 0-33.544 15.046-33.544 33.528v165.508c0 35.972 29.267 65.222 65.239 65.222 9.183 0 18.102-1.883 26.492-5.632l114.671-50.969c-5.236-13.163-8.209-27.483-8.209-42.496zM408.725 678.978l-41.967 18.647c-12.106 5.368-19.918 17.408-19.918 30.654 0 18.482 15.046 33.528 33.544 33.528h165.492c35.972 0 65.239-29.25 65.239-65.222 0-9.199-1.899-18.102-5.615-26.492l-50.969-114.671c-13.196 5.219-27.516 8.192-42.529 8.192-1.272 0-2.51-0.149-3.782-0.198-14.319 51.134-50.572 93.812-99.493 115.563zM615.275 217.022l41.967-18.647c12.106-5.368 19.918-17.408 19.918-30.654 0-18.482-15.046-33.528-33.544-33.528h-165.475c-35.972 0-65.239 29.25-65.239 65.222 0 9.199 1.899 18.102 5.615 26.492l50.969 114.671c13.18-5.219 27.499-8.192 42.513-8.192 1.272 0 2.51 0.149 3.782 0.198 14.319-51.134 50.572-93.812 99.493-115.563zM512 365.419c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c45.535 0 82.581-37.046 82.581-82.581s-37.046-82.581-82.581-82.581zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c97.049 0 189.308 30.621 266.818 88.593l-19.786 26.459c-71.746-53.661-157.167-82.019-247.032-82.019-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-117.347-50.209-229.558-137.745-307.877l22.016-24.609c94.538 84.563 148.761 205.741 148.761 332.486 0 245.892-200.043 445.935-445.935 445.935zM99.097 860.903h33.032v-33.032h-33.032v33.032zM891.871 860.903h33.032v-33.032h-33.032v33.032zM99.097 68.129h33.032v-33.032h-33.032v33.032zM891.871 68.129h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe923;" glyph-name="automobile" d="M193.378 697.378l-32.6-57.892c-15.76 0.032-50.786 0.030-70.128 0.030-31.762 0-57.576-15.908-65.766-40.478-3.49-10.161-5.933-21.95-6.84-34.165l-0.028-0.473c-0.010-0.198-0.016-0.43-0.016-0.663 0-3.71 1.477-7.075 3.875-9.54l-0.003 0.003c2.521-2.593 6.042-4.201 9.939-4.201 0.066 0 0.133 0 0.199 0.001h0.008l48.544-0.086c-21.162-16.114-34.778-43.088-34.778-74.16 0-0.004 0-0.008 0-0.012 0-0.63 0.040-1.251 0.118-1.86l-0.008 0.072 22.472-178.172c0.666-25.419 19.101-46.342 43.306-50.841l0.328-0.051v-57.056c0.054-18.532 14.955-33.565 33.431-33.834h58.625c18.614 0.232 33.649 15.229 33.944 33.806v56.194h501.104c-25.471-27.363-41.104-64.181-41.104-104.649 0-59.976 34.337-111.933 84.425-137.283l0.878-0.403c1.851-0.926 4.034-1.468 6.342-1.468 2.772 0 5.361 0.781 7.56 2.135l-0.062-0.036c4.068 2.498 6.762 6.886 6.856 11.911v72.813l47.646 31.876 48.934-34.312-0.294-70.4c0-0.027 0-0.058 0-0.090 0-7.718 6.256-13.974 13.974-13.974 2.269 0 4.412 0.541 6.306 1.5l-0.080-0.037c50.82 25.887 85.022 77.818 85.022 137.736 0 62.441-37.143 116.207-90.54 140.409l-0.968 0.393v335.756c54.358 24.568 91.5 78.313 91.5 140.734 0 59.914-34.219 111.836-84.18 137.288l-0.874 0.404c-1.837 0.934-4.006 1.482-6.303 1.482-7.763 0-14.065-6.254-14.143-13.998v-72.807l-47.646-31.87-48.934 34.312 0.294 70.4c0 0.026 0 0.056 0 0.087 0 7.719-6.257 13.976-13.976 13.976-2.268 0-4.41-0.54-6.304-1.499l0.080 0.037c-44.148-21.991-75.719-63.522-83.561-112.955l-0.113-0.867c-4.192 0.792-9.069 1.297-14.045 1.399l-0.093 0.001h-384.16c-43.266 0-81.666-30.222-108.164-84.622zM48.116 577.724c1.045 4.993 2.197 9.158 3.574 13.218l-0.234-0.794c4.246 12.74 20 21.302 39.2 21.302 14.256 0 37.046-0.036 54.344-0.068l-18.936-33.558zM210 187.834c-0.274-3.147-2.794-5.626-5.935-5.833l-0.019-0.001h-58.59c-3.039 0.249-5.417 2.758-5.456 5.83v56.17h70zM121.028 272c-13.589 0.041-24.59 11.061-24.6 24.653v0.001c0 0.631-0.041 1.251-0.12 1.86l0.008-0.072-22.528 178.072c0.382 36.984 25.684 59.888 51.030 61.384 0.173-0.007 0.375-0.012 0.579-0.012 0.636 0 1.261 0.041 1.875 0.121l-0.072-0.008h660.8v-80.088c-20-6.89-37.818-27.378-37.818-51.518s17.818-44.628 37.818-51.518v-74.754c-4-2.384-9.43-4.122-14.37-8.122zM605 566c5.4 30 32.482 54.646 65 54.646s59.6-24.646 65-54.646zM788 426.708v-40.628c-4 4.768-9.818 12.096-9.818 20.314s5.818 15.548 9.818 20.314zM775.558 856.77l-0.116-52.57c0-0.005 0-0.010 0-0.015 0-4.742 2.353-8.934 5.956-11.473l0.044-0.030 62.89-43.988c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 61.846 41.328c3.657 2.519 6.024 6.684 6.024 11.401 0 0.087-0.001 0.174-0.002 0.26v-0.013 55.182c32-23.57 49.78-60.22 49.78-100.232-0.329-53.761-34.031-99.568-81.419-117.773l-0.869-0.293c-5.46-2.009-9.318-7.090-9.492-13.095v-354.533c0.222-6.040 4.112-11.117 9.499-13.084l0.101-0.032c48.221-18.512 81.88-64.324 82.148-118.033v-0.033c0.001-0.179 0.001-0.392 0.001-0.604 0-40.576-19.312-76.642-49.247-99.506l-0.303-0.222 0.242 52.574c0 0.025 0 0.055 0 0.085 0 4.709-2.33 8.874-5.901 11.404l-0.043 0.029-62.86 43.988c-2.234 1.583-5.016 2.53-8.019 2.53-2.89 0-5.574-0.877-7.803-2.38l0.050 0.032-61.84-41.328c-3.66-2.519-6.028-6.685-6.028-11.403 0-0.087 0.001-0.175 0.002-0.262v0.013-55.182c-32 23.57-49.78 60.22-49.78 100.232 0.102 44.397 23.041 83.415 57.69 105.939l0.49 0.299c0.593 0.339 1.1 0.681 1.58 1.054l-0.030-0.022c6.15 3.981 13.221 7.611 20.654 10.52l0.814 0.28c5.073 2.032 8.592 6.908 8.592 12.605 0 0.178-0.003 0.356-0.010 0.533l0.001-0.025v354.512c0.006 0.146 0.009 0.318 0.009 0.491 0 5.707-3.526 10.591-8.518 12.593l-0.091 0.032c-48.118 18.492-81.649 64.33-81.649 118 0 40.834 19.41 77.134 49.507 100.178l0.302 0.222zM697.578 752.486c1.636-58.98 38.422-112.56 90.422-136.6v-49.886h-24.71c-5.849 46.795-45.383 82.642-93.29 82.642s-87.441-35.847-93.243-82.181l-0.047-0.461h-425.532l66.8 118.046c0.142 0.254 0.278 0.62 0.4 0.88 12.492 25.758 39.906 69.074 83.164 69.074h384.16c4.255-0.088 8.339-0.635 12.261-1.594l-0.385 0.080zM178.822 460.39c-29.823 0-54-24.177-54-54s24.177-54 54-54c29.823 0 54 24.177 54 54v0c-0.032 29.811-24.189 53.968-53.997 54h-0.003zM178.822 380.39c-14.359 0-26 11.641-26 26s11.641 26 26 26c14.359 0 26-11.641 26-26v0c-0.020-14.349-11.65-25.975-25.999-25.99h-0.001zM306.766 376h370.468c7.792 0.327 13.984 6.724 13.984 14.566 0 1.629-0.267 3.196-0.76 4.659l0.030-0.103-12.774 37.2c-8.776 25.8-37 45.674-64.27 45.674h-243.894c-27.334 0-55.4-19.896-63.878-45.88l-12.214-37.184c-0.439-1.328-0.692-2.856-0.692-4.444 0-3.154 0.999-6.075 2.698-8.463l-0.030 0.045c2.551-3.598 6.654-5.949 11.313-6.070h0.019zM332.29 423.018c4.71 14.398 22.11 26.982 37.26 26.982h243.894c15.216 0 32.862-12.6 37.764-27l6.478-19h-331.622zM726.126 356h-456.912c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h456.912c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe924;" glyph-name="polisher" d="M253.68 373.328h-60.080c-36.571 0.046-66.204 29.684-66.24 66.253v433.603c0.036 36.569 29.671 66.204 66.236 66.24h60.020c0.019 0 0.042 0 0.064 0 36.599 0 66.274-29.647 66.32-66.236v-433.604c-0.046-36.596-29.719-66.247-66.319-66.256h-0.001zM193.6 907.424c-18.903-0.018-34.222-15.337-34.24-34.238v-433.602c0.018-18.906 15.335-34.229 34.237-34.256h60.019c0.029 0 0.062 0 0.096 0 18.926 0 34.27 15.333 34.288 34.254v433.602c-0.027 18.905-15.35 34.222-34.254 34.24h-0.002zM223.664 672.384h80.272v-32h-80.272zM223.664 805.904h80.272v-32h-80.272zM223.664 538.848h80.272v-32h-80.272zM419.28 529.232h-115.28c-8.837 0-16 7.163-16 16v0 222.304c0 8.837 7.163 16 16 16v0h115.344c8.837 0 16-7.163 16-16v0-222.304c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM319.936 561.232h83.344v190.304h-83.28zM745.088 432.8h-325.808c-8.837 0-16 7.163-16 16v0 361.872c0.018 38.27 31.028 69.292 69.292 69.328h219.204c38.248-0.036 69.244-31.032 69.28-69.277v-230.339h-32v230.288c0 0.005 0 0.010 0 0.016 0 20.584-16.669 37.276-37.244 37.312h-219.204c-20.585-0.018-37.269-16.696-37.296-37.277v-345.923h309.776zM704.368 128.928h-203.968c-31.125 0.036-56.348 25.259-56.384 56.381v263.491c0 8.837 7.163 16 16 16v0h244.352c8.837 0 16-7.163 16-16v0-303.872c0-8.837-7.163-16-16-16v0zM476.016 432.8v-247.488c0.018-13.46 10.924-24.366 24.382-24.384h187.97v271.872zM889.6 432.8h-315.664c-42.315 0.073-76.599 34.357-76.672 76.665v10.263c0.082 42.309 34.362 76.583 76.665 76.656h315.671c42.303-0.082 76.574-34.353 76.656-76.648v-10.264c-0.073-42.31-34.347-76.59-76.648-76.672h-0.008zM573.936 564.384c-24.637-0.073-44.59-20.020-44.672-44.648v-10.264c0.073-24.642 20.030-44.599 44.665-44.672h315.671c24.636 0.082 44.583 20.035 44.656 44.665v10.263c-0.027 24.652-20.004 44.629-44.653 44.656h-0.003zM532.864 245.12h98.672v-32h-98.672zM532.864 329.712h98.672v-32h-98.672zM673.328-16.736h-114.624c0 0-0.001 0-0.001 0-7.652 0-14.050 5.372-15.627 12.55l-0.020 0.106-31.056 145.664c-0.225 1.005-0.353 2.16-0.353 3.344 0 8.837 7.163 16 16 16 0 0 0.001 0 0.001 0h176.72c8.829-0.010 15.982-7.17 15.982-16 0-1.179-0.127-2.328-0.369-3.434l0.019 0.106-31.040-145.6c-1.564-7.313-7.964-12.72-15.63-12.736h-0.002zM571.664 15.264h88.704l24.24 113.6h-137.2zM432.112 578.976l-22.624 22.624 77.376 77.376v185.024h32v-191.648c-0.001-4.418-1.792-8.417-4.688-11.312v0zM618.608 514.592c0-14.227-11.533-25.76-25.76-25.76s-25.76 11.533-25.76 25.76c0 14.227 11.533 25.76 25.76 25.76s25.76-11.533 25.76-25.76z" >
+<glyph unicode="&#xe925;" glyph-name="car-parts-5" d="M512 431.484c-81.953 0-148.645-66.692-148.645-148.645s66.692-148.645 148.645-148.645 148.645 66.692 148.645 148.645-66.692 148.645-148.645 148.645zM512 167.226c-63.752 0-115.613 51.861-115.613 115.613s51.861 115.613 115.613 115.613 115.613-51.861 115.613-115.613-51.861-115.613-115.613-115.613zM0 960v-825.806h132.129v33.032h53.265c47.765-134.491 175.946-231.226 326.606-231.226s278.842 96.735 326.606 231.226h53.265v-33.032h132.129v825.806h-1024zM33.032 926.968h270.633c-101.293-32.834-194.23-89.369-270.633-165.855v165.855zM175.517 200.258h-43.388v99.097c0 143.69 80.202 268.982 198.194 333.51v-55.147c-98.915-61.159-165.161-170.281-165.161-294.879 0-28.507 3.832-56.056 10.356-82.581zM512-30.968c-173.039 0-313.806 140.767-313.806 313.806s140.767 313.806 313.806 313.806 313.806-140.767 313.806-313.806-140.767-313.806-313.806-313.806zM363.355 595.737v53.165c45.684 19.506 95.926 30.324 148.645 30.324s102.962-10.818 148.645-30.324v-53.165c-45.122 21.521-95.397 33.941-148.645 33.941s-103.523-12.42-148.645-33.941zM990.968 167.226h-66.065v66.065h-33.032v-33.032h-43.388c6.524 26.525 10.356 54.074 10.356 82.581 0 124.598-66.246 233.72-165.161 294.895v55.147c117.991-64.545 198.194-189.836 198.194-333.527v-33.032h33.032v33.032c0 227.675-185.228 412.903-412.903 412.903s-412.903-185.228-412.903-412.903v-132.129h-66.065v545.858c122.203 135.944 296.365 213.884 478.968 213.884s356.765-77.94 478.968-213.884v-545.858zM990.968 761.113c-76.404 76.486-169.34 133.021-270.633 165.855h270.633v-165.855zM512 464.516c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM512 530.581c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM348.507 396.783c13.229 0 25.683 5.153 35.031 14.501 9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.785-14.501 35.031-14.501zM336.83 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677zM330.323 282.839c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM280.774 266.323c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM313.46 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.365-9.365 21.801-14.518 35.047-14.518s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.729 18.729-51.365 18.729-70.078 0.017zM360.167 107.669c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.701-8.555-4.839-11.677zM512 101.161c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM512 35.097c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM640.462 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.801-14.501 35.031-14.501s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0zM687.17 107.669c-6.227-6.243-17.111-6.243-23.337 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.734-8.555-4.856-11.677zM693.677 282.839c0-27.318 22.231-49.548 49.548-49.548s49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548zM743.226 299.355c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM675.493 396.783c13.229 0 25.683 5.153 35.031 14.501s14.501 21.801 14.501 35.031c0 13.229-5.153 25.683-14.501 35.031-18.729 18.729-51.365 18.713-70.078 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.398-9.332 21.834-14.485 35.064-14.485zM663.833 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.701 8.555 4.839 11.677zM140.205 725.487c103.853 87.321 235.883 135.416 371.795 135.416v33.032c-143.674 0-283.268-50.853-393.051-143.162l21.256-25.286zM72.291 707.221l23.75-22.957c7.317 7.581 14.831 14.947 22.545 22.115l-22.462 24.213c-8.159-7.581-16.087-15.36-23.833-23.37z" >
+<glyph unicode="&#xe926;" glyph-name="gasoline" d="M560.438 698h106.962c0.014 0 0.031 0 0.048 0 50.935 0 92.234 41.254 92.308 92.171v0.007c-0.014 7.637-6.209 13.823-13.848 13.823-0.053 0-0.107 0-0.16-0.001h-160.192c-21.745-0.137-39.345-17.69-39.556-39.404v-53.254c0-7.742 6.706-13.342 14.438-13.342zM574 764.576c0.194 6.278 5.272 11.308 11.551 11.424h144.671c-6.4-30-32.144-50-62.824-50h-93.398zM218.096 634.246c2.533-2.533 6.033-4.1 9.899-4.1 3.804 0 7.253 1.517 9.776 3.979l-0.003-0.003 5.028 4.9 16-17.132-35.134-34.090c-12.079-11.714-19.596-28.073-19.662-46.188v-395.112c0.136-63.227 51.392-114.438 114.624-114.5h427.13c63.117 0.094 114.246 51.282 114.246 114.412 0 0.031 0 0.062 0 0.093v-0.005 653.25c0 0.043 0 0.093 0 0.144 0 35.368-28.641 64.046-63.994 64.106h-260.694c-34.994-0.12-63.316-28.517-63.316-63.528 0-0.254 0.001-0.508 0.004-0.761v0.039-51.75h-57c-0.124 0.001-0.272 0.001-0.419 0.001-17.202 0-32.813-6.814-44.282-17.889l0.018 0.018-27.8-26.92-16.1 17.304 10.554 10.318c2.609 2.549 4.227 6.102 4.227 10.033 0 3.869-1.567 7.372-4.101 9.909v0l-50.24 50.254c-2.534 2.534-6.034 4.102-9.901 4.102-3.804 0-7.253-1.517-9.776-3.979l0.003 0.003-99.212-96.736c-2.609-2.545-4.227-6.096-4.227-10.024 0-3.866 1.567-7.366 4.101-9.9v0zM389.814 710.026c6.433 6.174 15.183 9.976 24.822 9.976 0.128 0 0.256-0.001 0.384-0.002h70.034c8.022 0.128 14.527 6.45 14.944 14.386l0.002 0.038v65.326c0 19.988 15.324 36.25 35.312 36.25h260.688c19.891-0.042 36-16.177 36-36.074 0-0.062 0-0.124 0-0.186v0.010-653.25c0-0.036 0-0.078 0-0.12 0-47.659-38.597-86.304-86.239-86.38h-427.131c-47.781 0.045-86.511 38.73-86.63 86.489v395.111c0.053 10.211 4.316 19.416 11.14 25.977l0.012 0.011zM278.866 641.414l-16.018 17.162 43.526 42.438 16.076-17.222zM276.834 771.458l30.45-30.458-79.164-77.18-30.45 30.448zM324.1 177.9c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l73.9 73.9h228.454l74.91-73.962c2.535-2.541 6.040-4.114 9.913-4.114 7.732 0 14 6.268 14 14 0 3.935-1.624 7.491-4.238 10.035l-0.003 0.003-74.836 73.89v228.348l74.9 74.898c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-74.9-74.898h-228.348l-73.89 74.836c-2.547 2.617-6.103 4.241-10.038 4.241-7.732 0-14-6.268-14-14 0-3.873 1.572-7.378 4.114-9.913v0l73.962-74.91v-228.454zM426 472h212v-212h-212zM580 428h-96c-7.732 0-14-6.268-14-14v0-96c0-7.732 6.268-14 14-14v0h96c7.732 0 14 6.268 14 14v0 96c0 7.732-6.268 14-14 14v0zM566 332h-68v68h68z" >
+<glyph unicode="&#xe927;" glyph-name="seat" d="M228 228.144h-32v407.792c0.082 63.442 51.499 114.848 114.938 114.912h402.118c63.445-0.064 114.862-51.47 114.944-114.904v-407.784h-32v407.776c-0.064 45.777-37.165 82.867-82.94 82.912h-402.116c-45.779-0.046-82.88-37.135-82.944-82.906v-0.006zM641.264 718.848h-258.528c-29.079 0.064-52.633 23.624-52.688 52.699v95.749c0.054 29.080 23.609 52.64 52.682 52.704h258.534c29.079-0.064 52.633-23.624 52.688-52.699v-95.749c-0.054-29.080-23.609-52.64-52.682-52.704h-0.006zM382.736 888c-11.406-0.063-20.634-9.297-20.688-20.699v-95.749c0.054-11.407 9.282-20.641 20.682-20.704h258.534c11.406 0.063 20.634 9.297 20.688 20.699v95.749c-0.054 11.407-9.282 20.641-20.682 20.704h-0.006zM636.464 129.248h-248.928c-8.837 0-16 7.163-16 16v0 352.352c0.027 28.395 23.043 51.406 51.438 51.424h178.050c28.397-0.018 51.413-23.029 51.44-51.421v-352.323c0-0.009 0-0.021 0-0.032 0-8.837-7.163-16-16-16 0 0 0 0 0 0v0zM403.536 161.248h216.928v336.352c-0.018 10.726-8.713 19.415-19.439 19.424h-178.049c-10.727-0.009-19.422-8.698-19.44-19.422v-0.002zM387.536 292.88h248.944v-32h-248.944zM387.536 666.112h248.944v-32h-248.944zM785.024-46.288h-546.048c-67.765 0.073-122.679 54.987-122.752 122.745v109.479c0.036 32.171 26.102 58.243 58.268 58.288h65.316c24.198-0.066 45.363-12.988 57.032-32.293l0.168-0.299 29.84-50.384h370.304l29.856 50.384c11.828 19.606 32.99 32.53 57.175 32.592h65.321c32.17-0.045 58.236-26.117 58.272-58.284v-109.476c-0.073-67.765-54.987-122.679-122.745-122.752h-0.007zM174.496 212.224c-14.504-0.027-26.254-11.782-26.272-26.286v-109.474c0.055-50.099 40.653-90.697 90.747-90.752h546.053c50.099 0.055 90.697 40.653 90.752 90.747v109.477c-0.018 14.506-11.768 26.261-26.269 26.288h-65.315c-12.55-0.039-23.526-6.743-29.577-16.757l-0.087-0.155-34.528-58.224c-2.838-4.726-7.935-7.839-13.76-7.84h-388.528c-5.825 0.001-10.922 3.114-13.72 7.768l-0.040 0.072-34.48 58.224c-6.134 10.173-17.112 16.88-29.659 16.912h-0.005zM592 816h-160c-8.837 0-16 7.163-16 16v0 72c0 8.837 7.163 16 16 16v0h160c8.837 0 16-7.163 16-16v0-72c0-8.837-7.163-16-16-16v0zM448 848h128v40h-128z" >
+<glyph unicode="&#xe928;" glyph-name="car-parts-6" d="M924.917 860.9v99.1h-165.167v-99.1h-33.033v-25.584c-42.795 74.375-122.917 124.684-214.717 124.684s-171.922-50.31-214.717-124.684v25.584h-33.033v99.1h-165.167v-99.1h-33.033v-295.268c0-37.972 25.733-70.906 62.565-80.122l230.226-57.561c22.099-5.517 37.542-25.287 37.542-48.063v-202.032c-25.551-31.646-37.063-72.558-31.712-113.222 8.77-66.612 63.655-120.324 130.465-127.723 5.5-0.611 11.017-0.908 16.5-0.908 36.617 0 72.161 13.378 99.48 37.856 31.481 28.177 49.533 68.544 49.533 110.761 0 33.942-11.677 66.793-33.033 93.237v202.032c0 22.776 15.443 42.547 37.526 48.063l230.226 57.561c36.849 9.216 62.582 42.151 62.582 80.122v295.268h-33.033zM792.783 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM512 926.967c118.391 0 214.717-96.325 214.717-214.717s-96.325-214.717-214.717-214.717-214.717 96.325-214.717 214.717 96.325 214.717 214.717 214.717zM132.117 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM924.917 565.632c0-22.776-15.443-42.547-37.526-48.063l-230.226-57.561c-36.849-9.216-62.582-42.151-62.582-80.122v-214.304l4.129-4.691c18.631-21.158 28.904-48.245 28.904-76.274 0-32.835-14.039-64.233-38.517-86.151-24.825-22.231-56.949-32.439-90.33-28.722-51.912 5.731-94.541 47.469-101.363 99.199-4.459 33.843 5.45 66.496 27.88 91.965l4.129 4.674v214.304c0 37.972-25.733 70.906-62.565 80.122l-230.242 57.561c-22.083 5.517-37.526 25.287-37.526 48.063v262.235h165.167v-115.617c0-119.647 85.242-219.738 198.2-242.762v-318.805h0.512c-20.233-15.063-33.545-38.963-33.545-66.067 0-45.536 37.047-82.583 82.583-82.583s82.583 37.047 82.583 82.583c0 27.104-13.312 51.003-33.545 66.067h0.512v49.55h-33.033v-34.702c-5.335 1.090-10.868 1.668-16.517 1.668s-11.182-0.578-16.517-1.668v299.81c5.484-0.363 10.934-0.842 16.517-0.842s11.033 0.479 16.517 0.842v-232.076h33.033v236.221c112.957 23.024 198.2 123.115 198.2 242.762v115.617h165.167v-262.235zM512 134.167c27.319 0 49.55-22.231 49.55-49.55s-22.231-49.55-49.55-49.55-49.55 22.231-49.55 49.55 22.231 49.55 49.55 49.55zM512 530.567c100.174 0 181.683 81.51 181.683 181.683s-81.51 181.683-181.683 181.683c-100.174 0-181.683-81.51-181.683-181.683s81.51-181.683 181.683-181.683zM512 860.9c81.972 0 148.65-66.694 148.65-148.65s-66.678-148.65-148.65-148.65c-81.972 0-148.65 66.694-148.65 148.65s66.678 148.65 148.65 148.65z" >
+<glyph unicode="&#xe929;" glyph-name="car-2" d="M170.4 595.708c-25.546 0-46.256-20.71-46.256-46.256s20.71-46.256 46.256-46.256c25.546 0 46.256 20.71 46.256 46.256v0c-0.028 25.535-20.721 46.228-46.253 46.256h-0.003zM170.4 531.198c-10.083 0-18.256 8.173-18.256 18.256s8.173 18.256 18.256 18.256c10.083 0 18.256-8.173 18.256-18.256 0-0.001 0-0.001 0-0.002v0c-0.013-10.077-8.179-18.242-18.255-18.252h-0.001zM52 662h0.018l31.774 0.2c-14.392-13.704-23.392-33.92-23.392-56.952 0-0.003 0-0.006 0-0.010 0-0.602 0.040-1.195 0.117-1.777l-0.007 0.068 18.2-143.51c0.451-21.035 15.255-38.488 34.988-42.982l0.302-0.058v-43.78c0.015-16.131 13.095-29.201 29.228-29.201 0.094 0 0.188 0 0.282 0.001h47.238c0.069-0.001 0.151-0.001 0.233-0.001 16.027 0 29.020 12.993 29.020 29.020 0 0.064 0 0.127-0.001 0.191v-0.010 42.8h368v-313.888c-0.002-0.196-0.004-0.427-0.004-0.659 0-32.836 26.618-59.454 59.454-59.454 0.115 0 0.23 0 0.345 0.001h277.458c0.14-0.001 0.305-0.002 0.47-0.002 33.232 0 60.184 26.894 60.276 60.105v409.261c-0.048 33.499-27.215 60.636-60.72 60.636-0.009 0-0.018 0-0.027 0h-50.491c-5.156 22-24.24 36-46.94 36h-42.382c-0.657 21.244-9.812 40.228-24.162 53.765l-0.038 0.035 32.706 0.256c7.754 0.115 13.995 6.428 13.995 14.199 0 0.233-0.006 0.464-0.017 0.694l0.001-0.032c-0.774 10.507-2.795 20.268-5.927 29.517l0.245-0.835c-6.98 20.94-28.8 34.484-55.6 34.484-14.87 0-41.114 0.1-54.444 0.15l-24.448 44.736c-18.006 32.284-44.352 69.032-88.574 69.032h-309.8c-35.978 0-67.778-24.348-89.632-69.158l-25.468-44.968c-13.348 0.026-40 0.154-54.972 0.154-26.8 0-48.628-13.49-55.6-34.428-2.887-8.4-4.908-18.145-5.659-28.243l-0.023-0.391c-0.010-0.205-0.016-0.445-0.016-0.686 0-3.793 1.474-7.242 3.88-9.806l-0.007 0.008c2.541-2.713 6.125-4.421 10.109-4.482h0.011zM192 373.2c0-0.862-0.4-1.2-1.252-1.2h-47.252c-0.86 0-1.496 0.332-1.496 1.2v42.8h50zM588 511.37v-67.37h-464.2c-0.009 0-0.021 0-0.032 0-9.428 0-17.073 7.636-17.088 17.061v0.001c0 0.61-0.041 1.209-0.12 1.797l0.008-0.069-18.156 143.39c0.37 27.962 19.272 44.882 38.296 46.17 0.585-0.151 1.289-0.275 2.008-0.345l0.060-0.005h587.162c0.104 0 0.2-0.33 0.31-0.33 24.128 0 39.552-21.67 41.132-43.67h-12.17c-22.7 0-41.784-14-46.94-36h-50.492c-33.031-0.067-59.783-26.859-59.783-59.9 0-0.259 0.002-0.517 0.005-0.775v0.039zM517.42 680c5.526 22.353 25.408 38.665 49.1 38.665s43.574-16.312 49.027-38.318l0.073-0.347zM874.232 544h51.022c0.017 0 0.036 0 0.056 0 18.035 0 32.659-14.605 32.69-32.633v-409.255c-0.074-17.753-14.483-32.116-32.246-32.116-0.176 0-0.351 0.001-0.527 0.004h-277.45c-0.106-0.001-0.23-0.002-0.355-0.002-17.358 0-31.43 14.072-31.43 31.43 0 0.241 0.003 0.48 0.008 0.72l-0.001-0.036v409.252c0 18.056 13.722 32.636 31.778 32.636h51.022c6.107-19.837 24.272-34.005 45.745-34.005 0.234 0 0.467 0.002 0.7 0.005h82.577c0.198-0.003 0.431-0.005 0.665-0.005 21.474 0 39.638 14.168 45.655 33.666l0.090 0.338zM827.678 580c11.224 0 20.322-9.098 20.322-20.322v0-3.356c0-11.224-9.098-20.322-20.322-20.322v0h-83.356c-11.224 0-20.322 9.098-20.322 20.322v0 3.356c0 11.224 9.098 20.322 20.322 20.322v0zM746.63 712.108c14.318 0 26-6.158 29.046-15.324 0.742-2.228 1.358-4.4 1.87-6.478l-58.254-0.020-11.892 21.914c13.164-0.048 28.926-0.092 39.23-0.092zM204.34 771.6c0.144 0.254 0.278 0.284 0.4 0.544 9.802 20.194 31.224 53.856 64.634 53.856h309.8c23.448 0 42.626-16.302 64.042-54.702l49.61-91.298h-48.69c-5.966 37.962-38.442 66.654-77.62 66.654s-71.654-28.692-77.562-66.21l-0.058-0.444h-336.144zM70.26 696.784c3.056 9.166 14.728 15.324 29.046 15.324 10.26 0 26-0.024 39.188-0.046l-12.218-21.662-57.88-0.074c0.51 2.064 1.124 4.238 1.864 6.458zM575.304 571.366c-7.43 21.834-31.324 38.634-54.398 38.634h-196.688c-23.146 0-46.904-16.912-54.092-38.916l-9.85-30c-0.439-1.335-0.691-2.871-0.691-4.466 0-3.17 0.999-6.106 2.699-8.512l-0.031 0.046c2.543-3.621 6.644-5.998 11.309-6.151l0.023-0.001h298.766c4.725 0.186 8.847 2.614 11.35 6.244l0.032 0.048c1.637 2.276 2.618 5.12 2.618 8.192 0 1.621-0.273 3.179-0.776 4.629l0.030-0.099zM292.884 550l3.86 11.948c3.4 10.428 16.502 20.052 27.474 20.052h196.688c11.040 0 24.334-9.642 27.888-20.096l4-11.904zM538.306 498h-232.276c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h232.276c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM664.096 368h14.84c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-0.936v38h39.6c1.862-4 6.666-9.092 12.838-9.092 7.547 0.253 13.569 6.432 13.569 14.017 0 0.151-0.002 0.301-0.007 0.451l0.001-0.022v9.536c0.009 0.174 0.014 0.378 0.014 0.582 0 6.927-5.615 12.542-12.542 12.542-0.211 0-0.421-0.005-0.629-0.015l0.029 0.001h-66.776c-7.732 0-14.096-5.376-14.096-13.11v-66.772c0.036-7.775 6.323-14.069 14.091-14.118h0.005zM664 240h66c7.732 0 14 6.268 14 14v0 66c0 7.732-6.268 14-14 14v0h-66c-7.732 0-14-6.268-14-14v0-66c0-7.732 6.268-14 14-14v0zM678 306h38v-40h-38zM678.938 136h-0.938v40h38.876c-0.003-0.107-0.005-0.233-0.005-0.359 0-7.518 6.058-13.62 13.558-13.693h0.007c0.079-0.002 0.172-0.003 0.265-0.003 7.346 0 13.302 5.956 13.302 13.302 0 0.106-0.001 0.211-0.004 0.316v-0.016 13.658c0 7.734-5.4 14.788-13.128 14.788h-66.776c-7.862-0.372-14.096-6.837-14.096-14.758 0-0.008 0-0.017 0-0.025v0.001-66.772c0.011-7.851 6.274-14.235 14.077-14.44h14.861c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM763.632 445.6l-41.632-41.634-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.54 51.542c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM763.632 183.88l-41.632-41.642-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.542 51.54c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM805.904 416c0-7.732 6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-89.032c-7.732 0-14-6.268-14-14v0zM908.936 300h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM908.936 170h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe92a;" glyph-name="soap" d="M213.856 644.512c-7.982 14.108-12.685 30.981-12.685 48.954 0 14.024 2.864 27.379 8.039 39.513l-0.25-0.658c13.325 27.056 36.708 47.452 65.145 56.538l0.775 0.214c9.508 2.869 20.435 4.521 31.748 4.521 5.047 0 10.017-0.329 14.89-0.966l-0.574 0.061c11.801 15.535 27.781 27.333 46.268 33.789l0.692 0.211c14.066 53.705 62.161 92.686 119.361 92.686 4.005 0 7.965-0.191 11.872-0.565l-0.498 0.038c113.728-8.544 114.528-110.016 113.6-130.256l-32 1.6c1.344 27.2-4.176 90.8-83.968 96.8-82.032 5.984-98.64-72.752-99.312-76.112-1.251-6.166-5.912-10.983-11.89-12.441l-0.11-0.023c-1.6-0.368-3.2-0.816-4.8-1.312-16.254-5.075-29.494-15.774-37.735-29.77l-0.169-0.31c-2.81-4.85-7.976-8.060-13.891-8.060-1.444 0-2.843 0.191-4.173 0.55l0.112-0.026c-5.488 1.427-11.788 2.246-18.28 2.246-29.687 0-55.374-17.13-67.714-42.045l-0.197-0.441c-3.063-7.604-4.841-16.422-4.841-25.654 0-12.938 3.49-25.061 9.581-35.479l-0.18 0.333zM850.848 645.536c-9.186 27.341-34.58 46.687-64.493 46.687-8.464 0-16.566-1.549-24.038-4.379l0.467 0.155c-1.617-0.602-3.484-0.951-5.433-0.951-8.191 0-14.944 6.154-15.887 14.091l-0.007 0.076c-0.416 3.344-11.040 82.864-92.336 82.864h-0.4c-43.2-0.128-71.664-18.448-84.8-54.4l-30.064 10.944c17.6 48.496 58.416 75.312 114.736 75.488h0.512c0.843 0.021 1.835 0.033 2.83 0.033 57.060 0 104.89-39.52 117.611-92.682l0.166-0.823c5.539 1.12 11.906 1.762 18.423 1.762 42.915 0 79.336-27.808 92.226-66.387l0.199-0.686zM793.6-18.288h-531.936c-0.018 0-0.039 0-0.061 0-8.347 0-15.2 6.391-15.935 14.546l-0.004 0.062-47.184 540.672c-0.039 0.417-0.061 0.902-0.061 1.392 0 8.837 7.163 16 16 16 0.021 0 0.043 0 0.064 0h626.381c0.018 0 0.039 0 0.061 0 8.837 0 16-7.163 16-16 0-0.49-0.022-0.975-0.065-1.454l0.004 0.062-47.264-540.672c-0.739-8.217-7.593-14.608-15.939-14.608-0.021 0-0.043 0-0.064 0h0.003zM276.288 13.712h502.688l44.432 508.672h-591.536zM898.672 522.384h-742.048c-8.837 0-16 7.163-16 16v0 113.040c0 8.837 7.163 16 16 16v0h742.048c8.837 0 16-7.163 16-16v0-113.040c0-8.837-7.163-16-16-16v0zM172.624 554.384h710.048v81.040h-710.048zM890.784 153.744h-183.504c-0.001 0-0.003 0-0.004 0-7.275 0-13.416 4.856-15.359 11.503l-0.028 0.113-105.36 368.64 30.784 8.768 102.032-357.024h150.928l-55.872 222.528 31.024 7.808 60.944-242.432c0.307-1.172 0.484-2.517 0.484-3.904 0-8.837-7.163-16-16-16-0.001 0-0.003 0-0.004 0v0zM455.024 778.928c-35.52 33.44-66 20.976-67.2 20.4l-13.264 29.12c2.064 0.944 50.608 22.656 102.496-26.24zM255.664 91.712h543.376v-32h-543.376zM248.624 162.96h230.24v-32h-230.24z" >
+<glyph unicode="&#xe92b;" glyph-name="car-parts-7" d="M512 662.71c22.957 0 45.353 8.043 63.042 22.627l-21.009 25.484c-11.793-9.728-26.723-15.079-42.034-15.079-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065c0-11.413-2.956-22.677-8.555-32.537l28.738-16.285c8.407 14.815 12.85 31.694 12.85 48.822 0 54.652-44.445 99.097-99.097 99.097s-99.097-44.445-99.097-99.097 44.445-99.097 99.097-99.097zM181.677 629.677c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581zM165.161 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM165.161 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM198.194 500.587v29.993h29.993c-4.988-13.989-16.004-25.005-29.993-29.993zM198.194 563.613v29.993c13.989-4.988 25.005-16.004 29.993-29.993h-29.993zM759.742 547.097c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581zM825.806 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM825.806 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM858.839 593.606c13.989-4.988 25.005-16.004 29.993-29.993h-29.993v29.993zM858.839 530.581h29.993c-4.988-13.989-16.004-25.005-29.993-29.993v29.993zM512 282.839c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 414.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM643.419 909.758c-35.031 31.149-80.979 50.242-131.419 50.242s-96.388-19.093-131.419-50.242c-224.256-59.375-380.581-262.144-380.581-494.79v-16.516h33.445c8.754-256.479 219.995-462.452 478.555-462.452s469.801 205.973 478.555 462.452h33.445v16.516c0 232.646-156.325 435.415-380.581 494.79zM512 926.968c91.070 0 165.161-74.091 165.161-165.161s-74.091-165.161-165.161-165.161-165.161 74.091-165.161 165.161 74.091 165.161 165.161 165.161zM346.839 464.516h-8.489l61.787 133.847c31.86-21.884 70.375-34.75 111.864-34.75s80.004 12.866 111.88 34.75l61.77-133.847h-8.489c-27.318 0-49.548-22.231-49.548-49.548v-198.194c0-27.318-22.231-49.548-49.548-49.548h-132.129c-27.318 0-49.548 22.231-49.548 49.548v198.194c0 27.318-22.231 49.548-49.548 49.548zM33.313 431.484c6.606 193.899 129.305 362.892 308.191 430.856-17.474-29.514-27.698-63.818-27.698-100.534 0-55.527 23.023-105.736 59.954-141.758l-87.040-188.565h-253.407zM924.903 431.484v-33.032h32.619c-8.737-238.262-205.18-429.419-445.523-429.419s-436.786 191.158-445.523 429.419h241.383l15.244 33.032h23.734c9.1 0 16.516-7.416 16.516-16.516v-198.194c0-45.535 37.046-82.581 82.581-82.581h132.129c45.535 0 82.581 37.046 82.581 82.581v198.194c0 9.1 7.416 16.516 16.516 16.516h23.734l15.244-33.032h175.732v33.032h-154.591l-87.040 188.565c36.93 36.022 59.954 86.231 59.954 141.758 0 36.715-10.223 71.019-27.698 100.534 178.886-67.964 301.585-236.957 308.191-430.856h-65.784z" >
+<glyph unicode="&#xe92c;" glyph-name="disc-brake" d="M79.228 404h56.692c3.516-226 187.828-407.644 413.918-407.644 228.28 0 413.8 185.622 413.8 413.904 0.006 226.090-181.638 410.304-407.638 413.818v56.694c0.001 0.052 0.001 0.113 0.001 0.175 0 6.851-4.982 12.538-11.52 13.638l-0.081 0.011c-19.899 3.356-42.823 5.274-66.195 5.274-230.898 0-418.078-187.18-418.078-418.078 0-23.371 1.918-46.294 5.604-68.621l-0.331 2.429c1.116-6.62 6.806-11.601 13.659-11.601 0.059 0 0.118 0 0.178 0.001h-0.009zM550.664 699.508c3.261 2.549 5.338 6.482 5.338 10.901 0 0.083-0.001 0.165-0.002 0.247v-0.012 85.434c210-3.512 379.644-175.264 379.644-385.916 0-212.84-173.062-385.8-385.902-385.8-210.652-0.006-382.308 169.638-385.822 379.638h85.436c0.083-0.002 0.182-0.003 0.28-0.003 7.581 0 13.726 6.145 13.726 13.726 0 1.331-0.189 2.617-0.543 3.834l0.024-0.097c-5.215 18.010-8.214 38.698-8.214 60.086 0 123.638 100.228 223.866 223.866 223.866 21.411 0 42.12-3.006 61.728-8.618l-1.579 0.387c1.109-0.326 2.383-0.513 3.701-0.513 3.147 0 6.045 1.069 8.35 2.864l-0.030-0.023zM106.148 599.132c51.273 159.415 198.26 272.749 371.717 272.749 17.677 0 35.078-1.177 52.131-3.457l-1.996 0.218v-140.262c-15.046 3.2-32.333 5.033-50.049 5.033-138.826 0-251.366-112.54-251.366-251.366 0-17.715 1.832-35.001 5.318-51.681l-0.286 1.634h-140.26c-2.013 14.937-3.162 32.204-3.162 49.739 0 41.915 6.565 82.297 18.723 120.174l-0.771-2.781zM335.838 410.162c0.138-118.134 95.866-213.862 213.987-214h0.337c0.038 0 0.072 0 0.108 0 57.913 0.083 110.402 23.235 148.784 60.757l-0.040-0.039c1.814 1.136 3.303 2.628 4.402 4.388l0.034 0.058c36.665 37.675 59.532 88.94 60.346 145.542l0.002 0.158c0.231 0.941 0.364 2.020 0.364 3.131s-0.133 2.19-0.383 3.224l0.019-0.093c-0.813 56.764-23.679 108.034-60.392 145.76l0.046-0.048c-1.133 1.819-2.624 3.312-4.385 4.415l-0.057 0.033c-38.341 37.483-90.829 60.635-148.724 60.716h-0.016c-0.036 0-0.070 0-0.108 0h-0.324c-118.134-0.138-213.864-95.868-214-213.989v-0.013zM482.28 497.838l-53.534 53.456c28.94 24.856 65.939 41.083 106.598 44.322l0.656 0.042v-75.496c0-7.732 6.268-14 14-14s14 6.268 14 14v0 75.454c41.289-3.404 78.229-19.708 107.361-44.821l-0.243 0.205-53.118-53.156c-2.531-2.535-4.096-6.035-4.096-9.9 0-7.739 6.274-14.013 14.013-14.013 3.874 0 7.38 1.572 9.917 4.113v0l53.132 53.048c24.811-28.904 41.024-65.839 44.303-106.428l0.043-0.664h-75.15c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h75.15c-3.32-41.199-19.532-78.081-44.547-107.177l0.207 0.247-53.128 53.17c-2.541 2.591-6.079 4.197-9.991 4.197-7.726 0-13.99-6.264-13.99-13.99 0-3.905 1.6-7.436 4.179-9.973l0.002-0.002 53.076-53.152c-28.89-24.905-65.831-41.208-106.443-44.567l-0.677-0.045v75.454c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-75.496c-41.315 3.28-78.314 19.506-107.504 44.571l0.25-0.209 53.494 53.454c2.536 2.532 4.105 6.033 4.105 9.9 0 7.727-6.264 13.99-13.99 13.99-3.86 0-7.354-1.563-9.885-4.090v0l-53.47-53.562c-24.953 28.924-41.272 65.928-44.594 106.611l-0.044 0.669h75.8c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-75.8c2.954 41.476 19.356 78.638 44.818 107.651l-0.178-0.207 53.478-53.444c2.535-2.531 6.035-4.096 9.9-4.096 7.739 0 14.013 6.274 14.013 14.013 0 3.874-1.572 7.38-4.113 9.917v0zM549.838 356.162c29.823 0 54 24.177 54 54s-24.177 54-54 54c-29.823 0-54-24.177-54-54v0c0.034-29.81 24.19-53.966 53.997-54h0.003zM549.838 436.162c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.016 14.353 11.647 25.984 25.998 26h0.002zM172.084 542.778c1.514-0.611 3.269-0.966 5.108-0.966 5.896 0 10.939 3.648 12.997 8.81l0.033 0.094c2.028 5.186 4.2 10.4 6.452 15.49 0.824 1.73 1.305 3.761 1.305 5.903 0 7.732-6.268 14-14 14-5.773 0-10.729-3.494-12.871-8.482l-0.035-0.091c-2.418-5.464-4.748-11.056-6.924-16.62-0.609-1.512-0.963-3.265-0.963-5.101 0-5.895 3.644-10.94 8.802-13.003l0.094-0.033zM260.904 672.784c0.005 0 0.012 0 0.018 0 3.968 0 7.549 1.655 10.091 4.313l0.005 0.005c3.852 4.022 7.84 8.012 11.858 11.86 2.699 2.557 4.378 6.167 4.378 10.17 0 7.732-6.268 14-14 14-3.789 0-7.227-1.506-9.748-3.951l0.004 0.003c-4.308-4.126-8.586-8.4-12.716-12.718-2.406-2.51-3.888-5.923-3.888-9.682 0-7.731 6.267-13.999 13.998-14v0zM388.094 762.104c2.049 0.001 3.995 0.443 5.748 1.236l-0.088-0.036c5.082 2.25 10.284 4.42 15.46 6.444 5.266 2.091 8.922 7.142 8.922 13.047 0 7.732-6.268 14-14 14-1.844 0-3.604-0.356-5.216-1.004l0.094 0.033c-5.554-2.174-11.136-4.5-16.6-6.916-4.948-2.232-8.329-7.121-8.329-12.8 0-7.732 6.268-14 14-14 0.002 0 0.004 0 0.005 0v0z" >
+<glyph unicode="&#xe92d;" glyph-name="car-parts-8" d="M1024 474.954l-5.599 53.149-46.84 17.573 35.658 35.13-16.516 50.82-49.499 7.465 27.565 41.753-26.723 46.295-49.961-3.006 18.283 46.592-35.757 39.721-48.244-13.329 8.209 49.35-43.239 31.43-44.428-23.073-2.246 50.011-48.822 21.735-38.664-31.744-12.585 48.442-52.274 11.115-31.215-39.127-22.379 44.742h-53.446l-22.379-44.759-31.215 39.127-52.274-11.115-12.585-48.425-38.664 31.794-48.822-21.735-2.246-50.011-44.428 23.073-43.223-31.447 8.209-49.35-48.244 13.329-35.774-39.738 18.283-46.592-49.961 3.006-26.723-46.295 27.565-41.753-49.499-7.465-16.516-50.82 35.658-35.13-46.84-17.59-5.599-53.149 42.199-26.954-42.199-26.954 5.599-53.149 46.84-17.573-35.658-35.13 16.516-50.82 49.499-7.465-27.565-41.753 26.723-46.295 49.961 3.006-18.283-46.609 35.757-39.721 48.244 13.329-8.209-49.35 43.239-31.43 44.428 23.073 2.246-50.011 48.822-21.735 38.664 31.794 12.585-48.442 52.274-11.115 31.215 39.127 22.379-44.775h53.446l22.379 44.759 31.215-39.127 52.274 11.115 12.585 48.442 38.664-31.794 48.822 21.735 2.246 50.011 44.428-23.073 43.239 31.43-8.209 49.35 48.244-13.329 35.757 39.721-18.283 46.592 49.961-3.006 26.723 46.295-27.565 41.753 49.499 7.465 16.516 50.82-35.658 35.13 46.84 17.573 5.599 53.182-42.199 26.954 42.199 26.954zM987.681 504.353l1.321-12.569-31.694-20.249c-0.809 15.558-2.444 30.902-4.823 46.014l35.196-13.196zM965.566 602.013l3.898-12.024-26.822-26.409c-4.030 15.013-8.853 29.696-14.369 44.049l37.293-5.615zM923.648 692.951l6.309-10.934-20.843-31.546c-7.085 13.841-14.848 27.252-23.288 40.217l37.822 2.263zM863.727 773.186l8.44-9.381-13.857-35.278c-9.778 12.040-20.117 23.618-31.067 34.585l36.484 10.075zM788.414 839.201l10.207-7.416-6.21-37.393c-12.024 9.761-24.593 18.861-37.607 27.351l33.61 17.458zM701.044 888.122l11.528-5.137 1.685-37.772c-13.725 7.019-27.863 13.362-42.364 18.944l29.151 23.965zM605.415 917.818l12.338-2.626 9.48-36.435c-14.815 3.964-29.894 7.218-45.271 9.645l23.453 29.415zM505.691 926.968h12.618l16.813-33.627c-7.663 0.396-15.36 0.595-23.123 0.595s-15.459-0.198-23.123-0.595l16.813 33.627zM406.247 915.192l12.338 2.626 23.453-29.415c-15.36-2.428-30.456-5.682-45.271-9.645l9.48 36.435zM311.412 882.985l11.545 5.137 29.134-23.965c-14.501-5.599-28.622-11.925-42.364-18.944l1.685 37.772zM235.57 839.201l33.61-17.458c-13.015-8.489-25.583-17.59-37.607-27.351l-6.21 37.393 10.207 7.416zM160.273 773.17l36.484-10.075c-10.967-10.967-21.289-22.545-31.067-34.585l-13.857 35.278 8.44 9.381zM100.352 692.951l37.822-2.279c-8.44-12.949-16.202-26.376-23.288-40.217l-20.843 31.546 6.309 10.95zM58.434 602.013l37.293 5.615c-5.516-14.353-10.339-29.035-14.369-44.049l-26.822 26.409 3.898 12.024zM34.998 491.784l1.321 12.569 35.212 13.213c-2.378-15.112-4.013-30.456-4.823-46.014l-31.711 20.232zM36.319 391.647l-1.321 12.569 31.694 20.249c0.809-15.558 2.444-30.902 4.823-46.014l-35.196 13.196zM58.434 293.987l-3.898 12.024 26.822 26.409c4.030-15.013 8.853-29.696 14.369-44.049l-37.293 5.615zM100.352 203.049l-6.309 10.934 20.843 31.546c7.085-13.841 14.848-27.252 23.288-40.217l-37.822-2.263zM160.273 122.814l-8.44 9.381 13.857 35.278c9.778-12.040 20.117-23.618 31.067-34.585l-36.484-10.075zM235.586 56.799l-10.207 7.416 6.21 37.393c12.024-9.761 24.593-18.861 37.607-27.351l-33.61-17.458zM322.956 7.878l-11.528 5.137-1.685 37.772c13.725-7.019 27.863-13.362 42.364-18.944l-29.151-23.965zM418.585-21.818l-12.338 2.626-9.48 36.435c14.815-3.964 29.894-7.218 45.271-9.645l-23.453-29.415zM518.309-30.968h-12.618l-16.813 33.627c7.663-0.396 15.36-0.595 23.123-0.595s15.459 0.198 23.123 0.595l-16.813-33.627zM617.753-19.192l-12.338-2.626-23.453 29.415c15.36 2.428 30.456 5.682 45.271 9.645l-9.48-36.435zM712.588 13.015l-11.545-5.137-29.134 23.965c14.501 5.599 28.622 11.925 42.364 18.944l-1.685-37.772zM788.43 56.799l-33.61 17.458c13.015 8.489 25.583 17.59 37.607 27.351l6.21-37.393-10.207-7.416zM863.727 122.83l-36.484 10.075c10.967 10.967 21.289 22.545 31.067 34.585l13.857-35.278-8.44-9.381zM512 35.097c-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903-185.228-412.903-412.903-412.903zM923.648 203.049l-37.822 2.279c8.44 12.949 16.202 26.376 23.288 40.217l20.843-31.546-6.309-10.95zM965.566 293.987l-37.293-5.615c5.516 14.353 10.339 29.035 14.369 44.049l26.822-26.409-3.898-12.024zM989.002 404.216l-1.321-12.569-35.212-13.213c2.378 15.112 4.013 30.456 4.823 46.014l31.711-20.232zM512 728.774c-154.822 0-280.774-125.952-280.774-280.774s125.952-280.774 280.774-280.774c78.732 0 154.343 33.379 207.443 91.565l-24.411 22.264c-46.84-51.349-113.565-80.797-183.032-80.797-136.605 0-247.742 111.137-247.742 247.742s111.137 247.742 247.742 247.742 247.742-111.137 247.742-247.742c0-50.044-14.848-98.254-42.925-139.413l27.285-18.614c31.843 46.675 48.673 101.31 48.673 158.026 0 154.822-125.952 280.774-280.774 280.774zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM561.548 613.161c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 613.161c0 9.117 7.416 16.516 16.516 16.516s16.516-7.399 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.399-16.516 16.516zM402.052 483.724c4.096 12.585 3.039 26.013-2.973 37.805s-16.252 20.53-28.837 24.626c-12.602 4.096-26.013 3.039-37.822-2.973-11.793-6.012-20.546-16.252-24.626-28.854-4.096-12.585-3.039-26.013 2.973-37.805s16.252-20.53 28.837-24.609c5.054-1.635 10.223-2.444 15.377-2.444 7.713 0 15.36 1.817 22.429 5.417 11.793 6.012 20.546 16.235 24.642 28.837zM370.622 493.931c-1.371-4.195-4.278-7.614-8.209-9.612-3.898-1.982-8.39-2.378-12.602-0.991-4.195 1.354-7.597 4.278-9.612 8.192-2.015 3.931-2.362 8.407-0.991 12.618 1.371 4.195 4.278 7.614 8.209 9.612 2.362 1.189 4.905 1.8 7.482 1.8 1.718 0 3.435-0.281 5.12-0.826h0.017c4.195-1.354 7.597-4.278 9.612-8.209 1.998-3.914 2.345-8.39 0.974-12.585zM385.8 274.3c8.555-6.227 18.63-9.48 29.019-9.48 2.61 0 5.236 0.215 7.862 0.628 13.081 2.065 24.559 9.1 32.339 19.803s10.934 23.8 8.853 36.864c-2.065 13.081-9.1 24.559-19.819 32.355-22.115 16.054-53.182 11.099-69.203-10.983-16.070-22.099-11.148-53.132 10.95-69.186zM401.557 324.079c3.237 4.459 8.275 6.805 13.395 6.805 3.369 0 6.755-1.024 9.678-3.122 7.366-5.351 9.001-15.707 3.65-23.073-5.368-7.366-15.723-9.001-23.057-3.65-7.383 5.335-9.018 15.69-3.667 23.040zM601.336 265.447c2.626-0.413 5.236-0.628 7.862-0.628 10.372 0 20.463 3.254 29.019 9.48 22.099 16.054 27.020 47.087 10.967 69.186s-47.104 27.053-69.219 10.967c-10.702-7.779-17.738-19.258-19.819-32.339-2.065-13.064 1.074-26.162 8.853-36.864s19.258-17.738 32.339-19.803zM599.37 327.746c2.923 2.131 6.326 3.138 9.678 3.138 5.12 0 10.174-2.362 13.395-6.805 5.351-7.35 3.716-17.705-3.667-23.057-7.366-5.302-17.705-3.716-23.057 3.667s-3.716 17.722 3.65 23.057zM684.395 451.914c12.585 4.096 22.825 12.833 28.837 24.609 6.012 11.793 7.069 25.22 2.973 37.805-4.096 12.602-12.833 22.842-24.626 28.854-11.776 5.995-25.204 7.069-37.805 2.973-12.585-4.079-22.842-12.833-28.854-24.626s-7.069-25.22-2.973-37.822c4.096-12.585 12.833-22.809 24.626-28.821 7.069-3.601 14.732-5.417 22.429-5.417 5.17 0 10.339 0.826 15.393 2.444zM653.378 493.915c-1.371 4.212-1.024 8.671 0.991 12.618 1.998 3.931 5.417 6.854 9.629 8.209 1.685 0.545 3.402 0.826 5.12 0.826 2.577 0 5.12-0.611 7.482-1.8 3.931-1.998 6.854-5.417 8.209-9.612 1.371-4.212 1.024-8.671-0.991-12.618-1.998-3.914-5.417-6.838-9.612-8.192h-0.017c-4.195-1.371-8.671-1.041-12.602 0.974-3.931 1.998-6.854 5.417-8.209 9.596z" >
+<glyph unicode="&#xe92e;" glyph-name="wheel" d="M307.4 284.11c0.348-0.026 0.694-0.038 1.040-0.038 3.866 0.001 7.366 1.568 9.9 4.1l112 112c2.533 2.526 4.1 6.019 4.1 9.878 0 7.704-6.246 13.95-13.95 13.95-0.014 0-0.028 0-0.042 0h-158.448c-0.017 0-0.038 0-0.059 0-7.7 0-13.942-6.242-13.942-13.942 0-0.736 0.057-1.458 0.167-2.162l-0.010 0.078c6.986-45.043 24.338-85.091 49.547-118.943l-0.503 0.707c2.374-3.18 6.010-5.304 10.152-5.625l0.048-0.003zM386.65 396l-76.2-76.2c-13.944 21.892-24.838 47.34-31.264 74.516l-0.336 1.684zM479.4 369.384c-1.581 0.674-3.42 1.065-5.351 1.065-3.862 0-7.358-1.567-9.887-4.099v0l-112-112c-2.531-2.533-4.097-6.032-4.097-9.896 0-4.6 2.218-8.682 5.644-11.234l0.037-0.026c33.152-24.702 73.206-42.052 116.756-48.846l1.498-0.192c0.626-0.099 1.348-0.156 2.084-0.156v0c7.689 0.015 13.916 6.251 13.916 13.942 0 0.020 0 0.041 0 0.061v-0.003 158.45c0 0.013 0 0.028 0 0.043 0 5.776-3.507 10.733-8.509 12.857l-0.091 0.034zM460 214.84c-28.859 6.763-54.307 17.657-77.211 32.2l1.011-0.6 76.2 76.2zM559.824 366.35c-2.525 2.532-6.018 4.099-9.876 4.099-7.703 0-13.948-6.245-13.948-13.948 0-0.018 0-0.036 0-0.053v0.003-158.45c0-0.019 0-0.042 0-0.064 0-7.697 6.239-13.936 13.936-13.936 0.734 0 1.455 0.057 2.158 0.166l-0.078-0.010c45.043 6.986 85.093 24.333 118.948 49.536l-0.708-0.504c3.459 2.579 5.675 6.659 5.675 11.256 0 3.866-1.567 7.367-4.101 9.9v0zM564 214.84v107.812l76.2-76.2c-21.892-13.947-47.34-24.845-74.515-31.276l-1.685-0.336zM262 472h158.45c0.012 0 0.027 0 0.042 0 7.71 0 13.96 6.25 13.96 13.96 0 3.861-1.568 7.357-4.101 9.884v0l-112 112c-2.533 2.532-6.032 4.098-9.897 4.098-4.599 0-8.681-2.218-11.233-5.643l-0.026-0.037c-24.705-33.153-42.055-73.21-48.846-116.764l-0.192-1.498c-0.097-0.619-0.153-1.333-0.153-2.060 0-7.699 6.241-13.94 13.94-13.94 0.020 0 0.040 0 0.060 0h-0.003zM310.446 576.2l76.2-76.2h-107.8c6.762 28.86 17.656 54.308 32.2 77.211l-0.6-1.011zM464.176 529.652c2.534-2.534 6.034-4.102 9.901-4.102 0.001 0 0.002 0 0.003 0v0c1.918 0.001 3.745 0.393 5.404 1.1l-0.090-0.034c5.093 2.159 8.6 7.116 8.6 12.893 0 0.015 0 0.029 0 0.044v-0.002 158.45c0 0.017 0 0.038 0 0.059 0 7.7-6.242 13.942-13.942 13.942-0.736 0-1.458-0.057-2.162-0.167l0.078 0.010c-45.042-6.986-85.090-24.333-118.944-49.536l0.708 0.504c-3.457-2.579-5.672-6.658-5.672-11.253 0-3.868 1.568-7.369 4.104-9.903v0zM460 681.16v-107.81l-76.2 76.2c21.892 13.946 47.34 24.844 74.515 31.274l1.685 0.336zM544.6 526.616c1.58-0.674 3.418-1.066 5.348-1.066 3.86 0 7.354 1.568 9.879 4.102v0l112 112c2.533 2.533 4.099 6.033 4.099 9.898 0 4.598-2.217 8.679-5.64 11.231l-0.037 0.026c-33.15 24.701-73.203 42.049-116.752 48.844l-1.498 0.192c-0.619 0.097-1.333 0.153-2.060 0.153-7.699 0-13.94-6.241-13.94-13.94 0-0.020 0-0.040 0-0.060v0.003-158.45c0-0.012 0-0.027 0-0.041 0-5.776 3.507-10.734 8.509-12.858l0.091-0.034zM564 681.16c28.859-6.763 54.307-17.657 77.211-32.2l-1.011 0.6-76.2-76.2zM590.618 480.6c2.159-5.093 7.116-8.6 12.893-8.6 0.014 0 0.028 0 0.041 0h158.448c0.017 0 0.038 0 0.059 0 7.7 0 13.942 6.242 13.942 13.942 0 0.736-0.057 1.458-0.167 2.162l0.010-0.078c-6.983 45.042-24.332 85.091-49.537 118.943l0.503-0.707c-2.579 3.457-6.658 5.672-11.253 5.672-3.868 0-7.369-1.568-9.903-4.104l-112-111.986c-2.535-2.529-4.103-6.026-4.103-9.889 0-1.932 0.392-3.773 1.101-5.446l-0.034 0.092zM713.554 576.2c13.944-21.892 24.838-47.34 31.264-74.516l0.336-1.684h-107.8zM762 424h-158.45c-0.012 0-0.027 0-0.042 0-7.71 0-13.96-6.25-13.96-13.96 0-3.861 1.568-7.357 4.101-9.884v0l112-112c2.533-2.531 6.031-4.096 9.895-4.096 0.002 0 0.004 0 0.005 0v0c0.346 0 0.692 0.016 1.040 0.042 4.198 0.322 7.841 2.451 10.19 5.601l0.026 0.037c24.706 33.152 42.056 73.209 48.846 116.763l0.192 1.497c0.098 0.62 0.153 1.334 0.153 2.062 0 7.698-6.24 13.938-13.938 13.938-0.021 0-0.042 0-0.063 0h0.003zM713.554 319.8l-76.2 76.2h107.8c-6.762-28.86-17.656-54.308-32.2-77.211l0.6 1.011zM458 448c0-29.823 24.177-54 54-54s54 24.177 54 54c0 29.823-24.177 54-54 54v0c-29.81-0.034-53.966-24.19-54-53.997v-0.003zM512 474c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.017 14.353 11.647 25.983 25.998 26h0.002zM512-26c261.782 0 473.999 212.217 473.999 474 0 130.891-53.054 249.39-138.83 335.167l-0.001 0.001c-85.841 86.16-204.599 139.474-335.81 139.474-261.783 0-474-212.217-474-474 0-131.211 53.313-249.969 139.459-335.795l0.014-0.014c85.304-85.759 203.394-138.834 333.88-138.834 0.453 0 0.905 0.001 1.358 0.002h-0.070zM108 462h-41.76c3.325 113.192 48.653 215.193 120.853 291.506l-0.193-0.206 29.528-29.528c2.534-2.534 6.034-4.101 9.9-4.101 7.732 0 14.001 6.268 14.001 14.001 0 3.866-1.567 7.366-4.101 9.9l-29.526 29.528c76.106 72.008 178.107 117.336 290.653 120.645l0.645 0.015v-41.76c0-7.732 6.268-14 14-14s14 6.268 14 14v0 41.76c113.191-3.324 215.192-48.652 291.504-120.853l-0.206 0.193-29.526-29.53c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l29.528 29.53c72.007-76.107 117.335-178.108 120.645-290.654l0.015-0.646h-41.76c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h41.76c-3.325-113.192-48.653-215.193-120.853-291.506l0.193 0.206-29.528 29.528c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l29.526-29.53c-76.106-72.007-178.107-117.335-290.653-120.643l-0.645-0.015v41.76c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-41.76c-113.191 3.324-215.192 48.652-291.504 120.853l0.206-0.193 29.526 29.53c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-29.528-29.53c-72.007 76.107-117.335 178.108-120.645 290.654l-0.015 0.646h41.76c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM512 114c184.168 0 334 149.832 334 334s-149.832 334-334 334-334-149.832-334-334 149.832-334 334-334zM512 754c168.728 0 306-137.272 306-306s-137.272-306-306-306-306 137.272-306 306 137.272 306 306 306z" >
+<glyph unicode="&#xe92f;" glyph-name="car-parts-9" d="M1024 745.29c0 45.535-37.046 82.581-82.581 82.581 0 74.091-94.307 132.129-214.71 132.129s-214.71-58.038-214.71-132.129h-429.419c-45.535 0-82.581-37.046-82.581-82.581v-297.29c0-45.535 37.046-82.581 82.581-82.581h891.871c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-627.613v-33.032h627.613c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-660.645c0 24.081-6.573 46.609-17.87 66.065h17.87v33.032h-45.023c-23.288 20.497-53.727 33.032-87.106 33.032-10.223 0-20.447-1.222-30.505-3.65-15.145 22.66-40.745 36.682-68.591 36.682-45.535 0-82.581-37.046-82.581-82.581v-346.839h1024v214.71c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 17.656-9.348 33.082-23.288 41.852 14.353 14.865 23.288 34.998 23.288 57.245v297.29zM82.581 332.387c19.687 0 37.508-11.71 45.403-29.828l6.144-14.121 14.518 5.137c10.835 3.832 21.95 5.781 33.032 5.781 54.652 0 99.097-44.445 99.097-99.097 0-4.757-0.446-9.91-1.387-15.74l-2.428-15.211 15.013-3.485c22.578-5.252 38.35-25.038 38.35-48.145 0-27.318-22.231-49.548-49.548-49.548-19.687 0-37.508 11.71-45.403 29.828l-6.144 14.121-14.518-5.137c-10.835-3.832-21.95-5.781-33.032-5.781-54.652 0-99.097 44.445-99.097 99.097 0 4.757 0.446 9.91 1.387 15.74l2.428 15.211-15.013 3.485c-22.578 5.252-38.35 25.038-38.35 48.145 0 27.318 22.231 49.548 49.548 49.548zM990.968-30.968h-957.935v248.023c5.153-3.848 10.669-7.284 16.731-9.893-0.149-2.362-0.215-4.641-0.215-6.904 0-72.853 59.276-132.129 132.129-132.129 10.223 0 20.447 1.222 30.505 3.65 15.145-22.66 40.745-36.682 68.591-36.682 27.103 0 51.002 13.312 66.065 33.544v-0.512h627.613c5.814 0 11.33 1.189 16.516 3.039v-102.136zM990.968 117.677c0-9.1-7.416-16.516-16.516-16.516h-612.765c1.090 5.335 1.668 10.868 1.668 16.516 0 18.531-6.243 35.658-16.714 49.548h627.811c9.1 0 16.516-7.416 16.516-16.516v-33.032zM726.71 926.968c98.469 0 181.677-45.386 181.677-99.097s-83.208-99.097-181.677-99.097-181.677 45.386-181.677 99.097 83.208 99.097 181.677 99.097zM891.871 742.615v-212.034c0-9.1-7.416-16.516-16.516-16.516h-297.29c-9.1 0-16.516 7.416-16.516 16.516v212.034c39.077-28.804 98.040-46.873 165.161-46.873s126.084 18.069 165.161 46.873zM990.968 448c0-27.318-22.231-49.548-49.548-49.548h-858.839c-27.318 0-49.548 22.231-49.548 49.548v297.29c0 27.318 22.231 49.548 49.548 49.548h436.191c2.593-6.425 5.715-12.701 9.745-18.696v-245.562c0-27.318 22.231-49.548 49.548-49.548h297.29c27.318 0 49.548 22.231 49.548 49.548v245.562c4.030 5.979 7.151 12.271 9.745 18.696h6.772c27.318 0 49.548-22.231 49.548-49.548v-297.29zM726.71 761.806c89.369 0 148.645 39.771 148.645 66.065s-59.276 66.065-148.645 66.065c-89.369 0-148.645-39.771-148.645-66.065s59.276-66.065 148.645-66.065zM726.71 860.903c63.785 0 102.119-22.363 113.251-33.032-11.148-10.669-49.466-33.032-113.251-33.032s-102.119 22.363-113.251 33.032c11.132 10.669 49.466 33.032 113.251 33.032zM264.258 761.806h-99.097v-49.548h-33.032v-231.226h33.032v-49.548h99.097v49.548h33.032v231.226h-33.032v49.548zM264.258 514.065h-33.032v-49.548h-33.032v49.548h-33.032v165.161h33.032v49.548h33.032v-49.548h33.032v-165.161zM66.065 761.806h33.032v-33.032h-33.032v33.032zM330.323 761.806h33.032v-33.032h-33.032v33.032zM330.323 464.516h33.032v-33.032h-33.032v33.032zM66.065 464.516h33.032v-33.032h-33.032v33.032zM181.677 134.194c36.435 0 66.065 29.63 66.065 66.065s-29.63 66.065-66.065 66.065-66.065-29.63-66.065-66.065 29.63-66.065 66.065-66.065zM181.677 233.29c18.217 0 33.032-14.815 33.032-33.032s-14.815-33.032-33.032-33.032-33.032 14.815-33.032 33.032c0 18.217 14.815 33.032 33.032 33.032z" >
+<glyph unicode="&#xe930;" glyph-name="speedometer" d="M512 864c-228.28 0-414-185.718-414-414 0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 28.287 22.931 51.218 51.218 51.218s51.218-22.931 51.218-51.218v0c0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 228.282-185.72 414-414 414zM787.522 639.872c2.524-3.929 6.872-6.496 11.819-6.496 2.785 0 5.38 0.813 7.561 2.215l-0.056-0.033 31.656 20.106c15.488-24.090 28.941-51.795 38.955-81.094l0.803-2.706-40.2-9.746c-6.187-1.538-10.7-7.045-10.7-13.606 0-7.732 6.268-14 14-14 1.171 0 2.309 0.144 3.396 0.415l-0.096-0.020 41.5 10.060c6.358-23.961 10.526-51.723 11.58-80.28l0.020-0.692h-307.782c-6.885 37.321-39.173 65.219-77.978 65.219s-71.093-27.898-77.903-64.731l-0.075-0.488h-307.772c1.074 29.249 5.242 57.011 12.193 83.647l-0.593-2.675 41.5-10.060c0.991-0.251 2.129-0.394 3.3-0.394 7.732 0 14 6.268 14 14 0 6.561-4.513 12.068-10.604 13.586l-0.096 0.020-40.2 9.746c11.164 33.017 25.203 61.622 42.388 87.99l-0.906-1.482 35.932-22.82c2.076-1.286 4.595-2.048 7.291-2.048 7.732 0 14 6.268 14 14 0 4.862-2.478 9.144-6.24 11.654l-0.051 0.032-34.924 22.184c19.964 26.409 42.273 49.406 67.089 69.418l0.745 0.582 26.288-32.708c2.588-3.2 6.513-5.229 10.913-5.229 7.733 0 14.001 6.269 14.001 14.001 0 3.333-1.165 6.394-3.109 8.798l0.021-0.026-25.622 31.874c23.67 16.526 50.748 31.011 79.495 42.146l2.629 0.896 13.016-35.756c2.014-5.42 7.142-9.212 13.156-9.212 7.732 0 14.001 6.268 14.001 14.001 0 1.718-0.31 3.365-0.876 4.886l0.032-0.097-12.982 35.132c29.098 8.991 62.664 14.662 97.394 15.706l0.57 0.014v-35.8c0-7.732 6.268-14 14-14s14 6.268 14 14v0 35.63c36.283-1.422 70.58-7.76 102.941-18.369l-2.659 0.755-13.4-37.068c-0.533-1.425-0.842-3.071-0.842-4.789 0-7.755 6.287-14.042 14.042-14.042 6.037 0 11.184 3.81 13.168 9.156l0.032 0.097 13.55 37.2c30.831-12.479 57.412-27.284 81.85-44.878l-1.144 0.784-22.726-28.276c-1.924-2.378-3.089-5.439-3.089-8.772 0-7.732 6.268-14.001 14.001-14.001 4.399 0 8.325 2.029 10.891 5.202l0.021 0.026 23.112 28.754c24.376-20.263 45.733-42.784 64.209-67.578l0.735-1.032-30.856-19.6c-3.931-2.523-6.497-6.872-6.497-11.82 0-2.786 0.814-5.382 2.217-7.563l-0.033 0.055zM512 922c-261.782 0-473.999-212.217-473.999-474 0-130.891 53.054-249.39 138.83-335.167l0.001-0.001c85.841-86.16 204.599-139.474 335.81-139.474 261.783 0 474 212.217 474 474 0 131.211-53.313 249.969-139.459 335.795l-0.014 0.014c-85.304 85.759-203.394 138.834-333.88 138.834-0.453 0-0.905-0.001-1.358-0.002h0.070zM827.37 132.63c-80.71-80.71-192.21-130.631-315.37-130.631-246.319 0-446.001 199.681-446.001 446.001 0 123.16 49.92 234.66 130.631 315.37v0c80.71 80.71 192.21 130.631 315.37 130.631 246.319 0 446.001-199.681 446.001-446.001 0-123.16-49.92-234.66-130.631-315.37v0zM512 466c-24.301 0-44-19.699-44-44s19.699-44 44-44c24.301 0 44 19.699 44 44v0c-0.028 24.289-19.711 43.972-43.997 44h-0.003zM512 406c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16v0c-0.010-8.832-7.168-15.99-15.999-16h-0.001zM525.8 722.384c-1.168 6.652-6.901 11.642-13.8 11.642s-12.632-4.99-13.788-11.558l-0.012-0.084-28-162c-0.13-0.717-0.204-1.542-0.204-2.384 0-7.732 6.268-14 14-14 0.002 0 0.003 0 0.005 0h56c0.001 0 0.003 0 0.004 0 7.732 0 14 6.268 14 14 0 0.842-0.074 1.667-0.217 2.469l0.012-0.085zM500.628 572l11.372 65.8 11.372-65.8z" >
+<glyph unicode="&#xe931;" glyph-name="maintenance-1" d="M50.656 366.542l90.050-8.68c10.328-41.321 26.095-77.656 46.813-110.561l-0.917 1.561-57.364-69.262c-2.002-2.404-3.217-5.525-3.217-8.93 0-3.866 1.567-7.367 4.101-9.9l95.254-95.256c2.534-2.534 6.034-4.101 9.9-4.101 3.406 0 6.527 1.216 8.954 3.238l-0.023-0.018 69.366 57.446c31.321-19.671 67.597-35.447 106.215-45.39l2.675-0.584 8.68-89.752c0.729-6.969 6.572-12.355 13.674-12.355 0.092 0 0.184 0.001 0.276 0.003h135.030c0.079-0.002 0.171-0.003 0.264-0.003 7.102 0 12.946 5.388 13.667 12.299l0.005 0.059 8.68 89.898c41.319 10.3 77.656 26.043 110.564 46.738l-1.564-0.918 69.27-57.4c2.406-2.007 5.53-3.226 8.939-3.226 3.862 0 7.358 1.563 9.891 4.092v0l95.256 95.246c2.532 2.533 4.098 6.032 4.098 9.897 0 3.404-1.215 6.524-3.234 8.95l0.018-0.023-57.446 69.366c19.672 31.325 35.449 67.606 45.392 106.228l0.584 2.674 88.862 8.668c7.124 0.716 12.64 6.681 12.64 13.934 0 0 0 0 0 0v0 135.044c-0.001 7.258-5.525 13.226-12.598 13.929l-0.058 0.005-90.050 8.68c-10.332 41.318-26.102 77.649-46.821 110.55l0.917-1.56 57.362 69.272c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-94.050 95.252c-2.54 2.572-6.065 4.165-9.963 4.165-3.404 0-6.525-1.215-8.951-3.235l0.023 0.018-69.37-57.448c-31.321 19.671-67.597 35.447-106.215 45.39l-2.675 0.584-8.68 89.752c-0.726 6.971-6.57 12.359-13.672 12.359-0.093 0-0.185-0.001-0.278-0.003h-135.030c-0.078 0.002-0.17 0.002-0.262 0.002-7.103 0-12.947-5.388-13.669-12.299l-0.005-0.059-8.68-89.898c-41.315-10.301-77.648-26.044-110.554-46.738l1.564 0.918-69.274 57.4c-2.406 2.008-5.531 3.227-8.942 3.227-3.861 0-7.358-1.563-9.891-4.092v0l-95.246-95.246c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.403 1.214-6.523 3.233-8.949l-0.018 0.023 57.446-69.366c-19.672-31.321-35.448-67.597-45.39-106.216l-0.584-2.674-90.054-8.678c-7.131-0.708-12.655-6.676-12.656-13.934v0-135.046c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM66 502.8l87.422 8.426c6.11 0.606 11.028 5.062 12.323 10.883l0.017 0.093c10.167 44.873 27.428 84.464 50.755 119.687l-0.827-1.329c1.401 2.144 2.235 4.769 2.235 7.589 0 3.404-1.215 6.525-3.236 8.952l0.018-0.023-55.774 67.362 77.23 77.23 67.352-55.776c2.404-2.002 5.525-3.217 8.929-3.217 2.894 0 5.583 0.878 7.815 2.383l-0.050-0.032c33.803 22.669 73.373 39.918 115.878 49.38l2.312 0.432c5.883 1.178 10.353 6.008 10.973 11.981l0.005 0.059 8.422 87.12h109.616l8.426-87.12c0.616-6.071 5.078-10.945 10.886-12.174l0.090-0.016c44.869-10.136 84.462-27.373 119.689-50.68l-1.331 0.828c2.139-1.392 4.755-2.22 7.565-2.22 3.416 0 6.546 1.223 8.977 3.256l-0.022-0.018 67.282 55.744 76.142-77.108-55.828-67.41c-2.001-2.404-3.216-5.524-3.216-8.928 0-2.894 0.878-5.582 2.382-7.814l-0.032 0.050c22.669-33.803 39.918-73.373 49.38-115.878l0.432-2.312c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 87.422-8.424v-109.63l-86.232-8.414c-6.103-0.613-11.013-5.066-12.307-10.881l-0.017-0.093c-10.168-44.872-27.428-84.463-50.755-119.687l0.827 1.329c-1.402-2.144-2.236-4.77-2.236-7.59 0-3.404 1.215-6.524 3.234-8.951l-0.018 0.023 55.778-67.354-77.232-77.23-67.352 55.776c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-33.8-22.67-73.368-39.919-115.871-49.38l-2.311-0.432c-5.882-1.178-10.351-6.008-10.971-11.981l-0.005-0.059-8.426-87.112h-109.61l-8.424 87.12c-0.616 6.072-5.079 10.946-10.888 12.174l-0.090 0.016c-44.868 10.137-84.461 27.375-119.687 50.681l1.331-0.827c-2.138 1.392-4.755 2.219-7.564 2.219-3.417 0-6.547-1.224-8.978-3.257l0.022 0.018-67.352-55.8-77.236 77.226 55.774 67.348c2.001 2.404 3.216 5.524 3.216 8.928 0 2.894-0.878 5.582-2.382 7.814l0.032-0.050c-22.669 33.803-39.918 73.373-49.38 115.878l-0.432 2.312c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-87.422 8.424zM512.6 171.072c152.698 0 276.928 124.228 276.928 276.928s-124.226 276.928-276.928 276.928-276.926-124.228-276.926-276.928 124.23-276.928 276.926-276.928zM512.6 696.928c0 0 0.001 0 0.002 0 137.479 0 248.928-111.449 248.928-248.928s-111.449-248.928-248.928-248.928c-137.479 0-248.928 111.449-248.928 248.928v0c0.155 137.416 111.51 248.772 248.911 248.928h0.015zM387.188 432.526l-8.388-27.982c-0.422-1.15-0.708-2.481-0.798-3.866l-0.002-0.042v-91.816c0.242-22.516 18.486-40.69 41.006-40.82h21.228c22.015 0.233 39.771 18.134 39.771 40.182 0 0.224-0.002 0.448-0.006 0.672v-0.034 91.816c0.041 0.4 0.065 0.864 0.065 1.333 0 0.911-0.088 1.801-0.257 2.662l0.014-0.087-7.946 27.982c6.466 1.257 11.28 6.874 11.28 13.616 0 7.654-6.204 13.858-13.858 13.858-0.016 0-0.032 0-0.048 0h-25.25v152.096c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-152.096h-26c-0.039 0-0.086 0.001-0.132 0.001-7.659 0-13.868-6.209-13.868-13.868 0-6.711 4.767-12.309 11.099-13.592l0.089-0.015zM406 398.642l10.266 33.358h26.72l9.014-33.358v-89.822c0-6.906-4.86-12.82-11.766-12.82h-21.216c-7.075 0.111-12.795 5.762-13.017 12.799l-0.001 0.021zM520 467.868v-159.468c0-22.091 17.909-40 40-40s40 17.909 40 40v0 159.468c28 14.952 48.242 45.562 48.242 79 0 0.045 0 0.097 0 0.15 0 34.517-19.81 64.408-48.681 78.923l-0.508 0.231c-1.881 0.93-4.095 1.475-6.436 1.475-2.799 0-5.417-0.778-7.648-2.13l0.066 0.037c-4.115-2.473-6.866-6.849-7.035-11.878l-0.001-0.024v-35.28l-18.532-12.568-19.5 13.762 0.2 34.082c0 0.034 0 0.075 0 0.115 0 7.705-6.247 13.952-13.952 13.952-2.27 0-4.413-0.542-6.308-1.504l0.079 0.037c-29.194-14.9-48.837-44.749-48.837-79.186s19.643-64.286 48.336-78.953l0.501-0.233zM512.156 584.886l-0.042-12.548c0-0.014 0-0.030 0-0.047 0-4.727 2.343-8.907 5.93-11.442l0.044-0.029 33.498-23.436c2.237-1.582 5.021-2.529 8.026-2.529 2.892 0 5.579 0.877 7.81 2.379l-0.050-0.032 32.726 22.018c3.589 2.505 5.907 6.615 5.907 11.267 0 0.136-0.002 0.272-0.006 0.407v-0.020 13.988c10-10.546 13.66-23.832 13.66-38 0-0.073 0-0.159 0-0.245 0-25.671-15.992-47.607-38.556-56.389l-0.412-0.141c-5.133-2.034-8.698-6.956-8.698-12.71 0-0.139 0.002-0.278 0.006-0.416v0.020-168.58c0-6.627-5.373-12-12-12s-12 5.373-12 12v0 168.58c-0.154 6.021-4 11.105-9.351 13.084l-0.099 0.032c-23.2 8.899-39.4 30.926-39.55 56.757v0.019c-0.001 0.132-0.002 0.289-0.002 0.446 0 14.264 4.96 27.369 13.249 37.686l-0.091-0.117z" >
+<glyph unicode="&#xe932;" glyph-name="shopping-bags" d="M1017.403 609.096c-5.004 4.917-11.998 7.248-18.953 6.317h-271.652v120.034c0 118.629-96.166 214.795-214.795 214.795s-214.795-96.166-214.795-214.795v-120.034h-271.657c-7.582 0-15.161 0-18.953-6.317-5.093-4.895-7.456-11.981-6.317-18.953l94.764-518.036c13.238-72.265 75.636-125.144 149.094-126.351h535.725c73.668 1.811 135.935 55.109 149.094 127.613l94.764 516.774c1.139 6.972-1.224 14.058-6.317 18.953zM347.745 735.447c0 90.715 73.539 164.255 164.255 164.255s164.255-73.539 164.255-164.255v-120.034h-328.509v120.034zM878.416 79.688c-8.51-47.887-49.919-82.925-98.553-83.392h-535.725c-48.635 0.467-90.043 35.502-98.553 83.392l-89.709 485.184h912.249l-89.709-485.184zM701.527 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c-0.002-13.957 11.313-25.27 25.27-25.27zM322.475 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c0-13.957 11.313-25.27 25.27-25.27z" >
+<glyph unicode="&#xe933;" glyph-name="shopping-cart" d="M827.473 233.886c42.577 0.446 79.805 29.202 90.728 70.442l104.995 390.999c3.344 12.706-4.013 25.636-16.719 29.202-2.006 0.446-4.013 0.892-6.019 0.892h-789.8l-53.723 198.397c-2.675 10.254-12.038 17.611-22.738 17.611h-134.197v-47.482h115.472l51.94-193.939c-0.223-1.56-0.223-3.121 0-4.681l107.001-392.336c0.669-3.121 1.783-6.465 2.898-9.585l36.113-131.522c-34.775-18.502-58.405-55.061-58.405-97.192 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 18.948-4.904 37.004-13.375 52.609-2.006 3.567-4.013 7.133-6.465 10.7h280.208c-12.483-17.833-20.063-39.679-20.063-63.309 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 28.756-10.923 54.838-28.979 74.455-19.394 22.069-47.927 36.113-79.805 36.336h-466.122l-16.719 61.303c7.133-1.783 14.49-2.898 21.846-2.898h461.441zM825.913 128c34.998 0 63.309-28.311 63.309-63.309s-28.311-63.309-63.309-63.309c-34.998 0-63.309 28.311-63.309 63.309s28.311 63.309 63.309 63.309zM365.14 128c34.998 0 63.086-28.534 63.086-63.309 0-34.998-28.311-63.309-63.309-63.309s-63.086 28.311-63.086 63.309 28.311 63.309 63.309 63.309zM322.786 311.461l-53.277 194.831-47.482 171.201h746.554l-96.524-362.465c-5.35-20.731-23.852-35.221-45.252-35.667h-461.218c-19.394 1.115-36.336 13.598-42.8 32.1z" >
+<glyph unicode="&#xe934;" glyph-name="view" d="M1017.492 467.917c-9.148 12.514-227.114 306.413-505.497 306.413s-496.359-293.899-505.497-306.401c-8.664-11.872-8.664-27.974 0-39.846 9.138-12.514 227.114-306.413 505.497-306.413s496.349 293.901 505.497 306.403c8.676 11.87 8.676 27.984 0 39.844zM511.995 189.186c-205.058 0-382.661 195.066-435.235 258.837 52.506 63.826 229.736 258.791 435.235 258.791 205.048 0 382.639-195.032 435.235-258.837-52.506-63.824-229.736-258.791-435.235-258.791zM511.995 650.549c-111.684 0-202.55-90.866-202.55-202.55s90.866-202.55 202.55-202.55 202.55 90.866 202.55 202.55-90.866 202.55-202.55 202.55zM511.995 312.967c-74.46 0-135.032 60.574-135.032 135.032s60.574 135.032 135.032 135.032 135.032-60.574 135.032-135.032-60.572-135.032-135.032-135.032z" >
+<glyph unicode="&#xe935;" glyph-name="phone-call" d="M943.158 285.776c-63.166 0-125.035 9.863-183.726 29.265-28.618 9.863-61.064 2.264-79.925-16.924l-116.251-87.795c-133.337 71.141-218.706 156.457-288.983 288.93l85.422 113.502c21.504 21.557 29.212 52.979 19.996 82.459-19.458 58.962-29.373 120.887-29.373 183.944 0 44.572-36.27 80.842-80.842 80.842h-188.633c-44.572 0-80.842-36.27-80.842-80.842 0-520.030 423.128-943.158 943.158-943.158 44.572 0 80.842 36.27 80.842 80.842v188.092c0 44.572-36.27 80.842-80.842 80.842zM970.106 16.842c0-14.875-12.126-26.948-26.948-26.948-490.336 0-889.264 398.928-889.264 889.264 0 14.875 12.126 26.948 26.948 26.948h188.633c14.822 0 26.948-12.073 26.948-26.948 0-68.824 10.78-136.409 31.905-200.489 3.125-10.077 0.594-20.481-9.269-30.72l-98.089-129.886c-6.197-8.246-7.167-19.293-2.478-28.456 79.925-156.995 176.991-254.115 335.119-335.119 9.107-4.742 20.264-3.772 28.509 2.478l132.69 100.568c7.223 7.114 17.838 9.592 27.433 6.414 64.459-21.289 132.043-32.067 200.921-32.067 14.822 0 26.948-12.073 26.948-26.948v-188.092z" >
+<glyph unicode="&#xe936;" glyph-name="calendar" d="M917.839 826.632h-64.283v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-261.401v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-264.069v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-61.616c-58.682 0-106.428-49.346-106.428-108.028v-620.162c0-58.949 47.479-106.694 106.428-106.694h811.145c58.949 0 106.428 47.746 106.428 106.428v620.428c0.267 58.682-47.479 108.028-106.161 108.028zM970.92 98.442c0-29.341-23.473-53.080-52.814-53.347h-811.678c-29.341 0-53.080 23.74-53.080 53.080v620.428c0 29.608 23.74 54.681 53.080 54.681h61.616v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h264.069v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h261.401v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h64.283c29.608 0 53.080-25.34 53.080-54.681v-620.162zM441.982 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM627.63 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 415.858h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 234.478h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674z" >
+<glyph unicode="&#xe937;" glyph-name="calendar-1" d="M889.864 316.322c-17.91 17.912-47.058 17.91-64.974-0.002l-107.966-107.968-37.74 37.742c-17.912 17.91-47.060 17.91-64.974 0-17.914-17.914-17.914-47.064 0-64.978l70.228-70.228c8.678-8.674 20.216-13.454 32.488-13.454s23.81 4.78 32.488 13.456l140.454 140.454c8.678 8.676 13.458 20.216 13.458 32.49-0.004 12.268-4.782 23.808-13.462 32.488zM868.552 272.654l-140.456-140.456c-2.986-2.986-6.956-4.63-11.178-4.63s-8.192 1.644-11.178 4.63l-70.228 70.228c-2.982 2.986-4.626 6.956-4.626 11.178 0 4.224 1.644 8.192 4.63 11.178 3.082 3.082 7.13 4.624 11.178 4.624s8.096-1.542 11.178-4.624l48.394-48.396c2.824-2.824 6.658-4.412 10.654-4.412s7.83 1.588 10.654 4.412l118.62 118.622c6.164 6.166 16.194 6.166 22.356 0.004 2.988-2.988 4.632-6.958 4.632-11.18 0.002-4.224-1.644-8.192-4.63-11.178zM960.698 384.314v119.484c0 8.324-6.746 15.068-15.068 15.068s-15.068-6.744-15.068-15.068v-88.558c-20.080 17.472-42.504 31.806-66.502 42.658-0.898 0.408-1.806 0.796-2.71 1.194-0.916 0.402-1.828 0.812-2.748 1.204-1.61 0.69-3.23 1.352-4.856 2.010-0.206 0.084-0.412 0.17-0.62 0.254-13.446 5.404-27.42 9.758-41.82 12.972v88.536c0 8.324-6.746 15.068-15.068 15.068h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-90.526c-46.922-12.012-89.914-36.476-124.97-71.748-5.866-5.904-5.836-15.446 0.066-21.31 5.902-5.862 15.442-5.834 21.31 0.066 45.738 46.026 106.658 71.374 171.538 71.374 2.15 0 4.296-0.030 6.438-0.086 0.374-0.010 0.746-0.032 1.12-0.042 1.792-0.056 3.584-0.122 5.37-0.218 0.284-0.014 0.562-0.038 0.846-0.054 1.896-0.108 3.792-0.232 5.682-0.384 0.136-0.012 0.274-0.024 0.412-0.036 27.84-2.294 54.862-9.38 79.946-20.752 0.864-0.394 1.718-0.804 2.578-1.206 0.882-0.412 1.766-0.822 2.644-1.246 1.542-0.748 3.078-1.51 4.602-2.29 0.15-0.076 0.302-0.15 0.452-0.228 78.15-40.124 131.744-121.566 131.744-215.288 0-133.344-108.484-241.828-241.83-241.828-124.994 0-228.144 95.322-240.572 217.092-0.006 0.058-0.010 0.116-0.016 0.174-0.192 1.914-0.364 3.838-0.514 5.764-0.032 0.414-0.054 0.832-0.084 1.246-0.116 1.616-0.224 3.23-0.31 4.854-0.046 0.916-0.076 1.834-0.112 2.752-0.048 1.17-0.102 2.336-0.134 3.508-0.054 2.14-0.086 4.286-0.086 6.434 0 44.372 12.118 87.756 35.044 125.458 4.324 7.11 2.066 16.378-5.044 20.702-7.114 4.324-16.38 2.066-20.702-5.046-25.798-42.422-39.432-91.218-39.432-141.114 0-2.234 0.032-4.462 0.084-6.686 0.012-0.51 0.034-1.018 0.050-1.526 0.052-1.776 0.116-3.552 0.202-5.322 0.020-0.424 0.046-0.846 0.070-1.27 0.102-1.944 0.228-3.888 0.37-5.826 0.014-0.184 0.028-0.372 0.042-0.558 1.93-25.286 7.318-49.892 16.132-73.534h-466.892v243.622c0 8.324-6.746 15.068-15.068 15.068s-15.066-6.744-15.066-15.068v-258.684c0-8.324 6.746-15.068 15.068-15.068h495.41c45.314-87.312 136.58-147.108 241.558-147.108 149.962 0 271.964 122.004 271.964 271.962 0 66.232-23.808 127-63.302 174.222zM781.172 482.056h-66.946v66.944h66.946v-66.944zM262.576 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM247.508 482.056h-66.944v66.944h66.946v-66.944zM440.464 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c-0.002 8.324-6.748 15.068-15.068 15.068zM425.396 482.056h-66.946v66.944h66.946v-66.944zM618.352 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM603.286 482.056h-66.946v66.944h66.946v-66.944zM262.576 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c0 8.324-6.746 15.068-15.068 15.068zM247.508 273.642h-66.944v66.946h66.946v-66.946zM440.464 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c-0.002 8.324-6.746 15.068-15.068 15.068zM425.396 273.642h-66.946v66.946h66.946v-66.946zM946.15 843.628h-94.14v54.452c0 32.968-26.822 59.79-59.788 59.79-32.968 0-59.788-26.822-59.788-59.79v-54.452h-503.13v54.452c0 32.968-26.822 59.79-59.788 59.79s-59.788-26.822-59.788-59.79v-54.452h-94.66c-8.322 0-15.068-6.744-15.068-15.066v-409.304c0-8.322 6.746-15.066 15.068-15.066s15.068 6.746 15.068 15.068v231.146h900.43v-86.34c0-8.324 6.746-15.068 15.068-15.068s15.068 6.744 15.068 15.068v97.542c0.328 1.236 0.518 2.526 0.518 3.864v163.090c-0.002 8.322-6.748 15.066-15.070 15.066zM762.57 898.080c0 16.352 13.304 29.654 29.652 29.654 16.352 0 29.652-13.304 29.652-29.654v-117.818c0-2.044-0.208-4.040-0.602-5.968-2.77-13.5-14.744-23.686-29.050-23.686-16.352 0-29.652 13.304-29.652 29.654v117.818zM139.864 898.080c0 16.352 13.302 29.654 29.652 29.654s29.652-13.304 29.652-29.654v-117.818c0-16.352-13.304-29.654-29.652-29.654s-29.652 13.306-29.652 29.656v117.816zM930.564 680.542h-899.91v132.954h79.074v-33.232c0-32.968 26.82-59.79 59.788-59.79s59.788 26.822 59.788 59.79v33.232h503.134v-33.232c0-32.968 26.822-59.79 59.788-59.79 32.968 0 59.788 26.822 59.788 59.79v33.232h78.556v-132.954z" >
+<glyph unicode="&#xe938;" glyph-name="right-arrow-angle" d="M798.813 480.478l-512.425 466.975c-16.815 16.73-44.086 16.73-60.901 0-16.815-16.729-16.815-43.872 0-60.602l481.528-438.851-481.485-438.85c-16.815-16.73-16.815-43.874 0-60.602s44.086-16.729 60.9 0l512.426 466.975c8.962 8.918 12.805 20.742 12.206 32.434 0.557 11.737-3.284 23.559-12.249 32.521z" >
+<glyph unicode="&#xe939;" glyph-name="down-arrow-1" d="M1011.453 734.482c-16.73 16.816-43.875 16.816-60.605 0l-438.824-481.508-438.869 481.508c-16.73 16.816-43.876 16.816-60.607 0s-16.73-44.089 0-60.903l466.996-512.403c8.92-8.963 20.785-12.803 32.437-12.208 11.692-0.596 23.517 3.244 32.437 12.208l467.038 512.448c16.729 16.812 16.729 44.042-0.002 60.858z" >
+<glyph unicode="&#xe93a;" glyph-name="up-arrow-angle" d="M1011.453 222.939l-466.996 511.252c-8.92 8.963-20.786 12.762-32.437 12.164-11.694 0.597-23.519-3.201-32.438-12.164l-467.034-511.252c-16.73-16.772-16.73-44.002 0-60.776s43.876-16.772 60.607 0l438.869 480.484 438.824-480.484c16.73-16.772 43.875-16.772 60.605 0 16.73 16.771 16.73 44.002 0 60.776z" >
+<glyph unicode="&#xe93b;" glyph-name="search" d="M1014.294-8.29l-264.38 260.155c69.233 75.219 111.771 174.698 111.771 284.164-0.033 234.168-192.91 423.971-430.854 423.971s-430.821-189.803-430.821-423.971 192.877-423.971 430.821-423.971c102.808 0 197.102 35.56 271.168 94.678l265.406-261.181c12.932-12.74 33.927-12.74 46.859 0 12.962 12.738 12.962 33.415 0.030 46.155zM430.831 177.289c-201.326 0-364.533 160.613-364.533 358.74s163.207 358.74 364.533 358.74c201.328 0 364.533-160.613 364.533-358.74s-163.205-358.74-364.533-358.74z" >
+<glyph unicode="&#xe93c;" glyph-name="share" d="M787.692 329.846c-69.711 0-130.599-36.432-165.573-91.057l-210.865 120.517c13.587 26.782 21.977 56.596 21.977 88.694 0 19.811-3.821 38.557-9.256 56.596l219.412 125.362c35.959-38.992 87.079-63.805 144.305-63.805 108.74 0 196.923 88.183 196.923 196.923s-88.183 196.923-196.923 196.923-196.923-88.183-196.923-196.923c0-19.811 3.821-38.557 9.255-56.596l-219.411-125.401c-35.959 39.031-87.080 63.843-144.305 63.843-108.74 0-196.923-88.143-196.923-196.923 0-108.74 88.183-196.923 196.923-196.923 44.898 0 85.78 15.596 118.901 40.92l-0.748-1.535 238.434-136.271c-0.748-7.089-2.127-13.981-2.127-21.268 0-108.74 88.183-196.923 196.923-196.923s196.923 88.183 196.923 196.923-88.183 196.923-196.923 196.923zM787.692 881.231c65.261 0 118.154-52.894 118.154-118.154s-52.893-118.154-118.154-118.154-118.154 52.894-118.154 118.154 52.893 118.154 118.154 118.154zM236.308 329.846c-65.26 0-118.154 52.893-118.154 118.154s52.894 118.154 118.154 118.154 118.154-52.894 118.154-118.154c0-65.261-52.894-118.154-118.154-118.154zM787.692 14.769c-65.261 0-118.154 52.893-118.154 118.154s52.893 118.154 118.154 118.154 118.154-52.893 118.154-118.154-52.893-118.154-118.154-118.154z" >
+<glyph unicode="&#xe93d;" glyph-name="left-arrow-1" d="M331.295 447.762l444.985 444.985c15.384 15.386 15.384 40.33 0 55.716-15.388 15.381-40.33 15.381-55.716 0l-472.843-472.843c-15.381-15.386-15.381-40.33 0-55.716l472.843-472.843c15.654-15.118 40.598-14.684 55.716 0.97 14.746 15.27 14.746 39.478 0 54.746l-444.985 444.985z" >
+<glyph unicode="&#xe93e;" glyph-name="quotation" d="M1021.273 249.945c-36.039 106.625-18.891 209.937-17.578 217.422 6.086 27.039 9.125 54.875 9.023 82.75-0.57 161.125-103.617 301.992-256.414 350.523-7.883 2.5-16.328-1.859-18.844-9.75-2.508-7.898 1.859-16.328 9.758-18.844 140.336-44.57 234.976-173.992 235.5-322.039 0.094-25.734-2.719-51.422-8.359-76.367-0.047-0.219-0.094-0.437-0.133-0.656-0.852-4.727-20.445-117.047 18.633-232.648 2.391-7.086 1.023-14.477-3.766-20.273-4.805-5.82-12.141-8.695-19.625-7.664-31.672 4.312-59.055 12.594-81.398 24.609-32.031 17.227-70.062 18.719-101.75 3.992-46.82-21.766-96.937-32.336-149.078-31.391-88.344 1.586-171.547 37.297-234.289 100.555-62.734 63.25-97.781 146.75-98.672 235.109-0.906 90.164 33.187 175.391 96 239.984 62.687 64.461 146.664 100.922 236.461 102.68 17.602 0.344 35.289-0.648 52.562-2.953 8.195-1.109 15.75 4.68 16.844 12.891s-4.68 15.758-12.891 16.852c-18.773 2.5-37.984 3.57-57.102 3.203-97.742-1.906-189.148-41.594-257.383-111.758-28.094-28.891-50.898-61.578-67.969-96.875-82.93-15.68-158.516-59.82-212.961-124.422-55.508-65.867-86.25-150.016-86.562-236.961-0.102-27.875 2.937-55.719 9.023-82.758 1.32-7.484 18.477-110.742-17.578-217.414-5.711-16.891-2.328-35.203 9.047-48.977 11.461-13.891 28.961-20.734 46.812-18.297 35.242 4.805 66.047 14.195 91.555 27.914 23.75 12.781 51.75 13.977 74.898 3.211 48.898-22.734 110.523-34.18 162.258-34.18 58.242 0 116.102 16.203 167.359 43.828 49.609 26.734 93.227 65.156 126.148 111.109 4.828 6.734 3.281 16.109-3.453 20.93-6.734 4.828-16.109 3.273-20.93-3.453-30.281-42.266-70.391-77.594-116-102.172-47.062-25.375-100.203-39.289-153.656-40.25-52.086-0.937-102.266 9.625-149.078 31.391-31.68 14.734-69.719 13.234-101.75-3.992-22.336-12.016-49.727-20.297-81.406-24.609-7.477-1.023-14.812 1.844-19.625 7.664-4.781 5.797-6.156 13.187-3.758 20.273 38.977 115.312 19.602 227.258 18.633 232.617-0.039 0.227-0.086 0.461-0.133 0.687-5.641 24.945-8.453 50.641-8.367 76.375 0.289 79.914 28.523 157.242 79.5 217.734 45.625 54.133 107.406 92.633 175.727 109.898-15.039-41.242-22.68-85.281-22.227-130.477 0.977-96.211 39.109-187.101 107.375-255.93 68.273-68.828 158.836-109.422 255.047-109.422 59.609 0 113.359 11.445 162.266 34.18 23.148 10.766 51.148 9.562 74.891-3.203 25.516-13.727 56.32-23.117 91.562-27.922 17.844-2.422 35.344 4.414 46.812 18.297 11.367 13.773 14.75 32.086 9.039 48.977zM536.109 661.68h-47.25c-30.828 0-55.914-25.086-55.914-55.914v-56.516c0-30.836 25.086-55.922 56-55.922h0.008c0.43 0 23.977-0.211 34.773-22.211 5.5-11.219 9.047-23.289 10.523-35.867 1.883-16.062 11.586-32.789 37.055-32.789 12.922 0 24.844 6.703 31.711 18.305 20.367 34.453 39.781 93.211 16.609 177.531-10.266 37.32-44.602 63.383-83.516 63.383zM577.187 436.039c-2.375-4.008-6.125-3.703-7.625-3.383-1.844 0.391-5.008 1.703-5.523 6.094-1.875 15.961-6.375 31.297-13.383 45.586-18.82 38.359-59.219 39-61.727 39-0.023 0-0.047 0-0.070 0-14.289 0-25.914 11.625-25.914 25.914v56.516c0 14.289 11.625 25.914 25.914 25.914h47.25c25.445 0 47.898-16.992 54.586-41.328 16.367-59.555 11.82-111.477-13.508-154.312zM656.781 605.766v-56.516c0-30.836 25.086-55.922 55.875-55.922 0.984-0.008 24.281-0.547 34.906-22.211 5.508-11.219 9.047-23.289 10.523-35.867 1.883-16.062 12.977-32.789 37.055-32.789 12.93 0 24.852 6.703 31.719 18.305 20.367 34.445 39.781 93.211 16.602 177.531-10.258 37.312-44.594 63.383-83.508 63.383h-47.25c-30.836 0-55.922-25.086-55.922-55.914zM686.781 605.766c0 14.289 11.633 25.914 25.922 25.914h47.25c25.445 0 47.891-16.992 54.578-41.336 16.367-59.547 11.828-111.469-13.5-154.305-2.375-4.008-6.133-3.703-7.633-3.383-1.836 0.391-5 1.703-5.516 6.094-1.875 15.961-6.375 31.305-13.383 45.586-18.828 38.359-59.227 39-61.727 39-0.031 0-0.055 0-0.070 0-14.297 0-25.922 11.625-25.922 25.914z" >
+<glyph unicode="&#xe93f;" glyph-name="user" d="M512 960c-148.878 0-270-121.122-270-270s121.122-270 270-270 270 121.122 270 270-121.122 270-270 270zM512 480c-115.794 0-210 94.206-210 210s94.206 210 210 210c115.794 0 210-94.206 210-210s-94.206-210-210-210zM595.666 358h-167.334c-138.404 0-274.994-63.902-366.332-200.916v-221.084h900v221.084c-91.206 136.816-227.758 200.916-366.334 200.916zM902.002-4h-780.002v142.726c70.062 99.908 183.904 159.274 306.334 159.274h167.334c122.43 0 236.27-59.366 306.334-159.274v-142.726z" >
+<glyph unicode="&#xe940;" glyph-name="tag" d="M907.067 849.53c-0.054 43.006-34.923 77.854-77.939 77.854h-326.354c-20.671 0-40.494-8.209-55.112-22.824l-424.825-424.738c-30.446-30.439-30.449-79.795-0.007-110.241l326.354-326.357c15.219-15.219 35.169-22.832 55.119-22.832 12.557 0 24.978 3.371 36.356 9.403 41.639 34.29-19.967-25.292 443.582 438.164 14.623 14.62 22.837 34.448 22.837 55.124 0 331.038 0.002 274.489-0.010 326.447zM868.103 523.085c0-10.411-4.056-20.201-11.417-27.562l-424.828-424.745c-7.361-7.361-17.149-11.415-27.56-11.415s-20.196 4.056-27.56 11.415l-326.349 326.359c-7.361 7.361-11.415 17.151-11.415 27.56 0 10.411 4.056 20.198 11.417 27.56l424.825 424.74c7.361 7.359 17.146 11.412 27.557 11.412h326.357c21.489 0 38.974-17.485 38.974-38.974v-326.349zM985.026 849.435v-365.321c0-10.411-4.056-20.201-11.417-27.562l-460.455-460.372 27.557-27.56 460.453 460.37c14.623 14.62 22.837 34.448 22.837 55.124v365.321h-38.974zM692.718 790.973c-42.972 0-77.949-34.958-77.949-77.949s34.977-77.949 77.949-77.949 77.949 34.958 77.949 77.949-34.979 77.949-77.949 77.949zM692.718 674.050c-21.504 0-38.974 17.49-38.974 38.974s17.47 38.974 38.974 38.974 38.974-17.49 38.974-38.974-17.47-38.974-38.974-38.974z" >
+<glyph unicode="&#xe941;" glyph-name="play" d="M946.685 492.645l-819.197 460.799c-15.872 8.909-35.225 8.704-50.893-0.41-15.77-9.216-25.395-26.010-25.395-44.237v-921.597c0-18.227 9.626-35.021 25.395-44.237 7.987-4.608 16.896-6.963 25.805-6.963 8.602 0 17.306 2.15 25.088 6.554l819.197 460.799c16.077 9.114 26.112 26.112 26.112 44.646s-10.035 35.533-26.112 44.646z" >
+<glyph unicode="&#xe942;" glyph-name="done" d="M941.602 838.588l-616.378-616.378-242.825 242.825-82.398-82.398 325.223-325.223 698.777 698.777z" >
+<glyph unicode="&#xe943;" glyph-name="electric-car" d="M968.016 532.48l-60.032 48.032c-0.24 0.192-0.48 0.432-0.72 0.624l55.888 11.184c7.472 1.488 12.848 8.048 12.848 15.68v48c0 8.832-7.168 16-16 16h-80c-8.832 0-16-7.168-16-16v-28.032c-0.368 0.496-0.736 0.992-1.104 1.488-1.008 2.784-2.8 5.056-5.072 6.864-9.008 12.752-16.72 25.52-21.744 36.56l-27.040 59.472c-17.232 37.936-63.376 67.648-105.040 67.648h-384c-41.664 0-87.808-29.712-105.040-67.648l-27.024-59.456c-5.024-11.040-12.736-23.824-21.744-36.576-2.272-1.808-4.048-4.080-5.072-6.864-0.368-0.496-0.72-0.976-1.104-1.488v28.032c0 8.832-7.168 16-16 16h-80.016c-8.832 0-16-7.168-16-16v-48c0-7.632 5.376-14.192 12.864-15.68l55.888-11.184c-0.24-0.192-0.48-0.432-0.72-0.624l-60.048-48.032c-31.392-25.12-55.984-76.288-55.984-116.48v-272c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v32h576v-32c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v272c0 40.192-24.592 91.36-55.984 116.48zM822.624 208l-36.688 36.688c-15.568 15.568-43.92 27.312-65.936 27.312h-424c-22.016 0-50.368-11.744-65.936-27.312l-36.688-36.688h-113.376c-26.464 0-48 21.536-48 48v80h16v-16c0-35.296 28.704-64 64-64h48c8.832 0 16 7.168 16 16s-7.168 16-16 16h-48c-17.648 0-32 14.352-32 32v16h32c13.28 0 33.92-8.544 43.312-17.936 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c6.256 6.256 6.256 16.368 0 22.624-15.568 15.568-43.904 27.312-65.936 27.312h-80v48c0 5.648 0.896 11.744 2.16 17.968 10.24-10.688 25.136-17.968 45.84-17.968h128c4.24 0 8.304 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h185.376l43.312-43.312c3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688l43.312 43.312h185.376c4.24 0 8.32 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h128c20.704 0 35.6 7.28 45.84 17.968 1.264-6.224 2.16-12.32 2.16-17.968v-48h-80c-22.016 0-50.368-11.744-65.936-27.312-6.256-6.256-6.256-16.368 0-22.624 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c9.392 9.392 30.032 17.936 43.312 17.936h32v-16c0-17.648-14.352-32-32-32h-48c-8.832 0-16-7.168-16-16s7.168-16 16-16h48c35.296 0 64 28.704 64 64v16h16v-80c0-26.464-21.536-48-48-48zM777.376 208h-538.752l14.064 14.064c9.392 9.392 30.032 17.936 43.312 17.936h424c13.28 0 33.92-8.544 43.312-17.936zM184.96 608h654.080c15.504-20.496 33.216-39.888 48.944-52.48l19.248-15.392-113.168-45.264c-0.016 0-0.016-0.016-0.032-0.016-1.936-0.784-3.76-1.952-5.328-3.52l-43.328-43.328h-185.376c-4.24 0-8.32-1.68-11.312-4.688l-36.688-36.688-36.688 36.688c-2.992 3.008-7.072 4.688-11.312 4.688h-185.376l-43.312 43.312c-1.568 1.568-3.392 2.736-5.328 3.52-0.016 0-0.016 0.016-0.032 0.016l-113.168 45.264 19.248 15.392c15.712 12.608 33.424 32 48.928 52.496zM975.056 473.296c-3.216-16.72-13.584-25.296-31.056-25.296h-121.376l-16 16 2.368 2.368 126.96 50.784 12.064-9.664c10.144-8.112 19.504-20.448 27.040-34.192zM896 640h48v-18.88l-48-9.6zM217.040 659.648l27.024 59.456c12.064 26.512 46.832 48.896 75.936 48.896h384c29.104 0 63.872-22.384 75.92-48.88l27.040-59.472c2.816-6.176 6.48-12.848 10.496-19.648h-610.912c4.016 6.8 7.696 13.472 10.496 19.648zM80 640h48v-28.48l-48 9.6zM75.968 507.488l12.064 9.664 126.976-50.784 2.368-2.368-16-16h-121.376c-17.472 0-27.84 8.576-31.056 25.296 7.536 13.744 16.88 26.080 27.024 34.192zM176 128h-128c-8.816 0-16 7.184-16 16v48.4c13.408-10.144 29.92-16.4 48-16.4h112v-32c0-8.816-7.184-16-16-16zM976 128h-128c-8.816 0-16 7.184-16 16v32h112c18.080 0 34.592 6.256 48 16.4v-48.4c0-8.816-7.184-16-16-16z" >
+<glyph unicode="&#xe944;" glyph-name="cog" d="M787.203 835.077c-61.687 0-111.866-50.187-111.866-111.874 0-61.674 50.179-111.861 111.866-111.861s111.866 50.187 111.866 111.861c0 61.687-50.179 111.874-111.866 111.874zM787.203 636.941c-47.569 0-86.269 38.7-86.269 86.261 0 47.574 38.7 86.274 86.269 86.274 47.567 0 86.266-38.7 86.266-86.274 0-47.562-38.7-86.261-86.266-86.261zM1012.543 687.616c-18.237 1.925-31.987 17.225-31.987 35.587s13.75 33.662 31.987 35.587c3.612 0.375 6.887 2.275 9.020 5.212 2.13 2.937 2.912 6.65 2.15 10.2-6.125 28.55-17.312 55.512-33.242 80.162-1.97 3.050-5.142 5.112-8.73 5.687-3.557 0.587-7.245-0.387-10.070-2.687-14.232-11.512-34.77-10.425-47.742 2.562-12.975 12.975-14.075 33.5-2.562 47.737 2.28 2.825 3.255 6.487 2.682 10.062-0.57 3.587-2.637 6.762-5.682 8.737-24.612 15.925-51.582 27.112-80.162 33.25-3.562 0.762-7.262-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-1.92-18.237-17.212-31.987-35.58-31.987-18.362 0-33.657 13.75-35.575 31.987-0.38 3.612-2.28 6.9-5.217 9.025-2.942 2.137-6.657 2.887-10.2 2.15-28.58-6.137-55.549-17.325-80.162-33.25-3.050-1.975-5.117-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 11.512-14.237 10.412-34.762-2.555-47.737-12.975-12.987-33.5-14.075-47.744-2.562-2.82 2.3-6.445 3.3-10.067 2.687-3.587-0.575-6.757-2.637-8.732-5.687-15.925-24.637-27.112-51.599-33.242-80.162-0.762-3.55 0.020-7.262 2.15-10.2s5.405-4.837 9.017-5.212c18.237-1.925 31.987-17.225 31.987-35.587s-13.75-33.662-31.987-35.587c-3.612-0.375-6.887-2.275-9.017-5.212-2.132-2.937-2.912-6.65-2.15-10.2 6.132-28.562 17.317-55.537 33.25-80.149 1.97-3.050 5.137-5.112 8.725-5.687 3.542-0.612 7.23 0.387 10.062 2.687 14.237 11.475 34.77 10.4 47.749-2.575 12.975-12.975 14.075-33.487 2.555-47.737-2.28-2.825-3.255-6.487-2.682-10.075 0.57-3.575 2.637-6.75 5.687-8.725 24.642-15.925 51.612-27.112 80.162-33.25 3.517-0.737 7.25 0.025 10.2 2.15 2.937 2.125 4.837 5.412 5.217 9.025 1.92 18.237 17.212 31.987 35.575 31.987 18.367 0 33.662-13.75 35.58-31.987 0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.895 0 1.8 0.1 2.687 0.287 28.55 6.137 55.519 17.325 80.157 33.25 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.682 10.075-11.517 14.237-10.417 34.762 2.562 47.737 12.987 12.975 33.512 14.062 47.749 2.562 2.825-2.275 6.505-3.287 10.067-2.675 3.582 0.575 6.75 2.637 8.725 5.687 15.93 24.625 27.112 51.599 33.242 80.149 0.762 3.55-0.020 7.262-2.15 10.2-2.132 2.937-5.407 4.837-9.020 5.212zM975.488 616.692c-22.982 10.937-50.932 6.662-69.662-12.112-18.757-18.737-23.042-46.687-12.112-69.662-15.387-8.725-31.68-15.5-48.674-20.2-8.5 23.987-31.3 40.737-57.837 40.737-26.532 0-49.332-16.75-57.837-40.737-16.987 4.7-33.282 11.462-48.674 20.212 10.937 22.962 6.65 50.912-12.105 69.649-18.75 18.762-46.699 23.037-69.662 12.112-8.737 15.375-15.5 31.675-20.2 48.674 23.987 8.5 40.73 31.3 40.73 57.837s-16.745 49.337-40.73 57.837c4.7 17 11.462 33.287 20.2 48.674 22.942-10.925 50.899-6.637 69.662 12.112 18.75 18.75 23.037 46.699 12.105 69.662 15.375 8.725 31.675 15.487 48.674 20.2 8.5-23.987 31.305-40.737 57.837-40.737 26.537 0 49.337 16.75 57.842 40.737 17-4.712 33.295-11.475 48.669-20.2-10.925-22.962-6.637-50.912 12.112-69.662 18.742-18.762 46.699-23.050 69.662-12.112 8.737-15.387 15.5-31.687 20.2-48.674-23.987-8.5-40.73-31.3-40.73-57.837s16.745-49.337 40.73-57.837c-4.7-16.987-11.462-33.287-20.2-48.674zM340.633 434.431c-87.004 0-157.791-70.787-157.791-157.798s70.787-157.798 157.791-157.798 157.791 70.787 157.791 157.798-70.787 157.798-157.791 157.798zM340.633 144.435c-72.894 0-132.193 59.299-132.193 132.198s59.299 132.198 132.193 132.198c72.892 0 132.193-59.299 132.193-132.198-0.002-72.899-59.302-132.198-132.193-132.198zM669.804 218.659c-29.712 3.137-52.117 28.050-52.117 57.974s22.405 54.837 52.117 57.974c3.612 0.375 6.895 2.275 9.025 5.212 2.132 2.937 2.912 6.65 2.15 10.2-8.812 41.062-24.905 79.874-47.837 115.349-1.97 3.050-5.142 5.112-8.732 5.687-3.555 0.587-7.237-0.387-10.067-2.687-23.217-18.762-56.667-16.962-77.804 4.162-21.137 21.15-22.93 54.599-4.162 77.812 2.28 2.825 3.255 6.487 2.68 10.075-0.567 3.575-2.637 6.75-5.687 8.725-35.455 22.925-74.269 39.025-115.344 47.837-3.595 0.75-7.267-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-3.125-29.712-28.050-52.124-57.974-52.124s-54.849 22.412-57.974 52.124c-0.382 3.612-2.282 6.9-5.22 9.025-2.942 2.125-6.607 2.875-10.2 2.15-41.079-8.812-79.887-24.912-115.336-47.837-3.050-1.975-5.12-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 18.762-23.212 16.967-56.674-4.167-77.812-21.145-21.125-54.612-22.9-77.804-4.162-2.825 2.3-6.525 3.275-10.070 2.687-3.587-0.575-6.762-2.637-8.73-5.687-22.93-35.475-39.025-74.287-47.837-115.349-0.762-3.55 0.020-7.262 2.15-10.2 2.132-2.937 5.412-4.837 9.025-5.212 29.712-3.137 52.124-28.050 52.124-57.974s-22.412-54.837-52.124-57.974c-3.612-0.375-6.892-2.275-9.025-5.212-2.13-2.937-2.912-6.65-2.15-10.2 8.812-41.062 24.907-79.874 47.837-115.349 1.967-3.050 5.142-5.112 8.73-5.687 3.542-0.612 7.245 0.387 10.070 2.687 23.205 18.787 56.662 16.975 77.804-4.162 21.137-21.137 22.93-54.599 4.167-77.812-2.282-2.825-3.255-6.487-2.682-10.075 0.567-3.575 2.637-6.75 5.687-8.725 35.45-22.925 74.254-39.025 115.336-47.837 3.57-0.725 7.262 0.012 10.2 2.15 2.937 2.125 4.837 5.412 5.22 9.025 3.125 29.712 28.050 52.124 57.974 52.124s54.849-22.412 57.974-52.124c0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.892 0 1.795 0.1 2.687 0.287 41.074 8.812 79.887 24.912 115.344 47.837 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.68 10.075-18.77 23.212-16.975 56.662 4.162 77.812 21.137 21.137 54.599 22.925 77.804 4.162 2.832-2.3 6.512-3.3 10.067-2.687 3.587 0.575 6.762 2.637 8.732 5.687 22.932 35.475 39.025 74.287 47.837 115.349 0.762 3.55-0.017 7.262-2.15 10.2s-5.412 4.837-9.025 5.212zM618.497 112.885c-32.217 17.987-73.099 12.9-100.061-14.050-26.962-26.962-32.045-67.849-14.050-100.074-26.037-15.387-53.874-26.937-83.044-34.45-10.037 35.537-42.549 60.874-80.712 60.874s-70.674-25.337-80.712-60.874c-29.167 7.512-57.004 19.062-83.036 34.45 17.995 32.225 12.9 73.112-14.055 100.074-26.962 26.95-67.849 32.037-100.061 14.050-15.4 26.037-26.95 53.887-34.455 83.036 35.537 10.050 60.874 42.549 60.874 80.712s-25.337 70.662-60.874 80.712c7.507 29.15 19.055 56.999 34.455 83.036 32.22-18 73.112-12.912 100.061 14.050 26.962 26.962 32.050 67.849 14.055 100.074 26.030 15.387 53.867 26.937 83.036 34.45 10.037-35.537 42.549-60.874 80.712-60.874s70.674 25.337 80.712 60.874c29.167-7.512 57.004-19.062 83.044-34.45-17.995-32.225-12.907-73.112 14.050-100.074 26.975-26.962 67.854-32.050 100.061-14.050 15.4-26.037 26.95-53.887 34.457-83.036-35.537-10.050-60.869-42.549-60.869-80.712s25.332-70.662 60.869-80.712c-7.507-29.15-19.057-56.999-34.457-83.036z" >
+<glyph unicode="&#xe945;" glyph-name="car-3" d="M512 960c-282.769 0-512-229.231-512-512s229.231-512 512-512 512 229.231 512 512c-0.32 282.637-229.363 511.68-512 512zM971.366 316.689l-32.068 10.428-10.564-32.427 32.205-10.462c-13.321-36.333-31.006-70.914-52.668-102.98l-27.307 19.797-20.070-27.614 27.102-19.695c-23.851-30.443-51.275-57.905-81.681-81.801l-19.695 27.102-27.614-20.070 19.797-27.307c-32.064-21.638-66.639-39.3-102.963-52.599l-10.462 32.205-32.427-10.564 10.428-32.068c-37.225-10.658-75.614-16.727-114.313-18.074v33.707h-34.133v-33.707c-38.675 1.35-77.041 7.42-114.244 18.074l10.428 32.068-32.427 10.564-10.53-32.205c-36.333 13.321-70.914 31.006-102.98 52.668l19.797 27.307-27.614 20.070-19.695-27.102c-30.428 23.874-57.875 51.322-81.749 81.749l27.102 19.695-20.070 27.614-27.307-19.797c-21.598 32.049-39.226 66.598-52.497 102.895l32.205 10.462-10.564 32.427-32.068-10.428c-10.688 37.222-16.785 75.612-18.159 114.313h33.707v34.133h-33.707c1.35 38.675 7.42 77.041 18.074 114.244l32.068-10.428 10.564 32.427-32.119 10.53c13.321 36.333 31.006 70.914 52.668 102.98l27.307-19.797 20.070 27.614-27.255 19.678c23.874 30.428 51.322 57.875 81.749 81.749l19.695-27.102 27.614 20.070-19.797 27.307c32.068 21.609 66.643 39.243 102.963 52.514l10.462-32.205 32.427 10.564-10.428 32.068c37.222 10.688 75.612 16.785 114.313 18.159v-33.707h34.133v33.707c38.675-1.35 77.041-7.42 114.244-18.074l-10.428-32.068 32.427-10.564 10.53 32.119c36.333-13.321 70.914-31.006 102.98-52.668l-19.797-27.307 27.614-20.070 19.695 27.102c30.428-23.874 57.875-51.322 81.749-81.749l-27.102-19.695 20.070-27.614 27.307 19.797c21.621-32.017 39.277-66.539 52.582-102.81l-32.205-10.462 10.564-32.427 32.068 10.428c10.658-37.225 16.727-75.614 18.074-114.313h-33.707v-34.133h33.707c-1.35-38.675-7.42-77.041-18.074-114.244zM512 823.467c-207.364 0-375.467-168.102-375.467-375.467s168.102-375.467 375.467-375.467 375.467 168.102 375.467 375.467c-0.235 207.266-168.201 375.232-375.467 375.467zM512 106.667c-188.514 0-341.333 152.819-341.333 341.333s152.819 341.333 341.333 341.333 341.333-152.819 341.333-341.333c-0.215-188.422-152.909-341.118-341.333-341.333zM512 738.133c-160.237 0-290.133-129.897-290.133-290.133s129.897-290.133 290.133-290.133 290.133 129.897 290.133 290.133c-0.179 160.162-129.971 289.954-290.133 290.133zM731.46 579.123c19.842-32.939 31.94-69.954 35.379-108.254l-106.889 8.636c-9.393 0.789-16.367 9.045-15.575 18.436 0.375 4.452 2.481 8.58 5.865 11.499l81.22 69.683zM568.986 697.378l-41.233-98.987c-3.627-8.7-13.619-12.813-22.319-9.186-4.154 1.732-7.454 5.033-9.186 9.186l-41.233 98.987c37.478 8.83 76.493 8.83 113.971 0zM292.54 579.127l81.22-69.687c7.157-6.133 7.985-16.909 1.852-24.064-2.929-3.418-7.091-5.54-11.58-5.905l-106.889-8.636c3.439 38.315 15.543 75.345 35.396 108.292zM436.258 317.030l-24.781-104.414c-35.309 15.243-66.748 38.208-92.006 67.209h-0.051l91.341 55.723c8.045 4.913 18.547 2.374 23.46-5.67 2.349-3.846 3.081-8.463 2.037-12.847zM612.523 212.617h-0.051l-24.832 104.414c-2.182 9.169 3.482 18.372 12.651 20.555 4.384 1.043 9.001 0.311 12.847-2.037l91.341-55.723c-25.244-28.994-56.666-51.959-91.955-67.209zM630.955 364.698c-24.139 14.729-55.646 7.102-70.374-17.037-7.038-11.535-9.233-25.387-6.101-38.532l25.6-107.657c-44.518-12.629-91.674-12.629-136.192 0h-0.034l25.6 107.657c6.541 27.509-10.458 55.115-37.969 61.655-13.139 3.123-26.978 0.93-38.507-6.103l-94.447-57.651c-25.502 38.569-40.004 83.358-41.95 129.553l110.217 8.909c28.181 2.31 49.154 27.031 46.844 55.213-1.103 13.438-7.46 25.899-17.694 34.677l-83.968 72.021c28.853 36.1 66.912 63.746 110.165 80.026l42.53-102.11c10.869-26.103 40.843-38.455 66.948-27.584 12.476 5.195 22.389 15.11 27.584 27.584l42.547 102.11c43.249-16.284 81.308-43.93 110.165-80.026l-83.866-72.021c-21.461-18.413-23.932-50.737-5.519-72.196 8.789-10.244 21.267-16.602 34.72-17.694l110.217-8.909c-1.946-46.195-16.448-90.985-41.95-129.553l-94.566 57.668zM512 516.267c-37.702 0-68.267-30.564-68.267-68.267s30.564-68.267 68.267-68.267c37.702 0 68.267 30.564 68.267 68.267s-30.564 68.267-68.267 68.267zM512 413.867c-18.852 0-34.133 15.281-34.133 34.133s15.281 34.133 34.133 34.133 34.133-15.281 34.133-34.133-15.281-34.133-34.133-34.133z" >
+<glyph unicode="&#xe946;" glyph-name="tyre" d="M992 448c0 265.097-214.903 480-480 480s-480-214.903-480-480v0c0-0.148 0-0.323 0-0.498 0-58.983 10.737-115.458 30.362-167.578l-1.082 3.276c-18.133-19.738-29.256-46.168-29.28-75.195v-128.005c0.073-61.827 50.174-111.927 111.993-112h736.007c61.827 0.073 111.927 50.174 112 111.993v128.007c-0.024 29.032-11.147 55.462-29.353 75.281l0.073-0.081c18.543 48.843 29.28 105.318 29.28 164.302 0 0.175 0 0.35 0 0.525v-0.027zM880 0h-736c-44.031 0.099-79.719 35.675-80 79.653v0.027l58.72-44.48c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 60.64-45.92c-13.005-27.381-40.399-45.993-72.149-46.080h-0.011zM960 80.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-68.32 51.84v71.84l58.72-44.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 68.48-52zM960 192.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-64.96 49.28c9.613 33.936 40.248 58.408 76.622 58.56h736.018c44.183 0 80-35.817 80-80v0zM387.2 483.36h0.96c0.018 0 0.039 0 0.060 0 6.606 0 12.265 4.057 14.622 9.815l0.038 0.105c0.796 1.836 1.259 3.975 1.259 6.221 0 4.696-2.023 8.92-5.246 11.847l-0.013 0.012-95.2 84.96c16.838 23.265 36.678 43.054 59.233 59.314l0.767 0.526 84.96-95.040c3.008-3.217 7.264-5.235 11.992-5.28h0.008c8.874 0.136 16.015 7.361 16.015 16.254 0 0.248-0.006 0.495-0.017 0.741l0.001-0.035-7.040 127.52c4 0.64 8.16 1.44 12.32 1.92 9.030 1.146 19.479 1.8 30.080 1.8s21.050-0.654 31.307-1.924l-1.227 0.124c4.16-0.48 8.32-1.28 12.32-1.92l-7.040-127.52c-0.010-0.211-0.015-0.458-0.015-0.706 0-8.893 7.142-16.119 16.003-16.254h0.013c4.736 0.045 8.991 2.063 11.991 5.271l0.009 0.009 84.96 95.040c23.322-16.786 43.162-36.576 59.479-59.086l0.521-0.754-95.2-84.96c-3.236-2.939-5.259-7.163-5.259-11.859 0-2.247 0.463-4.385 1.299-6.325l-0.040 0.104c2.395-5.864 8.053-9.92 14.66-9.92 0.021 0 0.042 0 0.064 0h0.957l127.36 7.040c2.382-12.714 3.776-27.373 3.84-42.345v-0.055c-0.021-14.996-1.359-29.664-3.904-43.914l0.224 1.514-127.52 7.040c-0.234 0.012-0.508 0.019-0.784 0.019-8.907 0-16.128-7.221-16.128-16.128 0-4.701 2.011-8.933 5.221-11.88l0.012-0.011 72.32-64.64h-108.8l-13.44 14.88c-2.939 3.242-7.167 5.269-11.868 5.269-8.837 0-16-7.163-16-16 0-0.334 0.010-0.666 0.030-0.995l-0.002 0.045 0.16-3.2h-71.040l0.16 3.2c0.018 0.284 0.028 0.615 0.028 0.949 0 8.837-7.163 16-16 16-4.701 0-8.929-2.028-11.856-5.256l-0.012-0.013-13.44-14.88h-108.8l72.32 64.64c3.236 2.939 5.259 7.163 5.259 11.859 0 2.247-0.463 4.385-1.299 6.325l0.040-0.104c-2.522 5.887-8.266 9.936-14.956 9.936-0.255 0-0.508-0.006-0.76-0.017l0.036 0.001-127.52-7.040c-2.321 12.736-3.659 27.404-3.68 42.381v0.019c0.064 15.028 1.458 29.686 4.071 43.918l-0.231-1.518zM267.2 522.080c4.008 13.183 8.246 24.162 13.163 34.761l-0.683-1.641c2.080 4.64 4.48 9.12 6.88 13.6l56.96-50.88zM391.2 673.44c13.259 7.261 28.733 13.833 44.884 18.867l1.836 0.493 4.16-76.32zM581.92 616.48l4.16 76.32c17.987-5.527 33.461-12.099 48.085-20.038l-1.365 0.678zM737.44 568.8c2.4-4.48 4.8-8.96 6.88-13.6 4.234-8.958 8.472-19.936 11.977-31.237l0.503-1.883-76.32-4.16zM756.96 373.92c-5.49-17.945-12.119-33.42-20.169-48.001l0.649 1.281-56.96 50.88zM286.56 327.2c-7.401 13.3-14.030 28.775-19.049 44.958l-0.471 1.762 76.48 4.16zM936.48 304.64c-16.181 9.604-35.659 15.303-56.464 15.36h-110.256c18.999 37.302 30.162 81.338 30.24 127.975v0.025c0 0.103 0 0.226 0 0.349 0 19.698-2.039 38.921-5.918 57.467l0.318-1.816c-4.763 24.387-12.015 46.029-21.673 66.304l0.713-1.664c-42.282 89.186-126.281 152.531-226.091 165.133l-1.429 0.147c-10.183 1.299-21.965 2.040-33.92 2.040s-23.736-0.741-35.301-2.18l1.381 0.14c-101.239-12.75-185.239-76.095-226.769-163.523l-0.751-1.757c-8.919-18.558-16.168-40.142-20.667-62.719l-0.293-1.761c-3.561-16.814-5.6-36.134-5.6-55.93 0-0.081 0-0.162 0-0.243v0.013c0.078-46.662 11.241-90.699 30.995-129.641l-0.755 1.641h-110.24c-20.821-0.057-40.3-5.756-57.002-15.646l0.522 0.286c-14.909 42.729-23.52 91.984-23.52 143.251 0 247.424 200.576 448 448 448 247.385 0 447.938-200.514 448-447.885v-0.005c0-0.173 0-0.377 0-0.582 0-51.103-8.612-100.196-24.464-145.904l0.943 3.126zM512 368c44.183 0 80 35.817 80 80s-35.817 80-80 80c-44.183 0-80-35.817-80-80v0c0.055-44.161 35.839-79.945 79.995-80h0.005zM512 496c26.51 0 48-21.49 48-48s-21.49-48-48-48c-26.51 0-48 21.49-48 48v0c0 26.51 21.49 48 48 48v0z" >
+<glyph unicode="&#xe947;" glyph-name="wheel-1" d="M170.592 210.88c3.2-4.8 6.4-9.6 9.92-13.968 14.006-18.371 29.905-34.26 47.681-47.812l0.607-0.444c4.592-3.584 9.36-6.816 14.208-10.112 25.838-17.511 56.231-30.575 88.942-37.275l1.618-0.277c5.488-0.992 10.976-1.984 16.288-2.608 10.246-1.502 22.086-2.368 34.126-2.384h0.018c11.953 0.006 23.7 0.861 35.192 2.507l-1.32-0.155c5.488 0.64 10.864 1.6 16.832 2.688h0.48c34.102 7.015 64.278 20.050 90.812 38.049l-0.876-0.561c4.8 3.2 9.6 6.4 13.968 9.92 18.377 14.018 34.267 29.939 47.81 47.741l0.446 0.611c3.584 4.608 6.848 9.376 10.064 14.144 17.553 25.925 30.636 56.423 37.325 89.246l0.275 1.618c0.992 5.376 1.952 10.768 2.56 16 1.502 10.225 2.36 22.028 2.36 34.032s-0.858 23.807-2.515 35.352l0.156-1.32c-0.656 5.536-1.6 10.928-2.704 16.976v0.336c-7.032 34.1-20.058 64.273-38.036 90.819l0.564-0.883c-3.2 4.8-6.48 9.6-9.92 13.968-14.002 18.371-29.895 34.259-47.666 47.812l-0.606 0.444c-4.592 3.584-9.36 6.816-14.208 10.112-25.838 17.511-56.231 30.575-88.942 37.275l-1.618 0.277c-5.488 0.992-10.976 1.984-16.288 2.608-10.227 1.493-22.034 2.346-34.040 2.346s-23.813-0.853-35.364-2.501l1.324 0.155c-5.488-0.64-10.864-1.6-16.832-2.688h-0.48c-34.102-7.015-64.278-20.050-90.812-38.049l0.876 0.561c-4.8-3.2-9.6-6.4-13.968-9.92-18.35-14.012-34.219-29.921-47.746-47.708l-0.446-0.612c-3.584-4.608-6.848-9.376-10.064-14.144-17.553-25.925-30.636-56.423-37.325-89.246l-0.275-1.618c-0.992-5.376-1.936-10.768-2.56-16-1.502-10.225-2.36-22.028-2.36-34.032s0.858-23.807 2.515-35.352l-0.156 1.32c0.672-5.536 1.6-10.928 2.704-16.976v-0.336c7.027-34.099 20.048-64.272 38.020-90.819l-0.564 0.883zM169.36 288h60.128l-42.48-42.4c-6.766 12.095-12.763 26.147-17.244 40.859l-0.404 1.541zM320 137.344c-16.258 4.88-30.309 10.861-43.524 18.17l1.124-0.57 42.4 42.528zM448 137.344v60.128l42.4-42.464c-12.092-6.761-26.142-12.763-40.851-17.257l-1.549-0.407zM580.992 245.6l-42.48 42.4h60.144c-4.897-16.256-10.899-30.307-18.233-43.516l0.569 1.116zM598.64 416h-60.128l42.48 42.4c6.766-12.095 12.763-26.147 17.244-40.859l0.404-1.541zM448 566.656c16.258-4.88 30.309-10.861 43.524-18.17l-1.124 0.57-42.4-42.528zM320 566.656v-60.128l-42.384 42.464c12.092 6.774 26.138 12.777 40.846 17.261l1.538 0.403zM248.384 530.096c0.56 0.416 1.136 0.768 1.68 1.184l74.608-74.736c2.897-2.904 6.903-4.701 11.328-4.701 8.835 0 15.998 7.162 16 15.996v0 105.712c0.768 0.112 1.424 0.256 2.208 0.352 8.942 1.322 19.272 2.084 29.779 2.096h0.013c2.208 0 4.448-0.16 6.672-0.24 8.535-0.236 16.651-0.915 24.63-2.019l-1.158 0.131c0.64-0.080 1.232-0.224 1.872-0.304v-105.728c0.002-8.835 7.165-15.997 16-15.997 4.425 0 8.431 1.797 11.328 4.7v0l74.576 74.656c0.624-0.464 1.248-0.832 1.856-1.312 16.112-12.283 30.047-26.227 41.93-41.819l0.39-0.533c0.432-0.544 0.784-1.136 1.2-1.68l-74.752-74.608c-2.857-2.889-4.621-6.862-4.621-11.248 0-8.807 7.116-15.953 15.913-16h105.732c0.112-0.752 0.256-1.408 0.352-2.192 1.339-9.004 2.104-19.397 2.104-29.968s-0.765-20.964-2.242-31.125l0.138 1.157c0-0.624-0.208-1.248-0.288-1.872h-105.792c-8.835-0.002-15.997-7.165-15.997-16 0-4.425 1.797-8.431 4.7-11.328v0l74.736-74.608c-0.464-0.608-0.848-1.232-1.328-1.856-12.277-16.107-26.217-30.036-41.803-41.914l-0.533-0.39c-0.56-0.416-1.136-0.768-1.6-1.184l-74.608 74.736c-2.905 2.952-6.943 4.782-11.408 4.782-8.837 0-16-7.163-16-16 0-0.027 0-0.055 0-0.082v0.004-105.712c-0.768-0.112-1.424-0.256-2.208-0.352-9.002-1.344-19.391-2.112-29.96-2.112s-20.958 0.768-31.116 2.251l1.156-0.138c-0.64 0-1.232 0.224-1.872 0.304v105.76c-0.002 8.835-7.165 15.997-16 15.997-4.425 0-8.431-1.797-11.328-4.7l-74.592-74.736c-0.624 0.464-1.248 0.832-1.856 1.312-16.112 12.283-30.047 26.227-41.93 41.819l-0.39 0.533c-0.432 0.544-0.784 1.136-1.2 1.6l74.752 74.608c2.952 2.905 4.782 6.943 4.782 11.408 0 8.837-7.163 16-16 16-0.027 0-0.055 0-0.082 0h-105.724c-0.112 0.752-0.256 1.408-0.352 2.192-1.339 9.004-2.104 19.397-2.104 29.968s0.765 20.964 2.242 31.125l-0.138-1.157c0 0.624 0.208 1.248 0.288 1.872h105.792c8.835 0.002 15.997 7.165 15.997 16 0 4.425-1.797 8.431-4.7 11.328v0l-74.656 74.608c0.464 0.608 0.848 1.232 1.328 1.856 12.256 16.105 26.169 30.034 41.728 41.917l0.528 0.387zM187.008 458.4l42.48-42.4h-60.144c4.897 16.256 10.899 30.307 18.233 43.516l-0.569-1.116zM384 304c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0-26.51 21.49-48 48-48v0zM384 368c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0 8.837 7.163 16 16 16v0zM368 448h32v-32h-32zM368 288h32v-32h-32zM448 368h32v-32h-32zM288 368h32v-32h-32zM384 0c4.8 0 9.424 0.176 13.968 0.416 0.567-0.168 1.255-0.314 1.959-0.408l0.073-0.008h256v32h-125.264c4.688 2.16 9.28 4.512 13.856 6.864 1.248 0.64 2.528 1.216 3.76 1.856 7.792 4.112 15.376 8.576 22.816 13.248 1.984 1.232 3.92 2.544 5.872 3.824q8.816 5.776 17.232 12.064c1.76 1.312 3.552 2.576 5.28 3.92 2.864 2.224 5.648 4.528 8.448 6.832v-0.608h352c0-26.51-21.49-48-48-48v0h-160v-32h160c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-0.421c10.187 13.14 16.353 29.844 16.416 47.985v160.015c-0.063 18.156-6.229 34.86-16.551 48.181l0.135-0.181h0.416c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-464.005c-44.161-0.055-79.945-35.839-80-79.995v-112.405c-187.057-9.192-335.241-163.091-335.241-351.601 0-194.137 157.163-351.567 351.199-351.999h0.042zM475.472 691.68c-6.144 1.6-12.288 3.2-18.528 4.576-4.592 0.976-9.248 1.712-13.904 2.496-6.128 1.040-12.272 1.984-18.496 2.704-4.8 0.544-9.6 0.928-14.4 1.296-3.376 0.24-6.688 0.736-10.064 0.896v16.352h559.92v-32l-471.472 0.112c-4.304 1.344-8.688 2.4-13.056 3.568zM729.68 418.080c-0.784 4.128-1.76 8.192-2.688 12.272-0.112 0.544-0.224 1.088-0.352 1.6h169.36v-32h-163.536c-0.816 6.112-1.664 12.176-2.784 18.16zM717.664 464c-1.952 5.856-4.096 11.616-6.4 17.344-1.6 4.016-3.2 8-4.8 11.952-0.4 0.88-0.72 1.808-1.12 2.704h190.656v-32zM692.208 182.016c0.8 1.456 1.68 2.848 2.464 4.32q5.632 10.608 10.576 21.664h254.752v-32h-271.216c1.152 2 2.32 4 3.424 6.016zM641.6 112c0.88 0.944 1.696 1.968 2.576 2.928 5.84 6.4 11.52 12.96 16.896 19.792 0.672 0.864 1.28 1.776 1.952 2.64 1.6 2.176 3.2 4.416 4.912 6.64h292.064v-32zM960 240h-242.272c0.368 1.072 0.672 2.16 1.024 3.2q4.128 12.8 7.28 25.856c0.48 2 0.864 4.048 1.296 6.064 0.96 4.272 1.968 8.512 2.768 12.8h181.904c0 0 0 0 0 0 26.482 0 47.954-21.445 48-47.916v-0.004zM734.544 320c0.080 0.912 0 1.888 0.128 2.8 0.816 9.6 1.328 19.296 1.328 29.2 0 5.376-0.448 10.672-0.688 16h160.688c0-26.51-21.49-48-48-48v0zM896 528h-207.040c-2.976 5.12-6.272 10.080-9.52 15.072-1.6 2.448-3.008 4.992-4.672 7.408-6 8.736-12.384 17.28-19.2 25.52h192.432c26.51 0 48-21.49 48-48v0zM912 608h-286.496c-4.336 4.096-8.928 7.776-13.424 11.616-3.024 2.592-5.936 5.328-9.024 7.808-6.848 5.456-13.936 10.512-21.12 15.424-1.824 1.248-3.552 2.672-5.392 3.888-5.056 3.312-10.352 6.224-15.568 9.264h399.024c0-26.51-21.49-48-48-48v0zM448 864h464c26.51 0 48-21.49 48-48v0h-207.744v-32h207.744v-32h-560v32h320v32h-320c0 26.51 21.49 48 48 48v0zM384 672q15.792 0 31.36-1.504c23.985-2.425 45.916-7.109 66.893-13.912l-2.253 0.632v-1.216h3.44c129.114-43.093 220.541-162.867 220.56-303.998v-0.002c0.001-0.21 0.001-0.458 0.001-0.706 0-15.894-1.222-31.502-3.577-46.737l0.216 1.699q-2.016-14.208-5.248-27.968c-33.265-137.386-152.044-238.975-295.645-245.813l-0.723-0.027c-4.96-0.304-9.92-0.448-15.024-0.448-176.731 0-320 143.269-320 320s143.269 320 320 320v0zM688 32h32v-32h-32z" >
+<glyph unicode="&#xe948;" glyph-name="tire" d="M771.712 46.532l-23.646 35.469-28.401-18.933 22.716-34.074c-64.271-35.277-136.934-55.601-213.316-58.266v33.538h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.115 63.622-56.068 136.055-58.79 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.54c76.38-2.665 149.045-22.989 213.316-58.266l-22.716-34.074 28.401-18.933 23.646 35.469c70.724-45.766 129.457-110.327 168.73-189.577l30.583 15.151c-87.102 175.763-262.985 284.956-459.027 284.956-282.317 0-512-229.683-512-512s229.683-512 512-512c196.043 0 371.925 109.193 459.025 284.958l-30.583 15.151c-39.273-79.251-98.003-143.812-168.73-189.577zM1006.933 567.467h-151.601c-42.724 73.958-121.024 119.467-206.801 119.467-89.267 0-170.443-49.291-211.842-128.642-2.758-5.291-2.558-11.633 0.542-16.742 3.091-5.101 8.625-8.218 14.592-8.218h172.576l85.333-85.333-85.333-85.333h-172.576c-5.967 0-11.501-3.117-14.592-8.218-3.1-5.109-3.3-11.45-0.542-16.742 41.402-79.347 122.577-128.638 211.844-128.638 85.775 0 164.075 45.508 206.801 119.467h151.599c9.425 0 17.067 7.642 17.067 17.067v204.8c0 9.425-7.642 17.067-17.067 17.067zM989.867 362.667h-144.625c-6.357 0-12.192-3.533-15.134-9.175-35.49-68.032-105.067-110.291-181.574-110.291-66.658 0-128.049 32.075-166.234 85.333h149.167c4.525 0 8.866 1.801 12.066 5.001l102.4 102.4c6.667 6.667 6.667 17.468 0 24.134l-102.4 102.4c-3.2 3.2-7.541 5.001-12.066 5.001h-149.167c38.182 53.259 99.575 85.333 166.234 85.333 76.508 0 146.084-42.259 181.574-110.291 2.942-5.643 8.774-9.175 15.134-9.175h144.625v-170.669zM512 499.2c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 430.933c-9.408 0-17.067 7.659-17.067 17.067s7.659 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.659-17.067-17.067-17.067zM512 123.733c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.809 16.525-17.85 4.599-34.876 11.799-50.618 21.408-6.709 4.1-15.375 3.068-20.958-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.574 5.574 6.609 14.234 2.5 20.958-9.609 15.742-16.809 32.766-21.408 50.618-1.941 7.541-8.742 12.809-16.525 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.525 12.809 4.599 17.858 11.799 34.891 21.408 50.609 4.109 6.733 3.074 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.292-3.292 7.659-5.001 12.075-5.001 3.059 0 6.133 0.817 8.892 2.5 15.716 9.609 32.751 16.809 50.609 21.408 7.541 1.941 12.809 8.742 12.809 16.525v124.346c11.223 1.18 22.603 1.835 34.133 1.835 70.816 0 138.091-22.417 194.549-64.826l20.499 27.3c-62.417 46.876-136.783 71.659-215.051 71.659-197.626 0-358.4-160.774-358.4-358.4s160.774-358.4 358.4-358.4c78.268 0 152.634 24.783 215.051 71.659l-20.499 27.3c-56.461-42.409-123.735-64.826-194.551-64.826zM443.733 764.894v-105.995c-12.192-3.942-24-8.926-35.309-14.916l-74.637 74.63c32.966 21.783 70.089 37.7 109.946 46.281zM241.387 626.212l74.63-74.637c-5.993-11.309-10.976-23.117-14.916-35.309h-105.995c8.58 39.857 24.497 76.979 46.281 109.946zM241.387 269.788c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.942-12.183 8.926-23.991 14.916-35.309l-74.63-74.637zM443.733 131.106c-39.857 8.58-76.979 24.497-109.946 46.281l74.637 74.63c11.317-5.993 23.125-10.976 35.309-14.916v-105.995z" >
+<glyph unicode="&#xe949;" glyph-name="tire-1" d="M683.992 535.968c-142.582 0-259.986-116.014-259.986-259.986 0-145.196 118.8-259.986 259.986-259.986 141.205 0 259.986 114.806 259.986 259.986 0 143.824-117.264 259.986-259.986 259.986zM742.957 265.031c0.67 3.6 1.032 7.264 1.032 10.951s-0.362 7.352-1.032 10.951l140.717 81.248c13.317-28.786 20.307-60.289 20.307-92.199 0-31.912-6.99-63.415-20.307-92.199zM484.308 183.783c-13.317 28.786-20.307 60.289-20.307 92.199 0 31.912 6.99 63.415 20.307 92.199l140.717-81.248c-0.67-3.6-1.032-7.264-1.032-10.951 0-3.69 0.362-7.354 1.030-10.953zM683.992 255.983c-10.989 0-19.999 8.996-19.999 19.999 0 10.891 8.888 19.999 19.999 19.999 11.041 0 19.999-9.042 19.999-19.999 0-10.891-8.89-19.999-19.999-19.999zM863.618 402.789l-140.683-81.23c-5.594 4.772-12.019 8.484-18.945 10.945v162.519c63.833-5.898 122.432-39.758 159.628-92.235zM663.993 495.025v-162.517c-6.932-2.462-13.361-6.174-18.953-10.943l-140.677 81.226c37.198 52.479 95.795 86.337 159.63 92.235zM504.363 149.175l140.685 81.23c5.592-4.77 12.019-8.484 18.945-10.945v-162.519c-63.835 5.898-122.434 39.758-159.63 92.235zM703.991 56.94v162.517c6.932 2.462 13.361 6.174 18.953 10.943l140.677-81.226c-37.198-52.479-95.797-86.337-159.63-92.235zM927.979 47.994c0-11.045-8.954-19.999-19.999-19.999s-19.999 8.954-19.999 19.999c0 11.045 8.954 19.999 19.999 19.999s19.999-8.954 19.999-19.999zM742.513 610.928c3.090 101.067-35.022 199.211-106.158 271.748-0.1 0.102-0.202 0.204-0.302 0.302-63.847 62.367-156.008 83.622-240.529 55.463-6.576-2.192-11.547-7.632-13.141-14.377-1.592-6.746 0.42-13.835 5.324-18.737l40.614-40.614c12.045-12.051 16.271-28.976 11.301-45.272-4.966-16.285-17.903-27.965-34.606-31.242-19.501-3.83-39.578 5.774-48.825 23.345l-17.981 34.186c-26.199 49.769-70.112 86.669-123.653 103.903-53.547 17.233-110.742 12.875-161.052-12.277-7.236-3.618-11.579-11.235-11.007-19.303 0.574-8.068 5.95-14.997 13.623-17.555 11.533-3.846 44.69-27.807 74.47-61.071 31.026-34.656 47.090-66.624 42.974-85.523-5.728-26.287-62.331-36.252-151.396-26.679-6.786 0.748-13.445-2.036-17.713-7.34-4.272-5.3-5.552-12.411-3.398-18.871 22.683-68.036 70.42-113.734 138.057-132.147 14.751-4.012 26.667-14.027 32.688-27.477 5.682-12.687 5.356-26.589-0.912-39.136-6.812-13.623-19.343-22.835-34.384-25.277-15.051-2.444-29.862 2.338-40.648 13.125l-19.279 19.259c-5.722 5.714-14.321 7.424-21.791 4.324-7.472-3.096-12.341-10.385-12.341-18.473 0-88.603 36.884-154.354 112.764-201.011 56.831-34.914 122.378-53.301 190.66-53.695 17.781-171.603 162.685-304.504 338.122-304.504 56.311 0 112.106 14.057 161.351 40.652 9.717 5.248 13.341 17.381 8.094 27.101-5.248 9.715-17.379 13.339-27.101 8.094-43.426-23.453-92.647-35.848-142.344-35.848-166.417 0-299.984 134.271-299.984 299.984 0 165.411 134.573 299.984 299.984 299.984 165.865 0 299.984-134.189 299.984-299.984 0-51.543-13.283-102.375-38.412-146.992-5.42-9.625-2.012-21.819 7.612-27.239 9.621-5.42 21.819-2.012 27.239 7.612 28.496 50.597 43.56 108.212 43.56 166.621 0 166.163-119.734 306.95-281.461 334.942zM344.068 280.548c-60.227 0.716-117.922 17.017-167.913 47.727-49.195 30.248-78.168 68.632-88.911 118.698 16.717-9.234 36.082-12.655 55.667-9.478 27.887 4.528 51.123 21.611 63.757 46.878 11.557 23.137 12.153 49.877 1.636 73.364-10.941 24.433-32.334 42.556-58.693 49.723-44.614 12.147-77.554 38.034-98.265 77.122 62.143-3.842 148.048-0.006 161.295 60.807 9.030 41.446-23.433 88.521-52.255 120.714-16.479 18.407-35.126 35.648-52.309 48.855 75.468 18.089 157.236-16.623 194.732-87.855l17.981-34.184c17.415-33.094 55.223-51.181 91.925-43.968 30.982 6.078 55.953 28.616 65.163 58.823 9.214 30.214 1.064 62.869-21.275 85.218l-15.447 15.447c60.351 9.142 121.946-10.207 166.789-53.925 62.615-63.929 96.501-150.106 94.665-239.071-6.204 0.336-12.423 0.522-18.621 0.522-185.936 0-337.464-150.048-339.92-335.416z" >
+<glyph unicode="&#xe94a;" glyph-name="flat-tire" d="M512 465.067c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 396.8c-9.417 0-17.067 7.659-17.067 17.067s7.65 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.65-17.067-17.067-17.067zM897.85 77.517c81.517 93.325 126.15 211.859 126.15 336.35 0 282.317-229.683 512-512 512s-512-229.683-512-512c0-121.483 42.517-237.35 120.367-329.617-20.651-9.408-35.034-30.251-35.034-54.383 0-32.934 26.801-59.733 59.733-59.733h716.8c32.934 0 59.733 26.801 59.733 59.733 0 19.441-9.333 36.734-23.75 47.65zM861.867 4.267h-573.978l16.444 24.668-28.401 18.933-29.065-43.601h-101.801c-14.116 0-25.6 11.484-25.6 25.6s11.484 25.6 25.6 25.6h59.733v34.133h-43.46c-18.793 20.301-35.699 41.937-50.515 64.751l35.174 23.45-18.933 28.401-33.743-22.496c-35.851 64.979-56.122 137.658-58.784 213.094h50.795v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c56.567-36.719 104.885-85.037 141.604-141.604l-35.012-23.341 18.933-28.401 33.709 22.473c35.115-63.622 56.070-136.055 58.793-213.071h-50.767v-34.133h50.801c-2.66-75.465-22.893-148.156-58.743-213.129l-33.792 22.528-18.933-28.401 35.125-23.418c-14.801-22.788-31.533-44.499-50.302-64.783h-111.889v-34.133h110.933c1.551 0 3.068-0.218 4.533-0.491 0.45-0.075 0.9-0.141 1.333-0.183 11.3-2.667 19.733-12.826 19.733-24.926 0-14.114-11.484-25.598-25.6-25.598zM512 772.267c-197.617 0-358.4-160.774-358.4-358.4s160.783-358.4 358.4-358.4 358.4 160.774 358.4 358.4-160.783 358.4-358.4 358.4zM782.613 592.079c21.781-32.966 37.7-70.089 46.281-109.946h-105.995c-3.934 12.201-8.934 24.009-14.916 35.317l74.63 74.628zM580.267 730.761c39.857-8.58 76.979-24.499 109.946-46.281l-74.628-74.628c-11.317 5.984-23.134 10.976-35.317 14.916v105.993zM443.733 730.761v-106.001c-12.183-3.934-24-8.926-35.317-14.908l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281zM241.387 592.079l74.628-74.628c-5.984-11.309-10.982-23.117-14.916-35.317h-105.993c8.58 39.857 24.499 76.979 46.281 109.946zM241.387 235.654c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.934-12.192 8.934-24 14.916-35.317l-74.63-74.628zM443.733 96.973c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.628c11.317-5.984 23.134-10.976 35.317-14.908v-106.001zM580.267 96.973v106.001c12.183 3.934 24 8.926 35.317 14.908l74.628-74.628c-32.966-21.781-70.089-37.7-109.946-46.281zM782.613 235.654l-74.628 74.628c5.984 11.317 10.982 23.125 14.916 35.317h105.995c-8.582-39.857-24.501-76.979-46.283-109.946zM710.084 379.733c-7.782 0-14.583-5.267-16.533-12.809-4.599-17.867-11.799-34.899-21.399-50.609-4.1-6.724-3.083-15.392 2.5-20.966l87.541-87.541c-13.269-16.081-28.051-30.865-44.134-44.134l-87.541 87.541c-5.583 5.591-14.234 6.618-20.966 2.5-15.733-9.609-32.751-16.809-50.601-21.408-7.55-1.941-12.817-8.742-12.817-16.525v-124.35c-11.223-1.18-22.603-1.835-34.133-1.835s-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.525-17.85 4.599-34.867 11.799-50.601 21.408-6.75 4.117-15.401 3.091-20.966-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.574 6.601 14.242 2.5 20.966-9.6 15.708-16.8 32.742-21.399 50.609-1.95 7.541-8.751 12.809-16.533 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.809 4.599 17.884 11.799 34.908 21.399 50.609 4.1 6.724 3.083 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.292 7.667-5.001 12.066-5.001 3.068 0 6.133 0.817 8.9 2.5 15.733 9.609 32.751 16.809 50.601 21.408 7.55 1.941 12.817 8.742 12.817 16.525v124.348c11.223 1.18 22.603 1.835 34.133 1.835s22.91-0.655 34.133-1.835v-124.341c0-7.782 5.267-14.583 12.8-16.525 17.867-4.608 34.899-11.817 50.618-21.417 2.767-1.683 5.833-2.5 8.9-2.5 4.401 0 8.783 1.709 12.066 5.001l87.541 87.541c16.081-13.269 30.865-28.051 44.134-44.134l-87.541-87.541c-5.583-5.574-6.601-14.242-2.5-20.966 9.6-15.699 16.8-32.725 21.399-50.609 1.95-7.541 8.751-12.809 16.533-12.809h124.35c1.18-11.223 1.835-22.603 1.835-34.133s-0.655-22.91-1.835-34.133h-124.352zM512 567.467c-84.7 0-153.6-68.909-153.6-153.6s68.9-153.6 153.6-153.6 153.6 68.909 153.6 153.6-68.9 153.6-153.6 153.6zM512 294.4c-65.867 0-119.467 53.591-119.467 119.467s53.6 119.467 119.467 119.467 119.467-53.591 119.467-119.467-53.6-119.467-119.467-119.467z" >
+<glyph unicode="&#xe94b;" glyph-name="pressure" d="M512 806.4c-197.617 0-358.4-160.783-358.4-358.4s160.783-358.4 358.4-358.4v34.133c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.533-17.818 4.582-34.85 11.782-50.618 21.399-6.701 4.1-15.383 3.1-20.949-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.566 6.601 14.234 2.5 20.966-9.6 15.699-16.8 32.734-21.399 50.601-1.95 7.55-8.751 12.817-16.533 12.817h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.817 4.599 17.867 11.799 34.899 21.399 50.601 4.1 6.733 3.083 15.401-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.3 7.667-5.001 12.066-5.001 3.068 0 6.15 0.817 8.9 2.5 15.699 9.6 32.734 16.8 50.601 21.399 7.55 1.95 12.817 8.751 12.817 16.533v124.346c11.223 1.18 22.603 1.835 34.133 1.835 51.317 0 100.416-11.65 145.916-34.601l15.366 30.466c-50.302 25.402-104.567 38.268-161.284 38.268zM408.416 252.017c11.334-5.984 23.134-10.982 35.317-14.916v-105.995c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.63zM301.101 379.733c3.951-12.201 8.934-24 14.916-35.317l-74.628-74.628c-21.783 32.966-37.702 70.089-46.283 109.946h105.995zM316.017 551.584c-5.984-11.317-10.967-23.117-14.916-35.317h-105.995c8.58 39.857 24.499 76.979 46.281 109.946l74.63-74.628zM443.733 658.899c-12.201-3.951-24-8.934-35.317-14.916l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281v-105.993zM1024 448c0 282.317-229.683 512-512 512s-512-229.683-512-512 229.683-512 512-512c55.735 0 110.556 9.244 163.217 26.976 32.928-17.135 70.234-26.976 109.85-26.976 131.75 0 238.933 107.183 238.933 238.933 0 39.616-9.841 76.922-26.976 109.85 17.732 52.661 26.976 107.482 26.976 163.217zM785.067-29.867c-112.934 0-204.8 91.868-204.8 204.8s91.868 204.8 204.8 204.8 204.8-91.868 204.8-204.8-91.866-204.8-204.8-204.8zM716.8 533.333h-34.133v34.133h34.133v-34.133zM750.933 411.14v309.926h68.267v-309.926c-11.179 1.611-22.515 2.726-34.133 2.726s-22.955-1.116-34.133-2.726zM972.834 322.204c-30.144 38.351-71.639 67.296-119.501 81.6v334.33c0 9.434-7.633 17.067-17.067 17.067h-102.4c-9.434 0-17.067-7.633-17.067-17.067v-136.533h-51.2c-9.434 0-17.067-7.633-17.067-17.067v-68.267c0-9.434 7.633-17.067 17.067-17.067h51.2v-95.396c-98.569-29.457-170.667-120.849-170.667-228.87 0-76.179 35.964-143.985 91.663-187.767-35.46-9.681-71.857-15.002-108.73-16.311v33.412h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.117 63.622-56.070 136.055-58.793 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c131.339-85.252 218.46-233.101 218.46-401.011 0-42.72-5.858-84.86-17.033-125.796zM817.926 166.206c0.747 2.803 1.274 5.692 1.274 8.727 0 18.816-15.317 34.133-34.133 34.133-3.034 0-5.924-0.527-8.727-1.274l-47.473 47.473-24.134-24.134 47.473-47.473c-0.747-2.803-1.274-5.692-1.274-8.727 0-18.816 15.317-34.133 34.133-34.133 3.034 0 5.924 0.527 8.727 1.274l13.323-13.323 24.134 24.134-13.323 13.323zM785.067 345.6c-94.099 0-170.667-76.567-170.667-170.667 0-48.484 20.734-94.85 56.883-127.2l22.767 25.434c-28.934 25.884-45.517 62.982-45.517 101.766 0 75.283 61.25 136.533 136.533 136.533s136.533-61.25 136.533-136.533c0-38.784-16.582-75.883-45.517-101.766l22.767-25.434c36.149 32.35 56.883 78.716 56.883 127.2 0 94.099-76.567 170.667-170.667 170.667zM512 516.267c-37.649 0-68.267-30.618-68.267-68.267s30.618-68.267 68.267-68.267 68.267 30.618 68.267 68.267-30.618 68.267-68.267 68.267zM512 413.867c-18.816 0-34.133 15.317-34.133 34.133s15.317 34.133 34.133 34.133 34.133-15.317 34.133-34.133-15.317-34.133-34.133-34.133z" >
+<glyph unicode="&#xe94c;" glyph-name="right-quote" d="M227.093 809.414c-125.218 0-227.077-101.859-227.077-227.078 0-120.797 94.797-219.874 213.906-226.718 2.062-22.266 0.515-82.875-57.563-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.766-23.766 38.454-38.734 48.734-49.203 13.454-13.688 19.595-19.938 28.579-28.094 3.046-2.765 6.89-4.155 10.75-4.155 3.749 0 7.483 1.312 10.499 3.922 101.203 88.062 213.626 270.016 197.36 492.984-9.531 130.906-105.016 225.922-227.048 225.922zM246.437 124.446c-4.358 4.296-9.328 9.358-16.656 16.813-8.906 9.077-21.125 21.515-39.656 40.109 70.485 108.61 57.171 185.968 51.344 197.062-2.766 5.266-8.438 8.813-14.376 8.813-107.562 0-195.077 87.515-195.077 195.093 0 107.563 87.515 195.078 195.077 195.078 104.782 0 186.845-82.531 195.141-196.234 18.281-250.782-130.765-413.61-175.797-456.734zM1022.407 583.492v0.016c-9.563 130.89-105.062 225.906-227.062 225.906-125.219 0-227.094-101.859-227.094-227.078 0-120.797 94.813-219.874 213.938-226.718 2.062-22.25 0.499-82.827-57.594-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.672-23.672 38.328-38.61 48.61-49.062 13.515-13.781 19.688-20.062 28.718-28.25 3.046-2.75 6.906-4.141 10.75-4.141 3.75 0 7.485 1.312 10.499 3.938 101.203 88.062 213.626 270.014 197.376 492.968zM814.687 124.446c-4.39 4.328-9.405 9.421-16.797 16.952-8.906 9.064-21.077 21.469-39.531 39.97 70.485 108.626 57.189 185.968 51.376 197.062-2.766 5.25-8.453 8.813-14.39 8.813-107.579 0-195.094 87.515-195.094 195.093 0 107.563 87.515 195.078 195.094 195.078 104.765 0 186.843-82.531 195.155-196.25v0.016c18.266-250.75-130.781-413.61-175.813-456.734z" >
+<glyph unicode="&#xe94d;" glyph-name="quote" d="M0 448v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571v146.287c-242.001 0-438.858-196.857-438.858-438.858zM1024 740.571v146.287c-242.001 0-438.858-196.857-438.858-438.858v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571z" >
+<glyph unicode="&#xe94e;" glyph-name="quotation-1" d="M0 394h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18h-468zM60 802h348v-486.18c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268zM556 862v-468h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18zM964 315.82c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268v348h348z" >
+<glyph unicode="&#xe94f;" glyph-name="quote-1" d="M435.203 858h-409.602c-14.141 0-25.602-11.461-25.602-25.602v-409.602c0-14.133 11.461-25.594 25.602-25.594h332.297c0.5-153.602-112.82-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.594 25.602zM998.398 858h-409.602c-14.133 0-25.594-11.461-25.594-25.602v-409.602c0-14.133 11.461-25.594 25.594-25.594h332.305c0.5-153.602-112.828-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.602 25.602z" >
+<glyph unicode="&#xe950;" glyph-name="open" d="M1021.876-15.616c1.372 2.284 2.050 4.942 2.082 7.598v556.202c0.36 5.148-1.604 10.414-5.764 13.593l-134.23 104.885v137.284c0 8.284-6.714 14.999-14.999 14.999h-179.892l-91.42 71.431c-48.646 38.012-116.749 38.208-165.611 0.484l-93.154-71.915h-183.892c-8.286 0-14.999-6.716-14.999-14.999v-138.544l-134.118-103.542c-3.66-2.796-5.884-7.3-5.876-11.905v-131.994c0-8.286 6.714-14.999 14.999-14.999s14.999 6.714 14.999 14.999v106.435l377.188-210.699-377.188-291.189v325.458c0 8.286-6.714 14.999-14.999 14.999s-14.999-6.714-14.999-14.999v-355.985c-0.132-8.052 6.942-15.139 14.999-14.999h993.957c5.216-0.016 10.32 2.87 12.917 7.402zM983.488 550.824l-99.524-56.070v133.836zM450.373 867.116c38.006 29.339 90.976 29.185 128.806-0.376l61.167-47.794h-252.371zM343.995 788.947h509.97v-311.095l-94.748-53.38c-7.216-4.066-9.772-13.211-5.706-20.431 4.088-7.286 13.345-9.732 20.431-5.706l220.017 123.953v-499.553l-147.452 115.215c-6.526 5.098-15.953 3.944-21.055-2.584-5.1-6.53-3.944-15.955 2.584-21.055l137.364-107.333h-906.425l391.399 302.159c38.010 29.343 90.976 29.185 128.806-0.376l7.224-5.644c0.010-0.008 0.018-0.014 0.028-0.022l188.024-146.916c6.53-5.1 15.953-3.946 21.055 2.584 5.1 6.53 3.944 15.955-2.584 21.055l-170.451 133.184 92.222 51.956c7.216 4.066 9.772 13.211 5.706 20.431-4.064 7.216-13.207 9.768-20.431 5.706l-103.12-58.096c-48.262 37.138-115.287 37.388-163.813 0.62l-263.047 146.936v308.391zM139.996 497.316l-97.842 54.656 97.842 75.535zM372.986 672.952h277.988c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-277.988c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM282.99 468.961h457.98c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-457.98c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM283.098 571.615h120.897c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-120.897c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM468.81 586.614c0-8.284 6.714-14.999 14.999-14.999h257.053c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-257.053c-8.286 0-14.999-6.716-14.999-14.999z" >
+<glyph unicode="&#xe951;" glyph-name="options" d="M1004 551.359h-70.133c-10.492 43.031-27.43 83.883-50.508 121.828l49.625 49.625c7.813 7.813 7.813 20.477 0 28.281l-117.883 117.891c-7.813 7.813-20.477 7.813-28.289 0l-49.625-49.625c-37.945 23.086-78.805 40.023-121.828 50.516v70.125c0 11.047-8.953 20-20 20h-166.719c-11.047 0-20-8.953-20-20v-70.125c-43.023-10.492-83.883-27.43-121.828-50.516l-49.625 49.625c-7.813 7.813-20.469 7.813-28.281 0l-117.891-117.891c-7.813-7.805-7.813-20.469 0-28.281l49.617-49.617c-23.078-37.93-40.008-78.789-50.508-121.836h-70.125c-11.047 0-20-8.953-20-20v-166.719c0-11.047 8.953-20 20-20h70.133c10.492-43.023 27.43-83.875 50.508-121.828l-49.625-49.617c-3.75-3.75-5.859-8.844-5.859-14.148s2.109-10.391 5.859-14.141l117.891-117.883c7.805-7.813 20.469-7.813 28.281 0l49.625 49.617c37.945-23.086 78.797-40.023 121.828-50.516v-70.125c0-11.047 8.953-20 20-20h166.719c11.039 0 20 8.953 20 20v70.125c43.023 10.492 83.883 27.43 121.828 50.516l49.625-49.625c7.805-7.805 20.469-7.805 28.281 0l117.891 117.891c7.805 7.813 7.805 20.477 0 28.281l-49.617 49.617c23.070 37.938 40.008 78.797 50.5 121.836h70.133c11.047 0 20 8.953 20 20v166.719c0 11.047-8.953 20-20 20zM984 384.641h-66.141c-9.5 0-17.695-6.688-19.594-16-10.063-49.25-29.258-95.555-57.047-137.633-5.242-7.93-4.18-18.445 2.539-25.164l46.797-46.797-89.602-89.602-46.805 46.797c-6.719 6.719-17.234 7.781-25.164 2.547-42.094-27.805-88.398-47-137.625-57.055-9.313-1.906-16-10.094-16-19.594v-66.141h-126.719v66.133c0 9.508-6.688 17.695-16 19.594-49.234 10.063-95.539 29.258-137.625 57.063-7.93 5.242-18.445 4.172-25.164-2.547l-46.805-46.797-89.602 89.602 46.797 46.805c6.719 6.719 7.789 17.234 2.555 25.164-27.805 42.094-47 88.391-57.055 137.625-1.898 9.313-10.094 16-19.594 16h-66.148v126.719h66.141c9.5 0 17.695 6.688 19.594 16 10.063 49.258 29.258 95.563 57.047 137.625 5.242 7.93 4.18 18.453-2.547 25.172l-46.797 46.797 89.609 89.602 46.805-46.797c6.719-6.727 17.234-7.789 25.164-2.547 42.094 27.805 88.398 47 137.625 57.055 9.313 1.906 16 10.094 16 19.594v66.141h126.719v-66.133c0-9.508 6.688-17.695 15.992-19.594 49.234-10.063 95.539-29.258 137.625-57.063 7.93-5.234 18.453-4.172 25.172 2.547l46.805 46.805 89.602-89.609-46.805-46.805c-6.719-6.719-7.789-17.234-2.547-25.164 27.797-42.086 46.992-88.391 57.047-137.625 1.906-9.313 10.094-16 19.602-16h66.148zM323.727 448c0 103.813 84.461 188.273 188.273 188.273 24.477 0 48.297-4.641 70.797-13.781 10.227-4.156 21.898 0.773 26.055 11 4.156 10.234-0.766 21.906-11 26.063-27.305 11.094-56.188 16.719-85.852 16.719-125.867 0-228.273-102.406-228.273-228.273 0-28.438 5.18-56.211 15.398-82.539 3.078-7.922 10.641-12.773 18.648-12.773 2.406 0 4.852 0.438 7.234 1.359 10.297 4 15.406 15.586 11.406 25.883-8.414 21.703-12.688 44.602-12.688 68.070zM694.82 549.797c-10.117-4.43-14.727-16.227-10.289-26.344 10.445-23.844 15.734-49.227 15.734-75.453 0-103.813-84.453-188.273-188.266-188.273-27.258 0-53.547 5.703-78.141 16.938-10.047 4.594-21.906 0.164-26.5-9.883s-0.164-21.906 9.875-26.5c29.852-13.641 61.734-20.555 94.758-20.555 125.875 0 228.273 102.406 228.273 228.273 0 31.781-6.43 62.57-19.102 91.5-4.43 10.125-16.227 14.727-26.344 10.297zM360.523 325.062c-11.016 0-20-8.984-20-20s8.984-20 20-20c11.016 0 20 8.984 20 20s-8.984 20-20 20zM657.281 577.234c11.016 0 20 8.984 20 20s-8.984 20-20 20-20-8.984-20-20c0-11.016 8.984-20 20-20z" >
+<glyph unicode="&#xe952;" glyph-name="location" d="M630.216 663.832c-0.009 65.282-52.933 118.2-118.216 118.2-65.289 0-118.216-52.927-118.216-118.216s52.927-118.216 118.216-118.216v0c65.262 0.082 118.143 52.969 118.216 118.225v0.007zM421.784 663.832c0.009 49.818 40.397 90.2 90.216 90.2 49.825 0 90.216-40.391 90.216-90.216s-40.391-90.216-90.216-90.216v0c-49.807 0.059-90.166 40.424-90.216 90.227v0.005zM986.624-8.552l-114.128 299.2c-2.070 5.311-7.143 9.006-13.080 9.008h-216c1.32 2.152 2.632 4.24 3.952 6.4 83.112 137.6 124.936 257.968 124.336 357.712 0 0.013 0 0.029 0 0.044 0 143.435-116.277 259.712-259.712 259.712-143.42 0-259.687-116.252-259.712-259.666v-0.002c-0.6-99.832 41.224-220.216 124.336-357.8 1.32-2.184 2.632-4.272 3.952-6.4h-216c-5.937-0.002-11.010-3.697-13.047-8.913l-0.033-0.095-114.112-299.2c-0.587-1.486-0.928-3.207-0.928-5.008 0-7.723 6.261-13.984 13.984-13.984 0.008 0 0.017 0 0.025 0h923.087c0.007 0 0.015 0 0.024 0 7.723 0 13.984 6.261 13.984 13.984 0 1.801-0.34 3.522-0.96 5.103l0.033-0.095zM280.288 663.832c0.023 127.954 103.755 231.672 231.712 231.672 127.971 0 231.712-103.741 231.712-231.712 0-0.014 0-0.028 0-0.042v0.002c1.2-198.864-184.72-444.136-231.712-502.952-46.992 58.792-232.92 304-231.712 503.032zM501.336 129.6c2.584-3.024 6.401-4.929 10.664-4.929s8.080 1.905 10.648 4.91l0.016 0.019c34.457 41.669 68.429 88.003 99.677 136.265l3.523 5.807h223.896l17.92-47-437.528-155.608-155.952 202.632h123.92c34.776-54.078 68.753-100.421 105.237-144.617l-2.021 2.521zM429.664 39.2h0.080l261.016 92.8 101.24-131.544h-471.2zM174.224 271.696h64.64l163.536-212.496-165.144-58.736h-166.48zM827.368 0.456l-108.872 141.456 159.2 56.616 75.544-198.072z" >
+<glyph unicode="&#xe953;" glyph-name="edit" d="M945.112 316.73c-14.086 0-25.503-11.417-25.503-25.503v-226.438c-0.050-42.239-34.27-76.469-76.509-76.509h-715.586c-42.239 0.040-76.459 34.27-76.509 76.509v664.58c0.050 42.229 34.27 76.459 76.509 76.509h226.438c14.086 0 25.503 11.417 25.503 25.503 0 14.076-11.417 25.503-25.503 25.503h-226.438c-70.392-0.080-127.435-57.123-127.515-127.515v-664.59c0.080-70.392 57.123-127.435 127.515-127.515h715.586c70.392 0.080 127.435 57.123 127.515 127.515v226.448c0 14.086-11.417 25.503-25.503 25.503zM960.513 922.503c-44.819 44.819-117.483 44.819-162.302 0l-454.988-454.988c-3.118-3.118-5.37-6.983-6.545-11.227l-59.832-216.008c-2.461-8.856 0.040-18.34 6.535-24.845 6.505-6.495 15.989-8.996 24.845-6.545l216.008 59.842c4.244 1.176 8.109 3.427 11.227 6.545l454.978 454.998c44.75 44.849 44.75 117.453 0 162.302zM398.792 450.939l372.372 372.382 120.093-120.093-372.382-372.382zM374.803 402.802l95.945-95.955-132.715-36.77zM954.376 766.338l-27.047-27.047-120.103 120.103 27.057 27.047c24.895 24.895 65.262 24.895 90.157 0l29.936-29.926c24.855-24.925 24.855-65.262 0-90.177z" >
+<glyph unicode="&#xe954;" glyph-name="award" d="M591.812 548.894c4.518-3.012 10.541-1.506 16.565 1.506 4.518 3.012 7.529 9.035 6.024 15.059l-15.059 88.847 64.753 61.741c4.518 4.518 6.024 10.541 4.518 15.059-1.506 6.024-6.024 9.035-12.047 10.541l-88.847 13.553-39.153 79.812c-4.518 10.541-22.588 10.541-27.106 0l-39.153-79.812-88.847-13.553c-6.024-1.506-10.541-4.518-12.047-10.541s0-12.047 4.518-15.059l64.753-61.741-15.059-88.847c-1.506-6.024 1.506-12.047 6.024-15.059s10.541-4.518 16.565-1.506l79.812 42.165zM445.741 589.553l12.047 66.259c1.506 4.518-1.506 10.541-4.518 13.553l-48.188 46.682 66.259 9.035c4.518 0 9.035 4.518 12.047 7.529l30.118 60.235 30.118-60.235c1.506-4.518 6.024-7.529 12.047-7.529l66.259-9.035-48.188-46.682c-3.012-3.012-4.518-9.035-4.518-13.553l12.047-66.259-58.729 31.624c-1.506 1.506-4.518 1.506-7.529 1.506s-4.518 0-7.529-1.506zM932.141-18.824h-180.706v138.541c0 9.035-6.024 15.059-15.059 15.059h-69.271v76.8c0 9.035-6.024 15.059-15.059 15.059h-84.329v170.165c0 1.506 3.012 4.518 4.518 4.518 72.282 21.082 137.035 79.812 179.2 164.141 96.376 51.2 155.106 150.588 155.106 260.518v19.576c0 9.035-6.024 15.059-15.059 15.059h-81.318c0 24.094-1.506 55.718-3.012 70.776-1.506 7.529-7.529 13.553-15.059 13.553h-561.694c-7.529 0-13.553-6.024-15.059-13.553-1.506-15.059-3.012-46.682-3.012-70.776h-82.824c-9.035 0-15.059-6.024-15.059-15.059v-21.082c0-111.435 58.729-210.824 155.106-260.518 43.671-84.329 106.918-141.553 179.2-164.141 3.012 0 4.518-3.012 4.518-4.518v-170.165h-84.329c-9.035 0-15.059-6.024-15.059-15.059v-76.8h-69.271c-9.035 0-15.059-6.024-15.059-15.059v-137.035h-177.694c-9.035 0-15.059-6.024-15.059-15.059s6.024-15.059 15.059-15.059h840.282c9.035 0 15.059 6.024 15.059 15.059s-7.529 15.059-15.059 15.059zM879.435 824.471c0-84.329-39.153-162.635-103.906-210.824 24.094 63.247 37.647 137.035 37.647 216.847h66.259zM144.565 824.471v6.024h66.259c0-78.306 13.553-152.094 37.647-215.341-64.753 48.188-103.906 124.988-103.906 209.318zM459.294 429.929c-66.259 19.576-124.988 73.788-164.141 152.094-34.635 69.271-54.212 155.106-54.212 248.471 0 21.082 1.506 61.741 3.012 84.329h536.094c1.506-24.094 3.012-64.753 3.012-84.329 0-93.365-18.071-179.2-52.706-248.471-39.153-78.306-97.882-132.518-164.141-152.094-16.565-4.518-27.106-18.071-27.106-33.129v-170.165h-52.706v170.165c-1.506 15.059-12.047 28.612-27.106 33.129zM385.506 195.012h251.482v-61.741h-251.482zM302.682-18.824v123.482h420.141v-123.482z" >
+<glyph unicode="&#xe955;" glyph-name="menu" d="M227.557 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778z" >
+<glyph unicode="&#xe956;" glyph-name="categories" d="M352 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM352 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0z" >
+<glyph unicode="&#xe957;" glyph-name="menu-1" d="M639.936 959.746h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946 703.874h-215.892v215.892h215.892v-215.892zM1004.010 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM984.020 703.874h-215.894v215.892h215.894v-215.892zM275.864 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM255.874 340.054h-215.894v215.892h215.892v-215.892zM639.936 595.926h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.040-8.95 19.99-19.992 19.99zM619.946 340.054h-215.892v215.892h215.892v-215.892zM1004.010 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM984.020 340.054h-215.894v215.892h215.894v-215.892zM275.864 232.108h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM255.874-23.766h-215.894v215.892h215.892v-215.892zM639.936 232.108h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946-23.766h-215.892v215.892h215.892v-215.892zM897.034 226.25c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.14-14.134-5.858-3.738-3.718-5.858-8.876-5.858-14.132 0-5.258 2.12-10.414 5.858-14.13 3.718-3.72 8.856-5.86 14.134-5.86 5.258 0 10.414 2.138 14.132 5.86 3.718 3.716 5.858 8.874 5.858 14.13s-2.138 10.412-5.858 14.132zM1004.010 232.108h-30.492c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h10.502v-215.892h-215.894v215.89h26.812c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-46.802c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.876c0 11.038-8.95 19.99-19.99 19.99zM155.242 698.016c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.138-14.132-5.858-3.718-3.718-5.858-8.876-5.858-14.132 0-5.258 2.138-10.414 5.858-14.132 3.718-3.72 8.876-5.86 14.132-5.86s10.414 2.138 14.132 5.86c3.718 3.716 5.858 8.874 5.858 14.132 0 5.256-2.138 10.414-5.858 14.132zM275.864 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h30.492c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-10.502v215.894h215.892v-215.892h-26.812c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h46.802c11.040 0 19.99 8.952 19.99 19.99v255.872c0.002 11.038-8.948 19.99-19.988 19.99z" >
+<glyph unicode="&#xe958;" glyph-name="menu-2" d="M146.286 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 667.429c80.658 0 146.286 65.627 146.286 146.286s-65.627 146.286-146.286 146.286-146.286-65.627-146.286-146.286 65.627-146.286 146.286-146.286zM877.714 923.429c60.507 0 109.714-49.207 109.714-109.714s-49.207-109.714-109.714-109.714-109.714 49.207-109.714 109.714 49.207 109.714 109.714 109.714z" >
+<glyph unicode="&#xe959;" glyph-name="bookmark" d="M833.334 960h-642.668c-16.568 0-30-13.432-30-30v-964c0-12.134 7.31-23.072 18.52-27.716 3.712-1.538 7.61-2.284 11.474-2.284 7.808 0 15.48 3.046 21.22 8.788l300.126 300.122 300.114-300.122c8.58-8.58 21.484-11.146 32.694-6.504 11.21 4.644 18.52 15.582 18.52 27.716v964c0 16.568-13.432 30-30 30zM512.004 317.336c-7.956 0-15.586-3.16-21.212-8.788l-270.126-270.122v861.574h582.666v-861.57l-270.114 270.118c-5.626 5.628-13.256 8.788-21.214 8.788z" >
+<glyph unicode="&#xe95a;" glyph-name="bookmark-1" d="M212 960v-1024l300 291.578 300-291.578v1024z" >
+<glyph unicode="&#xe95b;" glyph-name="reply" d="M398.221 647.112v227.555l-398.221-398.221 398.221-398.221v233.243c284.445 0 483.557-91.021 625.779-290.133-56.888 284.445-227.555 568.888-625.779 625.779z" >
+<glyph unicode="&#xe95c;" glyph-name="reply-1" d="M479.991 639.999h-96.002v160.003c0 13.248-8.128 25.088-20.416 29.888-12.288 4.736-26.304 1.408-35.265-8.384l-320.005-352.006c-11.072-12.16-11.072-30.784 0-43.009l320.005-352.006c6.208-6.784 14.848-10.496 23.68-10.496 3.904 0 7.808 0.704 11.584 2.112 12.288 4.8 20.416 16.64 20.416 29.888v160.003h89.025c182.659 0 359.558-65.409 498.184-184.323 9.408-8.128 22.912-9.984 34.177-4.736 11.392 5.184 18.624 16.576 18.624 29.056 0 299.973-244.036 544.009-544.009 544.009zM473.015 319.994h-121.026c-17.664 0-32.001-14.336-32.001-32.001v-109.25l-244.74 269.252 244.74 269.252v-109.25c0-17.664 14.336-32.001 32.001-32.001h128.002c128.194 0 248.772-49.921 339.397-140.546 74.049-74.049 120.962-168.067 135.618-269.828-140.162 99.97-308.677 154.37-481.992 154.37z" >
+<glyph unicode="&#xe95d;" glyph-name="globe" d="M511.407 959.953c-18.355 0-36.697-0.987-54.948-2.954-16.728-1.709-33.25-4.511-49.55-7.911-3.155-0.66-6.311-1.356-9.466-2.085-96.040-21.866-183.736-70.97-252.57-141.424-6.401-6.561-12.667-13.317-18.795-20.264-185.942-213.468-163.627-537.255 49.843-723.197 204.37-178.016 511.999-166.171 702.076 27.031 6.414 6.561 12.678 13.317 18.795 20.264 82.059 93.45 127.281 213.586 127.208 337.951 0 283.097-229.495 512.591-512.593 512.588zM167.649 779.95c2.7 2.802 5.502 5.485 8.253 8.201 3.178 3.127 6.339 6.271 9.585 9.295 2.853 2.665 5.792 5.228 8.714 7.826 3.298 2.922 6.578 5.844 9.961 8.663 2.973 2.512 6.031 4.921 9.073 7.347 3.417 2.734 6.835 5.468 10.354 8.099 3.11 2.341 6.271 4.613 9.449 6.835 3.537 2.529 7.091 5.126 10.696 7.484 3.229 2.187 6.493 4.306 9.773 6.407 3.656 2.341 7.33 4.647 11.038 6.835 3.338 1.993 6.698 3.953 10.081 5.878 3.782 2.153 7.58 4.255 11.397 6.305 3.417 1.822 6.835 3.605 10.252 5.348 3.896 1.965 7.826 3.862 11.772 5.724 3.417 1.623 6.971 3.246 10.491 4.784 4.015 1.709 8.082 3.417 12.148 5.126 3.537 1.452 7.057 2.871 10.628 4.237 4.135 1.572 8.321 3.041 12.507 4.511 3.571 1.247 7.142 2.495 10.764 3.674 4.255 1.367 8.543 2.631 12.849 3.879 3.605 1.042 7.176 2.119 10.799 3.093 1.384 0.359 2.768 0.649 4.152 1.008-50.576-49.108-88.108-110.055-109.199-177.322-40.554 10.696-79.815 25.805-117.076 45.057 0.564 0.598 1.042 1.196 1.538 1.709zM143.079 752.441c41.044-22.238 84.567-39.559 129.668-51.601-22.11-76.88-33.716-156.398-34.497-236.39h-204.865c3.723 105.485 42.297 206.76 109.694 287.99zM143.079 142.288c-67.393 81.233-105.967 182.508-109.694 287.99h204.865c0.782-79.992 12.385-159.51 34.497-236.39-45.099-12.046-88.623-29.365-129.668-51.601zM388.131-14.838c-3.451 0.871-7.022 1.999-10.576 3.041-4.323 1.264-8.663 2.529-12.934 3.913-3.605 1.162-7.159 2.409-10.713 3.656-4.203 1.452-8.406 2.939-12.558 4.528-3.554 1.35-7.057 2.768-10.576 4.203-4.084 1.709-8.167 3.417-12.217 5.126-3.486 1.538-6.954 3.12-10.406 4.75-3.981 1.879-7.945 3.793-11.96 5.775-3.417 1.709-6.835 3.417-10.252 5.28-3.862 2.067-7.689 4.186-11.516 6.373-3.417 1.897-6.664 3.844-9.961 5.826-3.759 2.255-7.45 4.579-11.14 6.954-3.246 2.067-6.493 4.169-9.688 6.322-3.639 2.46-7.245 5.023-10.816 7.586-3.127 2.238-6.254 4.477-9.329 6.835-3.537 2.665-7.005 5.416-10.457 8.184-3.024 2.409-6.031 4.801-8.987 7.279-3.417 2.836-6.715 5.792-10.030 8.731-2.905 2.58-5.826 5.126-8.663 7.757-3.263 3.041-6.424 6.202-9.603 9.329-2.751 2.717-5.553 5.399-8.253 8.184-0.496 0.53-0.974 1.076-1.469 1.589 37.259 19.261 76.519 34.376 117.076 45.074 21.095-67.265 58.625-128.21 109.199-177.322-1.384 0.359-2.785 0.649-4.169 1.025zM494.323-29.703c-73.112 10.389-137.203 86.696-177.527 199.381 58.299 13.054 117.791 20.057 177.527 20.897v-220.277zM494.323 224.747c-63.369-0.833-126.471-8.359-188.257-22.451-21.454 74.127-32.772 150.819-33.643 227.983h221.9v-205.532zM494.323 464.451h-221.9c0.869 77.164 12.187 153.856 33.643 227.983 61.786-14.090 124.891-21.616 188.257-22.451v-205.532zM494.323 704.155c-59.738 0.833-119.229 7.836-177.527 20.897 40.324 112.684 104.415 188.992 177.527 199.381v-220.277zM879.74 752.441c67.393-81.233 105.967-182.508 109.694-287.99h-204.865c-0.782 79.992-12.385 159.51-34.497 236.39 45.099 12.048 88.623 29.367 129.668 51.601zM634.551 909.585c3.588-0.888 7.159-2.016 10.713-3.058 4.323-1.264 8.663-2.529 12.934-3.913 3.605-1.162 7.159-2.409 10.713-3.656 4.203-1.452 8.406-2.939 12.558-4.528 3.554-1.35 7.057-2.768 10.576-4.203 4.084-1.709 8.167-3.417 12.217-5.126 3.486-1.538 6.954-3.12 10.406-4.75 3.981-1.879 7.945-3.793 11.96-5.775 3.417-1.709 6.835-3.417 10.252-5.28 3.862-2.067 7.689-4.186 11.516-6.373 3.417-1.897 6.664-3.844 9.961-5.826 3.759-2.255 7.45-4.579 11.14-6.954 3.246-2.067 6.493-4.169 9.688-6.322 3.639-2.46 7.228-5.006 10.799-7.569 3.144-2.238 6.271-4.494 9.363-6.835 3.52-2.648 6.971-5.399 10.44-8.167 3.007-2.392 6.031-4.784 8.987-7.279 3.417-2.836 6.715-5.792 10.030-8.731 2.905-2.58 5.826-5.126 8.663-7.757 3.263-3.041 6.424-6.202 9.603-9.329 2.751-2.717 5.553-5.399 8.253-8.184 0.496-0.53 0.974-1.076 1.469-1.589-37.259-19.261-76.519-34.376-117.076-45.074-21.136 67.273-58.715 128.214-109.336 177.305 1.384-0.359 2.785-0.649 4.169-1.025zM528.496 924.433c73.112-10.389 137.203-86.696 177.527-199.381-58.299-13.054-117.791-20.057-177.527-20.897v220.277zM528.496 669.983c63.369 0.833 126.471 8.359 188.257 22.451 21.454-74.127 32.772-150.819 33.643-227.983h-221.9v205.532zM528.496 430.278h221.9c-0.869-77.164-12.187-153.856-33.643-227.983v0c-61.786 14.090-124.888 21.616-188.257 22.451v205.532zM528.496-29.703v220.277c59.738-0.833 119.229-7.836 177.527-20.897-40.324-112.684-104.415-188.992-177.527-199.381zM855.17 114.779c-2.7-2.785-5.485-5.468-8.236-8.184-3.178-3.127-6.356-6.288-9.62-9.329-2.836-2.648-5.758-5.126-8.663-7.774-3.315-2.939-6.612-5.878-9.996-8.714-2.99-2.495-6.031-4.904-9.073-7.33-3.417-2.734-6.835-5.468-10.354-8.099-3.11-2.341-6.271-4.613-9.449-6.835-3.537-2.529-7.091-5.126-10.696-7.484-3.229-2.187-6.493-4.306-9.773-6.39-3.656-2.358-7.341-4.637-11.055-6.835-3.417-1.999-6.681-3.947-10.047-5.878-3.782-2.153-7.586-4.255-11.414-6.305-3.417-1.822-6.835-3.605-10.252-5.348-3.896-1.965-7.826-3.862-11.772-5.724-3.417-1.623-6.971-3.246-10.491-4.784-4.015-1.709-8.082-3.417-12.148-5.126-3.537-1.435-7.057-2.871-10.611-4.22-4.169-1.589-8.355-3.076-12.558-4.528-3.554-1.247-7.108-2.495-10.713-3.656-4.272-1.384-8.543-2.648-12.9-3.896-3.571-1.059-7.159-2.119-10.764-3.093-1.384-0.359-2.768-0.649-4.152-1.008 50.576 49.108 88.108 110.055 109.199 177.322 40.554-10.696 79.815-25.805 117.076-45.057-0.564-0.615-1.042-1.213-1.538-1.726zM879.74 142.288c-41.044 22.238-84.567 39.559-129.668 51.601 22.11 76.88 33.716 156.398 34.497 236.39h204.865c-3.721-105.483-42.297-206.76-109.694-287.99z" >
+<glyph unicode="&#xe95e;" glyph-name="clock" d="M512 960c-282.312 0-512-229.688-512-512s229.688-512 512-512 512 229.688 512 512-229.688 512-512 512zM512 0c-247.032 0-448 200.968-448 448s200.968 448 448 448 448-200.968 448-448-200.968-448-448-448zM544 767.999h-64v-333.249l201.375-201.375 45.25 45.25-182.625 182.625z" >
+<glyph unicode="&#xe95f;" glyph-name="alarm-clock" d="M979.055 915.029c-60.111 59.686-157.12 59.686-217.231 0-1.6-1.606-2.864-3.515-3.719-5.613-0.746-1.875-1.145-3.869-1.177-5.886-0.049-0.192-0.090-0.384-0.119-0.58 0.002-2.231 0.444-4.44 1.297-6.501 0.842-2.092 2.103-3.99 3.702-5.579l84.507-84.507-32.673-32.656c-81.858 75.665-189.226 117.701-300.697 117.726-0.29 0.085-0.512 0.239-0.802 0.239s-0.512-0.154-0.802-0.154c-111.486-0.047-218.858-42.121-300.697-117.829l-32.673 32.673 84.507 84.507c1.6 1.589 2.86 3.487 3.702 5.579 0.853 2.060 1.295 4.27 1.297 6.501 0 0.205-0.102 0.375-0.119 0.58 0.015 3.937-1.516 7.725-4.265 10.544-0.256 0.29-0.341 0.648-0.614 0.921-59.991 60-157.265 60.008-217.265 0.017-60.002-59.991-60.008-157.265-0.017-217.265 0.239-0.256 0.58-0.324 0.836-0.563 1.391-1.309 2.994-2.372 4.743-3.139 1.862-0.732 3.837-1.13 5.835-1.177 0.205 0 0.409-0.119 0.631-0.119 2.222 0.009 4.423 0.444 6.483 1.28 2.088 0.859 3.984 2.122 5.579 3.719l84.541 84.49 32.673-32.673c-166.37-179.848-155.444-460.511 24.403-626.88 15.375-14.221 31.735-27.337 48.963-39.246l-118.119-118.102c-6.778-6.545-6.965-17.348-0.418-24.125 6.545-6.778 17.348-6.965 24.125-0.418 0.143 0.136 0.282 0.277 0.418 0.418l123.476 123.476c137.65-80.306 307.867-80.306 445.518 0l123.476-123.476c6.778-6.547 17.578-6.36 24.125 0.418 6.388 6.611 6.388 17.096 0 23.707l-118.119 118.102c201.532 139.414 251.888 415.805 112.473 617.336-11.873 17.162-24.942 33.467-39.108 48.79l32.707 32.673 84.507-84.507c1.595-1.597 3.491-2.86 5.579-3.719 2.060-0.836 4.261-1.271 6.483-1.28 0.222 0 0.427 0.119 0.631 0.119 1.998 0.047 3.973 0.446 5.835 1.177 1.749 0.768 3.353 1.83 4.743 3.139 0.256 0.239 0.597 0.307 0.836 0.563 59.674 60.109 59.629 157.146 0 217.299zM58.162 734.806c-39.345 53-28.276 127.859 24.725 167.206 42.303 31.402 100.178 31.402 142.481 0l-167.206-167.206zM920.891 465.127h-84.575c-9.422 0-17.062-7.639-17.062-17.062s7.639-17.062 17.062-17.062h84.882c-9.122-212.601-179.394-382.873-391.995-391.995v84.882c0 9.422-7.639 17.062-17.062 17.062s-17.062-7.639-17.062-17.062v-84.882c-212.601 9.122-382.873 179.394-391.995 391.995h84.882c9.422 0 17.062 7.639 17.062 17.062s-7.639 17.062-17.062 17.062h-84.575c3.875 102.288 46.103 199.373 118.289 271.948 0.273 0.239 0.614 0.324 0.87 0.58s0.341 0.597 0.58 0.87c72.56 72.21 169.652 114.442 271.948 118.289v-84.575c0-9.422 7.639-17.062 17.062-17.062s17.062 7.639 17.062 17.062v84.575c102.296-3.845 199.391-46.078 271.948-118.289 0.239-0.273 0.324-0.614 0.58-0.87s0.597-0.341 0.87-0.58c72.184-72.577 114.412-169.66 118.289-271.948zM966.088 734.84l-167.206 167.206c52.768 39.577 127.629 28.881 167.206-23.887 31.848-42.467 31.848-100.854 0-143.319zM754.778 607.866h0.034l-194.061-112.028c-26.205 26.855-69.22 27.382-96.075 1.177-0.397-0.388-0.789-0.781-1.177-1.177l-105.391 60.842c-8.13 4.765-18.582 2.039-23.347-6.091s-2.039-18.582 6.091-23.347c0.064-0.038 0.13-0.075 0.196-0.113l105.561-60.945c-10.587-36.175 10.158-74.082 46.333-84.667 36.175-10.587 74.082 10.158 84.667 46.333 3.662 12.517 3.662 25.819 0 38.336l194.231 112.13c8.13 4.765 10.856 15.219 6.091 23.347-4.724 8.051-15.040 10.815-23.155 6.202zM512.142 413.941c-18.847 0-34.124 15.277-34.124 34.124s15.277 34.124 34.124 34.124 34.124-15.277 34.124-34.124-15.279-34.124-34.124-34.124z" >
+</font></defs></svg>
\ No newline at end of file
diff --git a/quarter/assets/fonts/icomoon.ttf b/quarter/assets/fonts/icomoon.ttf
new file mode 100644
index 0000000..26a85aa
Binary files /dev/null and b/quarter/assets/fonts/icomoon.ttf differ
diff --git a/quarter/assets/fonts/icomoon.woff b/quarter/assets/fonts/icomoon.woff
new file mode 100644
index 0000000..714a818
Binary files /dev/null and b/quarter/assets/fonts/icomoon.woff differ
diff --git a/quarter/assets/fonts/lightcase.eot b/quarter/assets/fonts/lightcase.eot
new file mode 100644
index 0000000..0fec750
Binary files /dev/null and b/quarter/assets/fonts/lightcase.eot differ
diff --git a/quarter/assets/fonts/lightcase.svg b/quarter/assets/fonts/lightcase.svg
new file mode 100644
index 0000000..58b3c46
--- /dev/null
+++ b/quarter/assets/fonts/lightcase.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2015 by original authors @ fontello.com</metadata>
+<defs>
+<font id="lightcase" horiz-adv-x="1000" >
+<font-face font-family="lightcase" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" >
+<missing-glyph horiz-adv-x="1000" >
+<glyph glyph-name="play" unicode="&#xe800;" d="m500 850c-275 0-499-224-499-500 0-275 224-500 499-500s500 225 500 500c0 276-224 500-500 500z m0-966c-256 0-466 210-466 466 0 257 210 466 466 466 257 0 466-209 466-466 0-257-209-466-466-466z m-38 644c-3 3-8 5-12 5 0 0 0 0 0 0-1 0-2 0-3-1-1 0-2 0-4 0-6-3-10-9-10-16v-331 0c0-3 0-5 1-7 2-4 5-7 10-9 1 0 2 0 3-1 1 0 2 0 3 0 0 0 0 0 0 0 0 0 0 0 0 0 4 0 9 1 12 5l165 165c7 7 7 18 0 24l-165 166z m5-302v249l125-125-125-124z" horiz-adv-x="1000" >
+<glyph glyph-name="pause" unicode="&#xe801;" d="m500 850c-275 0-500-225-500-500 0-276 225-500 500-500s500 224 500 500c0 275-224 500-500 500z m0-966c-257 0-466 209-466 466 0 257 209 466 466 466 257 0 466-209 466-466 0-257-209-466-466-466z m129 620v-308c0-10-7-17-17-17s-17 7-17 17v308c0 9 8 17 17 17s17-8 17-17z m-223 0v-308c0-10-8-17-17-17-10 0-17 7-17 17v308c0 9 7 17 17 17 9 0 17-8 17-17z" horiz-adv-x="1000" >
+<glyph glyph-name="close" unicode="&#xe802;" d="m660 487l-136-137 136-137c7-6 7-17 0-24-3-3-7-5-12-5-4 0-8 2-12 5l-136 137-137-137c-3-3-8-5-12-5-4 0-9 2-12 5-7 7-7 18 0 24l137 137-137 137c-7 6-7 17 0 24 6 6 17 6 24 0l137-137 136 137c7 6 18 6 24 0 7-7 7-18 0-24z m339-137c0-275-224-499-499-499-276 0-500 224-500 499 0 275 224 499 500 499 275 0 499-224 499-499z m-34 0c0 257-209 466-465 466-257 0-466-209-466-466 0-257 209-466 466-466 256 0 465 209 465 466z" horiz-adv-x="1000" >
+<glyph glyph-name="prev" unicode="&#xe803;" d="m500 849c-275 0-499-223-499-499 0-275 224-499 499-499 275 0 499 224 499 499 0 276-224 499-499 499z m0-964c-257 0-466 209-466 465 0 257 209 466 466 466 256 0 465-209 465-466 0-256-209-465-465-465z m74 612l-153-154 153-153c7-7 7-18 0-24-6-7-17-7-24 0l-165 165c-6 7-6 17 0 24l165 166c4 3 8 5 12 5 5 0 9-2 12-5 7-7 7-18 0-24z" horiz-adv-x="1000" >
+<glyph glyph-name="next" unicode="&#xe804;" d="m500-149c275 0 499 224 499 499 0 276-224 499-499 499-275 0-499-223-499-499 0-275 224-499 499-499z m0 965c256 0 465-209 465-466 0-256-209-465-465-465-257 0-466 209-466 465 0 257 209 466 466 466z m-75-612l153 154-153 153c-6 7-6 17 0 24 7 7 17 7 24 0l165-165c7-7 7-18 0-24l-165-166c-3-3-8-5-12-5-4 0-9 2-12 5-7 7-7 17 0 24z" horiz-adv-x="1000" >
+<glyph glyph-name="spin" unicode="&#xe805;" d="m1000 315h-36c0 275-224 499-499 499v36c295 0 535-240 535-535z" horiz-adv-x="1000" >
+</font>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/quarter/assets/fonts/lightcase.ttf b/quarter/assets/fonts/lightcase.ttf
new file mode 100644
index 0000000..cc479b4
Binary files /dev/null and b/quarter/assets/fonts/lightcase.ttf differ
diff --git a/quarter/assets/fonts/lightcase.woff b/quarter/assets/fonts/lightcase.woff
new file mode 100644
index 0000000..375017c
Binary files /dev/null and b/quarter/assets/fonts/lightcase.woff differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css
new file mode 100644
index 0000000..37e6583
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css
@@ -0,0 +1,390 @@
+@font-face {
+  font-family: "flaticon";
+  src: url("./flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"), url("./flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"), url("./flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"), url("./flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"), url("./flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
+  font-family: flaticon !important;
+  font-style: normal;
+  font-weight: normal !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-add-to-cart:before {
+  content: "\f101";
+}
+
+.flaticon-add-user-1:before {
+  content: "\f102";
+}
+
+.flaticon-add-user:before {
+  content: "\f103";
+}
+
+.flaticon-add:before {
+  content: "\f104";
+}
+
+.flaticon-airplane:before {
+  content: "\f105";
+}
+
+.flaticon-apartment-1:before {
+  content: "\f106";
+}
+
+.flaticon-apartment:before {
+  content: "\f107";
+}
+
+.flaticon-armchair:before {
+  content: "\f108";
+}
+
+.flaticon-bathtub:before {
+  content: "\f109";
+}
+
+.flaticon-bed-1:before {
+  content: "\f10a";
+}
+
+.flaticon-bed:before {
+  content: "\f10b";
+}
+
+.flaticon-beds:before {
+  content: "\f10c";
+}
+
+.flaticon-book:before {
+  content: "\f10d";
+}
+
+.flaticon-branch:before {
+  content: "\f10e";
+}
+
+.flaticon-building:before {
+  content: "\f10f";
+}
+
+.flaticon-buy-home:before {
+  content: "\f110";
+}
+
+.flaticon-buy-online:before {
+  content: "\f111";
+}
+
+.flaticon-call-center-agent:before {
+  content: "\f112";
+}
+
+.flaticon-car:before {
+  content: "\f113";
+}
+
+.flaticon-chat:before {
+  content: "\f114";
+}
+
+.flaticon-clean:before {
+  content: "\f115";
+}
+
+.flaticon-deal-1:before {
+  content: "\f116";
+}
+
+.flaticon-deal:before {
+  content: "\f117";
+}
+
+.flaticon-dining-table-with-chairs:before {
+  content: "\f118";
+}
+
+.flaticon-double-bed:before {
+  content: "\f119";
+}
+
+.flaticon-dryer:before {
+  content: "\f11a";
+}
+
+.flaticon-dumbbell:before {
+  content: "\f11b";
+}
+
+.flaticon-dumbell:before {
+  content: "\f11c";
+}
+
+.flaticon-excavator:before {
+  content: "\f11d";
+}
+
+.flaticon-expand:before {
+  content: "\f11e";
+}
+
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+  content: "\f11f";
+}
+
+.flaticon-financial:before {
+  content: "\f120";
+}
+
+.flaticon-garage-1:before {
+  content: "\f121";
+}
+
+.flaticon-garage:before {
+  content: "\f122";
+}
+
+.flaticon-google-docs:before {
+  content: "\f123";
+}
+
+.flaticon-heart-1:before {
+  content: "\f124";
+}
+
+.flaticon-heart:before {
+  content: "\f125";
+}
+
+.flaticon-home-1:before {
+  content: "\f126";
+}
+
+.flaticon-home-2:before {
+  content: "\f127";
+}
+
+.flaticon-home-3:before {
+  content: "\f128";
+}
+
+.flaticon-home:before {
+  content: "\f129";
+}
+
+.flaticon-hospital:before {
+  content: "\f12a";
+}
+
+.flaticon-house-1:before {
+  content: "\f12b";
+}
+
+.flaticon-house-2:before {
+  content: "\f12c";
+}
+
+.flaticon-house-3:before {
+  content: "\f12d";
+}
+
+.flaticon-house-4:before {
+  content: "\f12e";
+}
+
+.flaticon-house-key:before {
+  content: "\f12f";
+}
+
+.flaticon-house:before {
+  content: "\f130";
+}
+
+.flaticon-key-1:before {
+  content: "\f131";
+}
+
+.flaticon-key:before {
+  content: "\f132";
+}
+
+.flaticon-left-quote-1:before {
+  content: "\f133";
+}
+
+.flaticon-left-quote:before {
+  content: "\f134";
+}
+
+.flaticon-left-quotes-sign:before {
+  content: "\f135";
+}
+
+.flaticon-location:before {
+  content: "\f136";
+}
+
+.flaticon-loupe:before {
+  content: "\f137";
+}
+
+.flaticon-mall:before {
+  content: "\f138";
+}
+
+.flaticon-maps-and-location:before {
+  content: "\f139";
+}
+
+.flaticon-measure:before {
+  content: "\f13a";
+}
+
+.flaticon-metro:before {
+  content: "\f13b";
+}
+
+.flaticon-mortarboard:before {
+  content: "\f13c";
+}
+
+.flaticon-mortgage:before {
+  content: "\f13d";
+}
+
+.flaticon-mountain:before {
+  content: "\f13e";
+}
+
+.flaticon-office:before {
+  content: "\f13f";
+}
+
+.flaticon-official-documents:before {
+  content: "\f140";
+}
+
+.flaticon-online-shop:before {
+  content: "\f141";
+}
+
+.flaticon-operator:before {
+  content: "\f142";
+}
+
+.flaticon-package:before {
+  content: "\f143";
+}
+
+.flaticon-park:before {
+  content: "\f144";
+}
+
+.flaticon-parking:before {
+  content: "\f145";
+}
+
+.flaticon-pencil:before {
+  content: "\f146";
+}
+
+.flaticon-phone-call:before {
+  content: "\f147";
+}
+
+.flaticon-pin:before {
+  content: "\f148";
+}
+
+.flaticon-plane:before {
+  content: "\f149";
+}
+
+.flaticon-plus:before {
+  content: "\f14a";
+}
+
+.flaticon-quotation:before {
+  content: "\f14b";
+}
+
+.flaticon-right-arrow:before {
+  content: "\f14c";
+}
+
+.flaticon-right-quote:before {
+  content: "\f14d";
+}
+
+.flaticon-salad:before {
+  content: "\f14e";
+}
+
+.flaticon-secure-shield:before {
+  content: "\f14f";
+}
+
+.flaticon-secure:before {
+  content: "\f150";
+}
+
+.flaticon-select:before {
+  content: "\f151";
+}
+
+.flaticon-sewing:before {
+  content: "\f152";
+}
+
+.flaticon-slider:before {
+  content: "\f153";
+}
+
+.flaticon-slumber:before {
+  content: "\f154";
+}
+
+.flaticon-square-shape-design-interface-tool-symbol:before {
+  content: "\f155";
+}
+
+.flaticon-stethoscope:before {
+  content: "\f156";
+}
+
+.flaticon-support:before {
+  content: "\f157";
+}
+
+.flaticon-swimming:before {
+  content: "\f158";
+}
+
+.flaticon-toilet:before {
+  content: "\f159";
+}
+
+.flaticon-train:before {
+  content: "\f15a";
+}
+
+.flaticon-user-1:before {
+  content: "\f15b";
+}
+
+.flaticon-user:before {
+  content: "\f15c";
+}
+
+.flaticon-vegetable:before {
+  content: "\f15d";
+}
+
+.flaticon-washer:before {
+  content: "\f15e";
+}/*# sourceMappingURL=flaticon.css.map */
\ No newline at end of file
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map
new file mode 100644
index 0000000..1b6639f
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["flaticon.scss","flaticon.css"],"names":[],"mappings":"AAEA;EACI,uBAHY;EAIZ,yYAAA;ACDJ;ADQA;EACI,gCAAA;EACA,kBAAA;EACA,8BAAA;EACA,oBAAA;EACA,oBAAA;EACA,cAAA;EACA,mCAAA;EACA,kCAAA;ACNJ;;AD0GA;EACI,gBAAA;ACvGJ;;ADyGA;EACI,gBAAA;ACtGJ;;ADwGA;EACI,gBAAA;ACrGJ;;ADuGA;EACI,gBAAA;ACpGJ;;ADsGA;EACI,gBAAA;ACnGJ;;ADqGA;EACI,gBAAA;AClGJ;;ADoGA;EACI,gBAAA;ACjGJ;;ADmGA;EACI,gBAAA;AChGJ;;ADkGA;EACI,gBAAA;AC/FJ;;ADiGA;EACI,gBAAA;AC9FJ;;ADgGA;EACI,gBAAA;AC7FJ;;AD+FA;EACI,gBAAA;AC5FJ;;AD8FA;EACI,gBAAA;AC3FJ;;AD6FA;EACI,gBAAA;AC1FJ;;AD4FA;EACI,gBAAA;ACzFJ;;AD2FA;EACI,gBAAA;ACxFJ;;AD0FA;EACI,gBAAA;ACvFJ;;ADyFA;EACI,gBAAA;ACtFJ;;ADwFA;EACI,gBAAA;ACrFJ;;ADuFA;EACI,gBAAA;ACpFJ;;ADsFA;EACI,gBAAA;ACnFJ;;ADqFA;EACI,gBAAA;AClFJ;;ADoFA;EACI,gBAAA;ACjFJ;;ADmFA;EACI,gBAAA;AChFJ;;ADkFA;EACI,gBAAA;AC/EJ;;ADiFA;EACI,gBAAA;AC9EJ;;ADgFA;EACI,gBAAA;AC7EJ;;AD+EA;EACI,gBAAA;AC5EJ;;AD8EA;EACI,gBAAA;AC3EJ;;AD6EA;EACI,gBAAA;AC1EJ;;AD4EA;EACI,gBAAA;ACzEJ;;AD2EA;EACI,gBAAA;ACxEJ;;AD0EA;EACI,gBAAA;ACvEJ;;ADyEA;EACI,gBAAA;ACtEJ;;ADwEA;EACI,gBAAA;ACrEJ;;ADuEA;EACI,gBAAA;ACpEJ;;ADsEA;EACI,gBAAA;ACnEJ;;ADqEA;EACI,gBAAA;AClEJ;;ADoEA;EACI,gBAAA;ACjEJ;;ADmEA;EACI,gBAAA;AChEJ;;ADkEA;EACI,gBAAA;AC/DJ;;ADiEA;EACI,gBAAA;AC9DJ;;ADgEA;EACI,gBAAA;AC7DJ;;AD+DA;EACI,gBAAA;AC5DJ;;AD8DA;EACI,gBAAA;AC3DJ;;AD6DA;EACI,gBAAA;AC1DJ;;AD4DA;EACI,gBAAA;ACzDJ;;AD2DA;EACI,gBAAA;ACxDJ;;AD0DA;EACI,gBAAA;ACvDJ;;ADyDA;EACI,gBAAA;ACtDJ;;ADwDA;EACI,gBAAA;ACrDJ;;ADuDA;EACI,gBAAA;ACpDJ;;ADsDA;EACI,gBAAA;ACnDJ;;ADqDA;EACI,gBAAA;AClDJ;;ADoDA;EACI,gBAAA;ACjDJ;;ADmDA;EACI,gBAAA;AChDJ;;ADkDA;EACI,gBAAA;AC/CJ;;ADiDA;EACI,gBAAA;AC9CJ;;ADgDA;EACI,gBAAA;AC7CJ;;AD+CA;EACI,gBAAA;AC5CJ;;AD8CA;EACI,gBAAA;AC3CJ;;AD6CA;EACI,gBAAA;AC1CJ;;AD4CA;EACI,gBAAA;ACzCJ;;AD2CA;EACI,gBAAA;ACxCJ;;AD0CA;EACI,gBAAA;ACvCJ;;ADyCA;EACI,gBAAA;ACtCJ;;ADwCA;EACI,gBAAA;ACrCJ;;ADuCA;EACI,gBAAA;ACpCJ;;ADsCA;EACI,gBAAA;ACnCJ;;ADqCA;EACI,gBAAA;AClCJ;;ADoCA;EACI,gBAAA;ACjCJ;;ADmCA;EACI,gBAAA;AChCJ;;ADkCA;EACI,gBAAA;AC/BJ;;ADiCA;EACI,gBAAA;AC9BJ;;ADgCA;EACI,gBAAA;AC7BJ;;AD+BA;EACI,gBAAA;AC5BJ;;AD8BA;EACI,gBAAA;AC3BJ;;AD6BA;EACI,gBAAA;AC1BJ;;AD4BA;EACI,gBAAA;ACzBJ;;AD2BA;EACI,gBAAA;ACxBJ;;AD0BA;EACI,gBAAA;ACvBJ;;ADyBA;EACI,gBAAA;ACtBJ;;ADwBA;EACI,gBAAA;ACrBJ;;ADuBA;EACI,gBAAA;ACpBJ;;ADsBA;EACI,gBAAA;ACnBJ;;ADqBA;EACI,gBAAA;AClBJ;;ADoBA;EACI,gBAAA;ACjBJ;;ADmBA;EACI,gBAAA;AChBJ;;ADkBA;EACI,gBAAA;ACfJ;;ADiBA;EACI,gBAAA;ACdJ;;ADgBA;EACI,gBAAA;ACbJ;;ADeA;EACI,gBAAA;ACZJ;;ADcA;EACI,gBAAA;ACXJ;;ADaA;EACI,gBAAA;ACVJ","file":"flaticon.css"}
\ No newline at end of file
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot
new file mode 100644
index 0000000..419abc8
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.eot differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html
new file mode 100644
index 0000000..ed811dd
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.html
@@ -0,0 +1,1579 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Flaticon Webfont</title>
+    <link rel="stylesheet" type="text/css" href="flaticon.css">
+    <meta charset="UTF-8">
+    <style>
+        html, body, div, span, applet, object, iframe,
+        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+        a, abbr, acronym, address, big, cite, code,
+        del, dfn, em, img, ins, kbd, q, s, samp,
+        small, strike, strong, sub, sup, tt, var,
+        b, u, i, center,
+        dl, dt, dd, ol, ul, li,
+        fieldset, form, label, legend,
+        table, caption, tbody, tfoot, thead, tr, th, td,
+        article, aside, canvas, details, embed,
+        figure, figcaption, footer, header, hgroup,
+        menu, nav, output, ruby, section, summary,
+        time, mark, audio, video {
+            margin: 0;
+            padding: 0;
+            border: 0;
+            font-size: 100%;
+            font: inherit;
+            vertical-align: baseline;
+        }
+
+        /* HTML5 display-role reset for older browsers */
+        article, aside, details, figcaption, figure,
+        footer, header, hgroup, menu, nav, section {
+            display: block;
+        }
+
+        body {
+            line-height: 1;
+        }
+
+        ol, ul {
+            list-style: none;
+        }
+
+        blockquote, q {
+            quotes: none;
+        }
+
+        blockquote:before, blockquote:after,
+        q:before, q:after {
+            content: '';
+            content: none;
+        }
+
+        table {
+            border-collapse: collapse;
+            border-spacing: 0;
+        }
+
+        body {
+            font-family: Helvetica, Arial, sans-serif;
+            font-size: 16px;
+            color: #5f7d95;
+        }
+
+        a {
+            color: #4AD295;
+            font-weight: bold;
+            text-decoration: none;
+        }
+
+        * {
+            -moz-box-sizing: border-box;
+            -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
+            font-family: Flaticon;
+            font-size: 30px;
+            font-style: normal;
+            margin-left: 20px;
+            color: #333;
+        }
+
+        .wrapper {
+            max-width: 600px;
+            margin: auto;
+            padding: 0 1em;
+        }
+
+        .title {
+            margin-bottom: 24px;
+            text-transform: uppercase;
+            font-weight: bold;
+        }
+
+        header {
+            text-align: center;
+            padding: 24px;
+        }
+
+        header .logo {
+            width: 210px;
+            height: auto;
+            border: none;
+            display: inline-block;
+        }
+
+        header strong {
+            font-size: 28px;
+            font-weight: 500;
+            vertical-align: middle;
+        }
+
+        .demo {
+            margin: 2em auto;
+            line-height: 1.25em;
+        }
+
+        .demo ul li {
+            margin-bottom: 12px;
+        }
+
+        .demo ul li code {
+            background-color: #1D262D;
+            border-radius: 3px;
+            padding: 12px;
+            display: inline-block;
+            color: #fff;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            font-weight: lighter;
+            margin-top: 12px;
+            font-size: 13px;
+            word-break: break-all;
+        }
+
+        .demo ul li code .red {
+            color: #EC3A3B;
+        }
+
+        .demo ul li code .green {
+            color: #4AD295;
+        }
+
+        .demo ul li code .yellow {
+            color: #FFEEB6;
+        }
+
+        .demo ul li code .blue {
+            color: #2C8CF4;
+        }
+
+        .demo ul li code .purple {
+            color: #4949E7;
+        }
+
+        .demo ul li code .dots {
+            margin-top: 0.5em;
+            display: block;
+        }
+
+        #glyphs {
+            border-bottom: 1px solid #E3E9ED;
+            padding: 2em 0;
+            text-align: center;
+        }
+
+        .glyph {
+            display: inline-block;
+            width: 9em;
+            margin: 1em;
+            text-align: center;
+            vertical-align: top;
+            background: #FFF;
+        }
+
+        .glyph .flaticon {
+            padding: 10px;
+            display: block;
+            font-family: "Flaticon";
+            font-size: 64px;
+            line-height: 1;
+        }
+
+        .glyph .flaticon:before {
+            font-size: 64px;
+            color: #5f7d95;
+            margin-left: 0;
+        }
+
+        .class-name {
+            font-size: 0.65em;
+            background-color: #E3E9ED;
+            color: #869FB2;
+            border-radius: 4px 4px 0 0;
+            padding: 0.5em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .author-name {
+            font-size: 0.6em;
+            background-color: #EFF3F6;
+            border-top: 0;
+            border-radius: 0 0 4px 4px;
+            padding: 0.5em;
+        }
+
+        .author-name a {
+            color: #1D262D;
+        }
+
+        .class-name:last-child {
+            font-size: 10px;
+            color: #888;
+        }
+
+        .class-name:last-child a {
+            font-size: 10px;
+            color: #555;
+        }
+
+        .glyph > input {
+            display: block;
+            width: 100px;
+            margin: 5px auto;
+            text-align: center;
+            font-size: 12px;
+            cursor: text;
+        }
+
+        .glyph > input.icon-input {
+            font-family: "Flaticon";
+            font-size: 16px;
+            margin-bottom: 10px;
+        }
+
+        .attribution .title {
+            margin-top: 2em;
+        }
+
+        .attribution textarea {
+            background-color: #F8FAFB;
+            color: #1D262D;
+            padding: 1em;
+            border: none;
+            box-shadow: none;
+            border: 1px solid #E3E9ED;
+            border-radius: 4px;
+            resize: none;
+            width: 100%;
+            height: 150px;
+            font-size: 0.8em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+            -webkit-appearance: none;
+        }
+
+        .attribution textarea:hover {
+            border-color: #CFD9E0;
+        }
+
+        .attribution textarea:focus {
+            border-color: #4AD295;
+        }
+
+        .iconsuse {
+            margin: 2em auto;
+            text-align: center;
+            max-width: 1200px;
+        }
+
+        .iconsuse:after {
+            content: '';
+            display: table;
+            clear: both;
+        }
+
+        .iconsuse .image {
+            float: left;
+            width: 25%;
+            padding: 0 1em;
+        }
+
+        .iconsuse .image p {
+            margin-bottom: 1em;
+        }
+
+        .iconsuse .image span {
+            display: block;
+            font-size: 0.65em;
+            background-color: #222;
+            color: #fff;
+            border-radius: 4px;
+            padding: 0.5em;
+            color: #FFFF99;
+            margin-top: 1em;
+            font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
+        }
+
+        .flaticon:before {
+            color: #5f7d95;
+        }
+
+        #footer {
+            text-align: center;
+            background-color: #1D262D;
+            color: #869FB2;
+            padding: 12px;
+            font-size: 14px;
+        }
+
+        #footer a {
+            font-weight: normal;
+        }
+
+        @media (max-width: 960px) {
+            .iconsuse .image {
+                width: 50%;
+            }
+        }
+
+        .preview {
+            width: 100px;
+            display: inline-block;
+            margin: 10px;
+        }
+
+        .preview .inner {
+            display: inline-block;
+            width: 100%;
+            text-align: center;
+            background: #f5f5f5;
+            -webkit-border-radius: 3px 3px 0 0;
+            -moz-border-radius: 3px 3px 0 0;
+            border-radius: 3px 3px 0 0;
+        }
+
+        .preview .inner  {
+            line-height: 85px;
+            font-size: 40px;
+            color: #333;
+        }
+
+        .label {
+            display: inline-block;
+            width: 100%;
+            box-sizing: border-box;
+            padding: 5px;
+            font-size: 10px;
+            font-family: Monaco, monospace;
+            color: #666;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            background: #ddd;
+            -webkit-border-radius: 0 0 3px 3px;
+            -moz-border-radius: 0 0 3px 3px;
+            border-radius: 0 0 3px 3px;
+            color: #666;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <a href="https://www.flaticon.com/" target="_blank" class="logo">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 394.3 76.5">
+                <path d="M156.6,69.4H145.3V7.1h11.3Z" style="fill:#0e2a47">
+                <path d="M206.2,69.4h-11V64.8a15.4,15.4,0,0,1-12.6,5.7c-11.6,0-20.3-9.5-20.3-22.1s8.8-22.1,20.3-22.1a15.4,15.4,0,0,1,12.6,5.8V27.5h11Zm-32.4-21c0,6.4,4.2,11.6,10.8,11.6s10.8-4.9,10.8-11.6-4.4-11.6-10.8-11.6S173.9,42,173.9,48.4Z"
+                      style="fill:#0e2a47">
+                <path d="M262.5,13.7a7.2,7.2,0,0,1-14.4,0,7.2,7.2,0,1,1,14.4,0ZM261,69.4H249.6v-42H261Z"
+                      style="fill:#0e2a47">
+                <path id="_Trazado_" data-name="&lt;Trazado&gt;"
+                      d="M139.6,17.8a16.6,16.6,0,0,0-8-1.4c-3.2.4-4.9,2-4.9,5.9v5.1h13V37.5h-13v32H115.4v-32h-7.8v-10h7.8V22.2c0-9.9,5.2-16.3,15-16.3a23.4,23.4,0,0,1,9.3,1.8Z"
+                      style="fill:#0e2a47">
+                <path d="M235.1,60c-3.5,0-6.3-1.9-6.3-7.1V37.5H244v-10H228.8V15H217.5V27.5h-5.7v10h5.7V53.7c0,10.9,5.3,16.8,15.7,16.8A22.9,22.9,0,0,0,244,68l-4.3-9.1A12.3,12.3,0,0,1,235.1,60Z"
+                      style="fill:#0e2a47">
+                <path d="M348.9,48.4c0,12.6-9.7,22.1-22.7,22.1s-22.7-9.4-22.7-22.1,9.6-22.1,22.7-22.1S348.9,35.8,348.9,48.4Zm-33.9,0c0,6.8,4.8,11.6,11.1,11.6s11.2-4.8,11.2-11.6-4.8-11.6-11.2-11.6S315.1,41.6,315.1,48.4Z"
+                      style="fill:#0e2a47">
+                <path d="M394.3,42.7V69.4H382.9V46.3c0-6.1-3-9.4-8.2-9.4s-8.9,3.2-8.9,9.5v23H354.6v-42h11v4.9c3-4.5,7.6-6.1,12.3-6.1C387.5,26.3,394.3,33,394.3,42.7Z"
+                      style="fill:#0e2a47">
+                <path d="M298,55.7h0a12.4,12.4,0,0,1-8.2,4.2h-.9l-1.8-.2a10,10,0,0,1-7.4-5.6,13.2,13.2,0,0,1-1.2-5.8,13,13,0,0,1,1.3-5.9,10.1,10.1,0,0,1,7.5-5.5h2.4a11.7,11.7,0,0,1,8.3,4.2l5.5-9.6a19.9,19.9,0,0,0-8.1-4.3,23.4,23.4,0,0,0-6.1-.8,25.2,25.2,0,0,0-7.5,1.1,20.9,20.9,0,0,0-8,4.6,21.9,21.9,0,0,0-6.8,16.4,21.9,21.9,0,0,0,6.7,16.3,20.9,20.9,0,0,0,8,4.6,25.2,25.2,0,0,0,7.7,1.2,23.6,23.6,0,0,0,6.2-.8,20,20,0,0,0,8.1-4.4Z"
+                      style="fill:#0e2a47">
+                <path d="M46.3,26.5H26.9L20.8,16H52.4L61.6,0H9.4A9.3,9.3,0,0,0,1.3,4.7a9.3,9.3,0,0,0,0,9.4L34.6,71.8a9.4,9.4,0,0,0,16.2,0l1.1-1.9L36.6,43.3Z"
+                      style="fill:#4ad295">
+                <path d="M84.2,4.7A9.3,9.3,0,0,0,76.1,0H73.8l-25,43.3,9.2,16L84.2,14A9.3,9.3,0,0,0,84.2,4.7Z"
+                      style="fill:#4ad295">
+            </svg>
+        </a>
+    </header>
+    <section class="demo wrapper">
+
+        <p class="title">Webfont Instructions</p>
+
+        <ul>
+            <li>
+                <span class="num">1. </span>Copy the "Fonts" files and CSS files to your website CSS folder.
+            </li>
+            <li>
+                <span class="num">2. </span>Add the CSS link to your website source code on header.
+                <code class="big">
+                    &lt;<span class="red">head</span>&gt;
+                    <br><span class="dots">...</span>
+                    <br>&lt;<span class="red">link</span> <span class="green">rel</span>=<span
+                        class="yellow">"stylesheet"</span> <span class="green">type</span>=<span
+                        class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>&gt;
+                    <br><span class="dots">...</span>
+                    <br>&lt;/<span class="red">head</span>&gt;
+                </code>
+            </li>
+
+            <li>
+                <p>
+                    <span class="num">3. </span>Use the icon class on <code>"<span class="blue">display</span>:<span
+                        class="purple"> inline</span>"</code> elements:
+                    <br>
+                    Use example: <code>&lt;<span class="red">i</span> <span class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">i</span>&gt;</code> or <code>&lt;<span class="red">span</span> <span
+                        class="green">class</span>=<span class="yellow">&quot;flaticon-airplane49&quot;</span>&gt;&lt;/<span
+                        class="red">span</span>&gt;</code>
+            </li>
+        </ul>
+
+    </section>
+    <section id="glyphs">
+            <div class="glyph">
+                <i class="flaticon flaticon-add-to-cart"></i>
+                <div class="class-name">.flaticon-add-to-cart</div>
+                <div class="author-name">Author: <a data-file="add-to-cart" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add-user-1"></i>
+                <div class="class-name">.flaticon-add-user-1</div>
+                <div class="author-name">Author: <a data-file="add-user-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add-user"></i>
+                <div class="class-name">.flaticon-add-user</div>
+                <div class="author-name">Author: <a data-file="add-user" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-add"></i>
+                <div class="class-name">.flaticon-add</div>
+                <div class="author-name">Author: <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-airplane"></i>
+                <div class="class-name">.flaticon-airplane</div>
+                <div class="author-name">Author: <a data-file="airplane" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-apartment-1"></i>
+                <div class="class-name">.flaticon-apartment-1</div>
+                <div class="author-name">Author: <a data-file="apartment-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-apartment"></i>
+                <div class="class-name">.flaticon-apartment</div>
+                <div class="author-name">Author: <a data-file="apartment" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-armchair"></i>
+                <div class="class-name">.flaticon-armchair</div>
+                <div class="author-name">Author: <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bathtub"></i>
+                <div class="class-name">.flaticon-bathtub</div>
+                <div class="author-name">Author: <a data-file="bathtub" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bed-1"></i>
+                <div class="class-name">.flaticon-bed-1</div>
+                <div class="author-name">Author: <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-bed"></i>
+                <div class="class-name">.flaticon-bed</div>
+                <div class="author-name">Author: <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-beds"></i>
+                <div class="class-name">.flaticon-beds</div>
+                <div class="author-name">Author: <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-book"></i>
+                <div class="class-name">.flaticon-book</div>
+                <div class="author-name">Author: <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-branch"></i>
+                <div class="class-name">.flaticon-branch</div>
+                <div class="author-name">Author: <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-building"></i>
+                <div class="class-name">.flaticon-building</div>
+                <div class="author-name">Author: <a data-file="building" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-buy-home"></i>
+                <div class="class-name">.flaticon-buy-home</div>
+                <div class="author-name">Author: <a data-file="buy-home" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-buy-online"></i>
+                <div class="class-name">.flaticon-buy-online</div>
+                <div class="author-name">Author: <a data-file="buy-online" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-call-center-agent"></i>
+                <div class="class-name">.flaticon-call-center-agent</div>
+                <div class="author-name">Author: <a data-file="call-center-agent" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-car"></i>
+                <div class="class-name">.flaticon-car</div>
+                <div class="author-name">Author: <a data-file="car" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-chat"></i>
+                <div class="class-name">.flaticon-chat</div>
+                <div class="author-name">Author: <a data-file="chat" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-clean"></i>
+                <div class="class-name">.flaticon-clean</div>
+                <div class="author-name">Author: <a data-file="clean" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-deal-1"></i>
+                <div class="class-name">.flaticon-deal-1</div>
+                <div class="author-name">Author: <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-deal"></i>
+                <div class="class-name">.flaticon-deal</div>
+                <div class="author-name">Author: <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dining-table-with-chairs"></i>
+                <div class="class-name">.flaticon-dining-table-with-chairs</div>
+                <div class="author-name">Author: <a data-file="dining-table-with-chairs" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-double-bed"></i>
+                <div class="class-name">.flaticon-double-bed</div>
+                <div class="author-name">Author: <a data-file="double-bed" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dryer"></i>
+                <div class="class-name">.flaticon-dryer</div>
+                <div class="author-name">Author: <a data-file="dryer" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dumbbell"></i>
+                <div class="class-name">.flaticon-dumbbell</div>
+                <div class="author-name">Author: <a data-file="dumbbell" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-dumbell"></i>
+                <div class="class-name">.flaticon-dumbell</div>
+                <div class="author-name">Author: <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-excavator"></i>
+                <div class="class-name">.flaticon-excavator</div>
+                <div class="author-name">Author: <a data-file="excavator" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-expand"></i>
+                <div class="class-name">.flaticon-expand</div>
+                <div class="author-name">Author: <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-fast-forward-double-right-arrows-symbol"></i>
+                <div class="class-name">.flaticon-fast-forward-double-right-arrows-symbol</div>
+                <div class="author-name">Author: <a data-file="fast-forward-double-right-arrows-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-financial"></i>
+                <div class="class-name">.flaticon-financial</div>
+                <div class="author-name">Author: <a data-file="financial" href="https://www.flaticon.com/authors/itim2101">itim2101</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-garage-1"></i>
+                <div class="class-name">.flaticon-garage-1</div>
+                <div class="author-name">Author: <a data-file="garage-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-garage"></i>
+                <div class="class-name">.flaticon-garage</div>
+                <div class="author-name">Author: <a data-file="garage" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-google-docs"></i>
+                <div class="class-name">.flaticon-google-docs</div>
+                <div class="author-name">Author: <a data-file="google-docs" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-heart-1"></i>
+                <div class="class-name">.flaticon-heart-1</div>
+                <div class="author-name">Author: <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-heart"></i>
+                <div class="class-name">.flaticon-heart</div>
+                <div class="author-name">Author: <a data-file="heart" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-1"></i>
+                <div class="class-name">.flaticon-home-1</div>
+                <div class="author-name">Author: <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-2"></i>
+                <div class="class-name">.flaticon-home-2</div>
+                <div class="author-name">Author: <a data-file="home-2" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home-3"></i>
+                <div class="class-name">.flaticon-home-3</div>
+                <div class="author-name">Author: <a data-file="home-3" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-home"></i>
+                <div class="class-name">.flaticon-home</div>
+                <div class="author-name">Author: <a data-file="home" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-hospital"></i>
+                <div class="class-name">.flaticon-hospital</div>
+                <div class="author-name">Author: <a data-file="hospital" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-1"></i>
+                <div class="class-name">.flaticon-house-1</div>
+                <div class="author-name">Author: <a data-file="house-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-2"></i>
+                <div class="class-name">.flaticon-house-2</div>
+                <div class="author-name">Author: <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-3"></i>
+                <div class="class-name">.flaticon-house-3</div>
+                <div class="author-name">Author: <a data-file="house-3" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-4"></i>
+                <div class="class-name">.flaticon-house-4</div>
+                <div class="author-name">Author: <a data-file="house-4" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house-key"></i>
+                <div class="class-name">.flaticon-house-key</div>
+                <div class="author-name">Author: <a data-file="house-key" href="https://www.flaticon.com/authors/becris">Becris</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-house"></i>
+                <div class="class-name">.flaticon-house</div>
+                <div class="author-name">Author: <a data-file="house" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-key-1"></i>
+                <div class="class-name">.flaticon-key-1</div>
+                <div class="author-name">Author: <a data-file="key-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-key"></i>
+                <div class="class-name">.flaticon-key</div>
+                <div class="author-name">Author: <a data-file="key" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quote-1"></i>
+                <div class="class-name">.flaticon-left-quote-1</div>
+                <div class="author-name">Author: <a data-file="left-quote-1" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quote"></i>
+                <div class="class-name">.flaticon-left-quote</div>
+                <div class="author-name">Author: <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-left-quotes-sign"></i>
+                <div class="class-name">.flaticon-left-quotes-sign</div>
+                <div class="author-name">Author: <a data-file="left-quotes-sign" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-location"></i>
+                <div class="class-name">.flaticon-location</div>
+                <div class="author-name">Author: <a data-file="location" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-loupe"></i>
+                <div class="class-name">.flaticon-loupe</div>
+                <div class="author-name">Author: <a data-file="loupe" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mall"></i>
+                <div class="class-name">.flaticon-mall</div>
+                <div class="author-name">Author: <a data-file="mall" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-maps-and-location"></i>
+                <div class="class-name">.flaticon-maps-and-location</div>
+                <div class="author-name">Author: <a data-file="maps-and-location" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-measure"></i>
+                <div class="class-name">.flaticon-measure</div>
+                <div class="author-name">Author: <a data-file="measure" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-metro"></i>
+                <div class="class-name">.flaticon-metro</div>
+                <div class="author-name">Author: <a data-file="metro" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mortarboard"></i>
+                <div class="class-name">.flaticon-mortarboard</div>
+                <div class="author-name">Author: <a data-file="mortarboard" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mortgage"></i>
+                <div class="class-name">.flaticon-mortgage</div>
+                <div class="author-name">Author: <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-mountain"></i>
+                <div class="class-name">.flaticon-mountain</div>
+                <div class="author-name">Author: <a data-file="mountain" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-office"></i>
+                <div class="class-name">.flaticon-office</div>
+                <div class="author-name">Author: <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-official-documents"></i>
+                <div class="class-name">.flaticon-official-documents</div>
+                <div class="author-name">Author: <a data-file="official-documents" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-online-shop"></i>
+                <div class="class-name">.flaticon-online-shop</div>
+                <div class="author-name">Author: <a data-file="online-shop" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-operator"></i>
+                <div class="class-name">.flaticon-operator</div>
+                <div class="author-name">Author: <a data-file="operator" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-package"></i>
+                <div class="class-name">.flaticon-package</div>
+                <div class="author-name">Author: <a data-file="package" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-park"></i>
+                <div class="class-name">.flaticon-park</div>
+                <div class="author-name">Author: <a data-file="park" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-parking"></i>
+                <div class="class-name">.flaticon-parking</div>
+                <div class="author-name">Author: <a data-file="parking" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-pencil"></i>
+                <div class="class-name">.flaticon-pencil</div>
+                <div class="author-name">Author: <a data-file="pencil" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-phone-call"></i>
+                <div class="class-name">.flaticon-phone-call</div>
+                <div class="author-name">Author: <a data-file="phone-call" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-pin"></i>
+                <div class="class-name">.flaticon-pin</div>
+                <div class="author-name">Author: <a data-file="pin" href="https://www.flaticon.com/authors/those-icons">Those Icons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-plane"></i>
+                <div class="class-name">.flaticon-plane</div>
+                <div class="author-name">Author: <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-plus"></i>
+                <div class="class-name">.flaticon-plus</div>
+                <div class="author-name">Author: <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-quotation"></i>
+                <div class="class-name">.flaticon-quotation</div>
+                <div class="author-name">Author: <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-right-arrow"></i>
+                <div class="class-name">.flaticon-right-arrow</div>
+                <div class="author-name">Author: <a data-file="right-arrow" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-right-quote"></i>
+                <div class="class-name">.flaticon-right-quote</div>
+                <div class="author-name">Author: <a data-file="right-quote" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-salad"></i>
+                <div class="class-name">.flaticon-salad</div>
+                <div class="author-name">Author: <a data-file="salad" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-secure-shield"></i>
+                <div class="class-name">.flaticon-secure-shield</div>
+                <div class="author-name">Author: <a data-file="secure-shield" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-secure"></i>
+                <div class="class-name">.flaticon-secure</div>
+                <div class="author-name">Author: <a data-file="secure" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-select"></i>
+                <div class="class-name">.flaticon-select</div>
+                <div class="author-name">Author: <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-sewing"></i>
+                <div class="class-name">.flaticon-sewing</div>
+                <div class="author-name">Author: <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-slider"></i>
+                <div class="class-name">.flaticon-slider</div>
+                <div class="author-name">Author: <a data-file="slider" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-slumber"></i>
+                <div class="class-name">.flaticon-slumber</div>
+                <div class="author-name">Author: <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-square-shape-design-interface-tool-symbol"></i>
+                <div class="class-name">.flaticon-square-shape-design-interface-tool-symbol</div>
+                <div class="author-name">Author: <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-stethoscope"></i>
+                <div class="class-name">.flaticon-stethoscope</div>
+                <div class="author-name">Author: <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-support"></i>
+                <div class="class-name">.flaticon-support</div>
+                <div class="author-name">Author: <a data-file="support" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-swimming"></i>
+                <div class="class-name">.flaticon-swimming</div>
+                <div class="author-name">Author: <a data-file="swimming" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-toilet"></i>
+                <div class="class-name">.flaticon-toilet</div>
+                <div class="author-name">Author: <a data-file="toilet" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-train"></i>
+                <div class="class-name">.flaticon-train</div>
+                <div class="author-name">Author: <a data-file="train" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-user-1"></i>
+                <div class="class-name">.flaticon-user-1</div>
+                <div class="author-name">Author: <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-user"></i>
+                <div class="class-name">.flaticon-user</div>
+                <div class="author-name">Author: <a data-file="user" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-vegetable"></i>
+                <div class="class-name">.flaticon-vegetable</div>
+                <div class="author-name">Author: <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a> </div>
+            </div>
+
+            <div class="glyph">
+                <i class="flaticon flaticon-washer"></i>
+                <div class="class-name">.flaticon-washer</div>
+                <div class="author-name">Author: <a data-file="washer" href="http://www.freepik.com">Freepik</a> </div>
+            </div>
+
+    </section>
+
+    <section class="attribution wrapper"   style="text-align:center;">
+
+        <div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="salad" href="http://www.freepik.com">Freepik</a>, <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a>, <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a>, <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a>, <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a>, <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a></p>  </div>
+        </div>
+        <div class="title">Copy the Attribution License:</div>
+
+        <textarea onclick="this.focus();this.select();">Font generated by &lt;a href=&quot;https://www.flaticon.com&quot;&gt;flaticon.com&lt;/a&gt;. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="salad" href="http://www.freepik.com">Freepik</a>, <a data-file="armchair" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="mortgage" href="https://www.flaticon.com/authors/anatoly">Anatoly</a>, <a data-file="heart-1" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="deal" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="user-1" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="square-shape-design-interface-tool-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="house-2" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="home-1" href="https://www.flaticon.com/authors/iconixar">iconixar</a>, <a data-file="dumbell" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="plus" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="select" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="office" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="bed" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="bed-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="deal-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="plane" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="stethoscope" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="book" href="https://www.flaticon.com/authors/mavadee">mavadee</a>, <a data-file="expand" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="add" href="https://www.flaticon.com/authors/dmitri13">dmitri13</a>, <a data-file="slumber" href="https://www.flaticon.com/authors/geotatah">geotatah</a>, <a data-file="beds" href="https://www.flaticon.com/authors/linector">Linector</a>, <a data-file="left-quote" href="https://www.flaticon.com/authors/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="quotation" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="sewing" href="https://www.flaticon.com/authors/nhor-phai">Nhor Phai</a>, <a data-file="branch" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a></p> 
+        </textarea>
+
+    </section>
+
+    <section class="iconsuse">
+
+        <div class="title">Examples:</div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-to-cart"></i>
+                    <span>&lt;i class=&quot;flaticon-add-to-cart&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-user-1"></i>
+                    <span>&lt;i class=&quot;flaticon-add-user-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add-user"></i>
+                    <span>&lt;i class=&quot;flaticon-add-user&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-add"></i>
+                    <span>&lt;i class=&quot;flaticon-add&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-airplane"></i>
+                    <span>&lt;i class=&quot;flaticon-airplane&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-apartment-1"></i>
+                    <span>&lt;i class=&quot;flaticon-apartment-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-apartment"></i>
+                    <span>&lt;i class=&quot;flaticon-apartment&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-armchair"></i>
+                    <span>&lt;i class=&quot;flaticon-armchair&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bathtub"></i>
+                    <span>&lt;i class=&quot;flaticon-bathtub&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bed-1"></i>
+                    <span>&lt;i class=&quot;flaticon-bed-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-bed"></i>
+                    <span>&lt;i class=&quot;flaticon-bed&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-beds"></i>
+                    <span>&lt;i class=&quot;flaticon-beds&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-book"></i>
+                    <span>&lt;i class=&quot;flaticon-book&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-branch"></i>
+                    <span>&lt;i class=&quot;flaticon-branch&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-building"></i>
+                    <span>&lt;i class=&quot;flaticon-building&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-buy-home"></i>
+                    <span>&lt;i class=&quot;flaticon-buy-home&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-buy-online"></i>
+                    <span>&lt;i class=&quot;flaticon-buy-online&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-call-center-agent"></i>
+                    <span>&lt;i class=&quot;flaticon-call-center-agent&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-car"></i>
+                    <span>&lt;i class=&quot;flaticon-car&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-chat"></i>
+                    <span>&lt;i class=&quot;flaticon-chat&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-clean"></i>
+                    <span>&lt;i class=&quot;flaticon-clean&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-deal-1"></i>
+                    <span>&lt;i class=&quot;flaticon-deal-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-deal"></i>
+                    <span>&lt;i class=&quot;flaticon-deal&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dining-table-with-chairs"></i>
+                    <span>&lt;i class=&quot;flaticon-dining-table-with-chairs&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-double-bed"></i>
+                    <span>&lt;i class=&quot;flaticon-double-bed&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dryer"></i>
+                    <span>&lt;i class=&quot;flaticon-dryer&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dumbbell"></i>
+                    <span>&lt;i class=&quot;flaticon-dumbbell&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-dumbell"></i>
+                    <span>&lt;i class=&quot;flaticon-dumbell&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-excavator"></i>
+                    <span>&lt;i class=&quot;flaticon-excavator&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-expand"></i>
+                    <span>&lt;i class=&quot;flaticon-expand&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-fast-forward-double-right-arrows-symbol"></i>
+                    <span>&lt;i class=&quot;flaticon-fast-forward-double-right-arrows-symbol&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-financial"></i>
+                    <span>&lt;i class=&quot;flaticon-financial&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-garage-1"></i>
+                    <span>&lt;i class=&quot;flaticon-garage-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-garage"></i>
+                    <span>&lt;i class=&quot;flaticon-garage&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-google-docs"></i>
+                    <span>&lt;i class=&quot;flaticon-google-docs&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-heart-1"></i>
+                    <span>&lt;i class=&quot;flaticon-heart-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-heart"></i>
+                    <span>&lt;i class=&quot;flaticon-heart&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-1"></i>
+                    <span>&lt;i class=&quot;flaticon-home-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-2"></i>
+                    <span>&lt;i class=&quot;flaticon-home-2&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home-3"></i>
+                    <span>&lt;i class=&quot;flaticon-home-3&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-home"></i>
+                    <span>&lt;i class=&quot;flaticon-home&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-hospital"></i>
+                    <span>&lt;i class=&quot;flaticon-hospital&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-1"></i>
+                    <span>&lt;i class=&quot;flaticon-house-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-2"></i>
+                    <span>&lt;i class=&quot;flaticon-house-2&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-3"></i>
+                    <span>&lt;i class=&quot;flaticon-house-3&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-4"></i>
+                    <span>&lt;i class=&quot;flaticon-house-4&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house-key"></i>
+                    <span>&lt;i class=&quot;flaticon-house-key&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-house"></i>
+                    <span>&lt;i class=&quot;flaticon-house&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-key-1"></i>
+                    <span>&lt;i class=&quot;flaticon-key-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-key"></i>
+                    <span>&lt;i class=&quot;flaticon-key&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quote-1"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quote-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quote"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quote&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-left-quotes-sign"></i>
+                    <span>&lt;i class=&quot;flaticon-left-quotes-sign&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-location"></i>
+                    <span>&lt;i class=&quot;flaticon-location&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-loupe"></i>
+                    <span>&lt;i class=&quot;flaticon-loupe&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mall"></i>
+                    <span>&lt;i class=&quot;flaticon-mall&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-maps-and-location"></i>
+                    <span>&lt;i class=&quot;flaticon-maps-and-location&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-measure"></i>
+                    <span>&lt;i class=&quot;flaticon-measure&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-metro"></i>
+                    <span>&lt;i class=&quot;flaticon-metro&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mortarboard"></i>
+                    <span>&lt;i class=&quot;flaticon-mortarboard&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mortgage"></i>
+                    <span>&lt;i class=&quot;flaticon-mortgage&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-mountain"></i>
+                    <span>&lt;i class=&quot;flaticon-mountain&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-office"></i>
+                    <span>&lt;i class=&quot;flaticon-office&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-official-documents"></i>
+                    <span>&lt;i class=&quot;flaticon-official-documents&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-online-shop"></i>
+                    <span>&lt;i class=&quot;flaticon-online-shop&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-operator"></i>
+                    <span>&lt;i class=&quot;flaticon-operator&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-package"></i>
+                    <span>&lt;i class=&quot;flaticon-package&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-park"></i>
+                    <span>&lt;i class=&quot;flaticon-park&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-parking"></i>
+                    <span>&lt;i class=&quot;flaticon-parking&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-pencil"></i>
+                    <span>&lt;i class=&quot;flaticon-pencil&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-phone-call"></i>
+                    <span>&lt;i class=&quot;flaticon-phone-call&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-pin"></i>
+                    <span>&lt;i class=&quot;flaticon-pin&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-plane"></i>
+                    <span>&lt;i class=&quot;flaticon-plane&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-plus"></i>
+                    <span>&lt;i class=&quot;flaticon-plus&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-quotation"></i>
+                    <span>&lt;i class=&quot;flaticon-quotation&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-right-arrow"></i>
+                    <span>&lt;i class=&quot;flaticon-right-arrow&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-right-quote"></i>
+                    <span>&lt;i class=&quot;flaticon-right-quote&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-salad"></i>
+                    <span>&lt;i class=&quot;flaticon-salad&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-secure-shield"></i>
+                    <span>&lt;i class=&quot;flaticon-secure-shield&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-secure"></i>
+                    <span>&lt;i class=&quot;flaticon-secure&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-select"></i>
+                    <span>&lt;i class=&quot;flaticon-select&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-sewing"></i>
+                    <span>&lt;i class=&quot;flaticon-sewing&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-slider"></i>
+                    <span>&lt;i class=&quot;flaticon-slider&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-slumber"></i>
+                    <span>&lt;i class=&quot;flaticon-slumber&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-square-shape-design-interface-tool-symbol"></i>
+                    <span>&lt;i class=&quot;flaticon-square-shape-design-interface-tool-symbol&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-stethoscope"></i>
+                    <span>&lt;i class=&quot;flaticon-stethoscope&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-support"></i>
+                    <span>&lt;i class=&quot;flaticon-support&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-swimming"></i>
+                    <span>&lt;i class=&quot;flaticon-swimming&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-toilet"></i>
+                    <span>&lt;i class=&quot;flaticon-toilet&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-train"></i>
+                    <span>&lt;i class=&quot;flaticon-train&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-user-1"></i>
+                    <span>&lt;i class=&quot;flaticon-user-1&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-user"></i>
+                    <span>&lt;i class=&quot;flaticon-user&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-vegetable"></i>
+                    <span>&lt;i class=&quot;flaticon-vegetable&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+            <div class="image">
+                <p>
+                    <i class="flaticon flaticon-washer"></i>
+                    <span>&lt;i class=&quot;flaticon-washer&quot;&gt;&lt;/i&gt;</span>
+                </p>
+            </div>
+        </div>
+
+    </section>
+
+    <div id="footer">
+        <div>Generated by <a href="https://www.flaticon.com">flaticon.com</a>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss
new file mode 100644
index 0000000..5d86fe3
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.scss
@@ -0,0 +1,401 @@
+$flaticon-font: "flaticon";
+
+@font-face {
+    font-family: $flaticon-font;
+    src: url("./flaticon.ttf?b66957d660bcc55c5e858f139c964a40") format("truetype"),
+url("./flaticon.woff?b66957d660bcc55c5e858f139c964a40") format("woff"),
+url("./flaticon.woff2?b66957d660bcc55c5e858f139c964a40") format("woff2"),
+url("./flaticon.eot?b66957d660bcc55c5e858f139c964a40#iefix") format("embedded-opentype"),
+url("./flaticon.svg?b66957d660bcc55c5e858f139c964a40#flaticon") format("svg");
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+$flaticon-map: (
+    "add-to-cart": "\f101",
+    "add-user-1": "\f102",
+    "add-user": "\f103",
+    "add": "\f104",
+    "airplane": "\f105",
+    "apartment-1": "\f106",
+    "apartment": "\f107",
+    "armchair": "\f108",
+    "bathtub": "\f109",
+    "bed-1": "\f10a",
+    "bed": "\f10b",
+    "beds": "\f10c",
+    "book": "\f10d",
+    "branch": "\f10e",
+    "building": "\f10f",
+    "buy-home": "\f110",
+    "buy-online": "\f111",
+    "call-center-agent": "\f112",
+    "car": "\f113",
+    "chat": "\f114",
+    "clean": "\f115",
+    "deal-1": "\f116",
+    "deal": "\f117",
+    "dining-table-with-chairs": "\f118",
+    "double-bed": "\f119",
+    "dryer": "\f11a",
+    "dumbbell": "\f11b",
+    "dumbell": "\f11c",
+    "excavator": "\f11d",
+    "expand": "\f11e",
+    "fast-forward-double-right-arrows-symbol": "\f11f",
+    "financial": "\f120",
+    "garage-1": "\f121",
+    "garage": "\f122",
+    "google-docs": "\f123",
+    "heart-1": "\f124",
+    "heart": "\f125",
+    "home-1": "\f126",
+    "home-2": "\f127",
+    "home-3": "\f128",
+    "home": "\f129",
+    "hospital": "\f12a",
+    "house-1": "\f12b",
+    "house-2": "\f12c",
+    "house-3": "\f12d",
+    "house-4": "\f12e",
+    "house-key": "\f12f",
+    "house": "\f130",
+    "key-1": "\f131",
+    "key": "\f132",
+    "left-quote-1": "\f133",
+    "left-quote": "\f134",
+    "left-quotes-sign": "\f135",
+    "location": "\f136",
+    "loupe": "\f137",
+    "mall": "\f138",
+    "maps-and-location": "\f139",
+    "measure": "\f13a",
+    "metro": "\f13b",
+    "mortarboard": "\f13c",
+    "mortgage": "\f13d",
+    "mountain": "\f13e",
+    "office": "\f13f",
+    "official-documents": "\f140",
+    "online-shop": "\f141",
+    "operator": "\f142",
+    "package": "\f143",
+    "park": "\f144",
+    "parking": "\f145",
+    "pencil": "\f146",
+    "phone-call": "\f147",
+    "pin": "\f148",
+    "plane": "\f149",
+    "plus": "\f14a",
+    "quotation": "\f14b",
+    "right-arrow": "\f14c",
+    "right-quote": "\f14d",
+    "salad": "\f14e",
+    "secure-shield": "\f14f",
+    "secure": "\f150",
+    "select": "\f151",
+    "sewing": "\f152",
+    "slider": "\f153",
+    "slumber": "\f154",
+    "square-shape-design-interface-tool-symbol": "\f155",
+    "stethoscope": "\f156",
+    "support": "\f157",
+    "swimming": "\f158",
+    "toilet": "\f159",
+    "train": "\f15a",
+    "user-1": "\f15b",
+    "user": "\f15c",
+    "vegetable": "\f15d",
+    "washer": "\f15e",
+);
+
+.flaticon-add-to-cart:before {
+    content: map-get($flaticon-map, "add-to-cart");
+}
+.flaticon-add-user-1:before {
+    content: map-get($flaticon-map, "add-user-1");
+}
+.flaticon-add-user:before {
+    content: map-get($flaticon-map, "add-user");
+}
+.flaticon-add:before {
+    content: map-get($flaticon-map, "add");
+}
+.flaticon-airplane:before {
+    content: map-get($flaticon-map, "airplane");
+}
+.flaticon-apartment-1:before {
+    content: map-get($flaticon-map, "apartment-1");
+}
+.flaticon-apartment:before {
+    content: map-get($flaticon-map, "apartment");
+}
+.flaticon-armchair:before {
+    content: map-get($flaticon-map, "armchair");
+}
+.flaticon-bathtub:before {
+    content: map-get($flaticon-map, "bathtub");
+}
+.flaticon-bed-1:before {
+    content: map-get($flaticon-map, "bed-1");
+}
+.flaticon-bed:before {
+    content: map-get($flaticon-map, "bed");
+}
+.flaticon-beds:before {
+    content: map-get($flaticon-map, "beds");
+}
+.flaticon-book:before {
+    content: map-get($flaticon-map, "book");
+}
+.flaticon-branch:before {
+    content: map-get($flaticon-map, "branch");
+}
+.flaticon-building:before {
+    content: map-get($flaticon-map, "building");
+}
+.flaticon-buy-home:before {
+    content: map-get($flaticon-map, "buy-home");
+}
+.flaticon-buy-online:before {
+    content: map-get($flaticon-map, "buy-online");
+}
+.flaticon-call-center-agent:before {
+    content: map-get($flaticon-map, "call-center-agent");
+}
+.flaticon-car:before {
+    content: map-get($flaticon-map, "car");
+}
+.flaticon-chat:before {
+    content: map-get($flaticon-map, "chat");
+}
+.flaticon-clean:before {
+    content: map-get($flaticon-map, "clean");
+}
+.flaticon-deal-1:before {
+    content: map-get($flaticon-map, "deal-1");
+}
+.flaticon-deal:before {
+    content: map-get($flaticon-map, "deal");
+}
+.flaticon-dining-table-with-chairs:before {
+    content: map-get($flaticon-map, "dining-table-with-chairs");
+}
+.flaticon-double-bed:before {
+    content: map-get($flaticon-map, "double-bed");
+}
+.flaticon-dryer:before {
+    content: map-get($flaticon-map, "dryer");
+}
+.flaticon-dumbbell:before {
+    content: map-get($flaticon-map, "dumbbell");
+}
+.flaticon-dumbell:before {
+    content: map-get($flaticon-map, "dumbell");
+}
+.flaticon-excavator:before {
+    content: map-get($flaticon-map, "excavator");
+}
+.flaticon-expand:before {
+    content: map-get($flaticon-map, "expand");
+}
+.flaticon-fast-forward-double-right-arrows-symbol:before {
+    content: map-get($flaticon-map, "fast-forward-double-right-arrows-symbol");
+}
+.flaticon-financial:before {
+    content: map-get($flaticon-map, "financial");
+}
+.flaticon-garage-1:before {
+    content: map-get($flaticon-map, "garage-1");
+}
+.flaticon-garage:before {
+    content: map-get($flaticon-map, "garage");
+}
+.flaticon-google-docs:before {
+    content: map-get($flaticon-map, "google-docs");
+}
+.flaticon-heart-1:before {
+    content: map-get($flaticon-map, "heart-1");
+}
+.flaticon-heart:before {
+    content: map-get($flaticon-map, "heart");
+}
+.flaticon-home-1:before {
+    content: map-get($flaticon-map, "home-1");
+}
+.flaticon-home-2:before {
+    content: map-get($flaticon-map, "home-2");
+}
+.flaticon-home-3:before {
+    content: map-get($flaticon-map, "home-3");
+}
+.flaticon-home:before {
+    content: map-get($flaticon-map, "home");
+}
+.flaticon-hospital:before {
+    content: map-get($flaticon-map, "hospital");
+}
+.flaticon-house-1:before {
+    content: map-get($flaticon-map, "house-1");
+}
+.flaticon-house-2:before {
+    content: map-get($flaticon-map, "house-2");
+}
+.flaticon-house-3:before {
+    content: map-get($flaticon-map, "house-3");
+}
+.flaticon-house-4:before {
+    content: map-get($flaticon-map, "house-4");
+}
+.flaticon-house-key:before {
+    content: map-get($flaticon-map, "house-key");
+}
+.flaticon-house:before {
+    content: map-get($flaticon-map, "house");
+}
+.flaticon-key-1:before {
+    content: map-get($flaticon-map, "key-1");
+}
+.flaticon-key:before {
+    content: map-get($flaticon-map, "key");
+}
+.flaticon-left-quote-1:before {
+    content: map-get($flaticon-map, "left-quote-1");
+}
+.flaticon-left-quote:before {
+    content: map-get($flaticon-map, "left-quote");
+}
+.flaticon-left-quotes-sign:before {
+    content: map-get($flaticon-map, "left-quotes-sign");
+}
+.flaticon-location:before {
+    content: map-get($flaticon-map, "location");
+}
+.flaticon-loupe:before {
+    content: map-get($flaticon-map, "loupe");
+}
+.flaticon-mall:before {
+    content: map-get($flaticon-map, "mall");
+}
+.flaticon-maps-and-location:before {
+    content: map-get($flaticon-map, "maps-and-location");
+}
+.flaticon-measure:before {
+    content: map-get($flaticon-map, "measure");
+}
+.flaticon-metro:before {
+    content: map-get($flaticon-map, "metro");
+}
+.flaticon-mortarboard:before {
+    content: map-get($flaticon-map, "mortarboard");
+}
+.flaticon-mortgage:before {
+    content: map-get($flaticon-map, "mortgage");
+}
+.flaticon-mountain:before {
+    content: map-get($flaticon-map, "mountain");
+}
+.flaticon-office:before {
+    content: map-get($flaticon-map, "office");
+}
+.flaticon-official-documents:before {
+    content: map-get($flaticon-map, "official-documents");
+}
+.flaticon-online-shop:before {
+    content: map-get($flaticon-map, "online-shop");
+}
+.flaticon-operator:before {
+    content: map-get($flaticon-map, "operator");
+}
+.flaticon-package:before {
+    content: map-get($flaticon-map, "package");
+}
+.flaticon-park:before {
+    content: map-get($flaticon-map, "park");
+}
+.flaticon-parking:before {
+    content: map-get($flaticon-map, "parking");
+}
+.flaticon-pencil:before {
+    content: map-get($flaticon-map, "pencil");
+}
+.flaticon-phone-call:before {
+    content: map-get($flaticon-map, "phone-call");
+}
+.flaticon-pin:before {
+    content: map-get($flaticon-map, "pin");
+}
+.flaticon-plane:before {
+    content: map-get($flaticon-map, "plane");
+}
+.flaticon-plus:before {
+    content: map-get($flaticon-map, "plus");
+}
+.flaticon-quotation:before {
+    content: map-get($flaticon-map, "quotation");
+}
+.flaticon-right-arrow:before {
+    content: map-get($flaticon-map, "right-arrow");
+}
+.flaticon-right-quote:before {
+    content: map-get($flaticon-map, "right-quote");
+}
+.flaticon-salad:before {
+    content: map-get($flaticon-map, "salad");
+}
+.flaticon-secure-shield:before {
+    content: map-get($flaticon-map, "secure-shield");
+}
+.flaticon-secure:before {
+    content: map-get($flaticon-map, "secure");
+}
+.flaticon-select:before {
+    content: map-get($flaticon-map, "select");
+}
+.flaticon-sewing:before {
+    content: map-get($flaticon-map, "sewing");
+}
+.flaticon-slider:before {
+    content: map-get($flaticon-map, "slider");
+}
+.flaticon-slumber:before {
+    content: map-get($flaticon-map, "slumber");
+}
+.flaticon-square-shape-design-interface-tool-symbol:before {
+    content: map-get($flaticon-map, "square-shape-design-interface-tool-symbol");
+}
+.flaticon-stethoscope:before {
+    content: map-get($flaticon-map, "stethoscope");
+}
+.flaticon-support:before {
+    content: map-get($flaticon-map, "support");
+}
+.flaticon-swimming:before {
+    content: map-get($flaticon-map, "swimming");
+}
+.flaticon-toilet:before {
+    content: map-get($flaticon-map, "toilet");
+}
+.flaticon-train:before {
+    content: map-get($flaticon-map, "train");
+}
+.flaticon-user-1:before {
+    content: map-get($flaticon-map, "user-1");
+}
+.flaticon-user:before {
+    content: map-get($flaticon-map, "user");
+}
+.flaticon-vegetable:before {
+    content: map-get($flaticon-map, "vegetable");
+}
+.flaticon-washer:before {
+    content: map-get($flaticon-map, "washer");
+}
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg
new file mode 100644
index 0000000..4f2e679
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.svg
@@ -0,0 +1,576 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <font id="flaticon" horiz-adv-x="300">
+    <font-face font-family="flaticon"
+      units-per-em="300" ascent="300"
+      descent="0" >
+    <missing-glyph horiz-adv-x="0" >
+    <glyph glyph-name="add-to-cart"
+      unicode="&#xF101;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-to-cart-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x74;&#x6F;&#x2D;&#x63;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M291.7533873046875 243.0793763671875C286.191558984375 249.430846875 278.265380859375 252.9304505859375 269.435119921875 252.9304505859375H202.7641294921875V291.2109375C202.7641294921875 296.06552109375 198.829651171875 300 193.9750669921875 300H146.905517578125C142.050933984375 300 138.116455078125 296.06552109375 138.116455078125 291.2109375V252.9304505859375H55.8998109375L53.7506103515625 269.0437318359375C51.434326171875 286.4021302734375 39.349365234375 300 26.236725 300H10.546875C5.69229140625 300 1.7578125 296.06552109375 1.7578125 291.2109375S5.69229140625 282.421875 10.546875 282.421875H26.236725C29.05654921875 282.421875 35.028076171875 276.4595033203125 36.325836328125 266.7205810546875L61.484527734375 78.025817578125C62.5923158203125 69.708251953125 66.8655398437499 61.9216921875 73.5168457031249 56.09893828125C78.4492494140625 51.779937890625 84.2788699218749 48.907470703125 90.38543671875 47.7058412109375C87.8974916015625 43.1304931640624 86.485290234375 37.889098828125 86.485290234375 32.3249818359375C86.485290234375 14.499664453125 100.9849546875 0 118.8079833984375 0S151.132965234375 14.499664453125 151.132965234375 32.3249818359375C151.132965234375 37.6350404296875 149.83749375 42.645263671875 147.5578306640625 47.0695494140625H193.613433984375C191.3337708984375 42.645263671875 190.0382994140625 37.6350404296875 190.0382994140625 32.3249818359375C190.0382994140625 14.499664453125 204.5379638671875 0 222.36328125 0C240.1863099609374 0 254.685973828125 14.499664453125 254.685973828125 32.3249818359375C254.685973828125 37.6350404296875 253.3905029296875 42.645263671875 251.113128515625 47.0695494140625H274.14093046875C278.993225390625 47.0695494140625 282.92999296875 51.0063169921875 282.92999296875 55.8586119140625C282.92999296875 60.71319609375 278.993225390625 64.6476744140625 274.14093046875 64.6476744140625H96.84219375C88.254547265625 64.6476744140625 80.0422669921875 71.8391419921875 78.9070130859375 80.35125703125L77.0690917968749 94.1413880859375H250.6050111328125C258.9958189453125 94.1413880859375 267.279052734375 97.3480224609375 273.93035859375 103.1684876953125C280.5793763671875 108.9912416015625 284.852600390625 116.780090625 285.9649658203125 125.09765625L298.569488671875 219.64874296875C299.7367857421875 228.403473046875 297.3175048828125 236.7256166015625 291.7533873046875 243.0793763671875zM133.554840234375 32.3249818359375C133.554840234375 24.192809765625 126.9401548828125 17.578125 118.8079833984375 17.578125C110.6781005859375 17.578125 104.063415234375 24.192809765625 104.063415234375 32.3249818359375C104.063415234375 40.4548646484375 110.6781005859375 47.0695494140625 118.8079833984375 47.0695494140625C126.9401548828125 47.0695494140625 133.554840234375 40.4548646484375 133.554840234375 32.3249818359375zM237.1101380859375 32.3249818359375C237.1101380859375 24.192809765625 230.495452734375 17.578125 222.36328125 17.578125C214.2333984375 17.578125 207.618713671875 24.192809765625 207.618713671875 32.3249818359375C207.618713671875 40.4548646484375 214.2333984375 47.0695494140625 222.36328125 47.0695494140625C230.495452734375 47.0695494140625 237.1101380859375 40.4548646484375 237.1101380859375 32.3249818359375zM155.694580078125 282.421875H185.1860044921875V244.24209609375C185.1860044921875 244.207763671875 185.1814271484375 244.175719921875 185.1814271484375 244.1413880859375C185.1814271484375 244.1070556640625 185.1860044921875 244.0727232421875 185.1860044921875 244.03839140625V197.0695494140625C185.1860044921875 192.2172544921875 189.1204833984375 188.2804869140625 193.9750669921875 188.2804869140625H197.07412734375L170.965576171875 162.380218359375L144.857025 188.2804869140625H146.905517578125C151.760101171875 188.2804869140625 155.694580078125 192.2172544921875 155.694580078125 197.0695494140625zM281.1447140625 221.974182421875L268.5401917968751 127.42080703125C267.4049378906251 118.910980078125 259.1926576171876 111.7195130859375 250.6050111328125 111.7195130859375H74.725341796875L58.2435609375 235.3523255859375H138.116455078125V205.8586119140625H123.5160826171875C119.95468125 205.8586119140625 116.745758203125 203.709411328125 115.390777734375 200.4180908203125C114.03350859375 197.1244810546875 114.7979736328125 193.33877578125 117.3271177734375 190.830230859375L164.776611328125 143.760680859375C166.4886474609375 142.0600892578125 168.727112109375 141.2109375 170.965576171875 141.2109375S175.4425048828125 142.0600892578125 177.154541015625 143.760680859375L224.6040345703125 190.830230859375C227.1331787109375 193.33877578125 227.89764375 197.1244810546875 226.540374609375 200.4180908203125C225.185394140625 203.709411328125 221.97647109375 205.8586119140625 218.4150697265625 205.8586119140625H202.7641294921875V235.3523255859375H269.435119921875C273.12469453125 235.3523255859375 276.3542173828125 233.9836119140625 278.5285951171875 231.500244140625C280.702972265625 229.014587109375 281.6322328125 225.6317138671875 281.1447140625 221.974182421875zM281.1447140625 221.974182421875" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#xF102;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user-1-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M131.8359375 300C88.2193359375 300 52.734375 264.5150390625 52.734375 220.8984375S88.2193359375 141.796875 131.8359375 141.796875S210.9375 177.2818359375 210.9375 220.8984375S175.4525390625 300 131.8359375 300zM131.8359375 159.375C97.9119140625 159.375 70.3125 186.9744140625 70.3125 220.8984375C70.3125 254.8224609375 97.9119140625 282.421875 131.8359375 282.421875C165.7599609375 282.421875 193.359375 254.8224609375 193.359375 220.8984375C193.359375 186.9744140625 165.7599609375 159.375 131.8359375 159.375zM238.4765625 123.046875C224.77265625 123.046875 212.1029296875 118.5416015625 201.8654296875 110.9373046875C185.019140625 119.5306640625 166.6078125 124.21875 149.4140625 124.21875H114.2578125C83.7837890625 124.21875 55.074609375 112.1091796875 33.418359375 90.1201171875C11.8681640625 68.2388671875 0 39.355078125 0 8.7890625C0 3.93515625 3.93515625 0 8.7890625 0H238.4765625C272.4005859375 0 300 27.5994140625 300 61.5234375C300 95.4474609375 272.4005859375 123.046875 238.4765625 123.046875zM17.96484375 17.578125C22.3681640625 67.433203125 63.8736328125 106.640625 114.2578125 106.640625H149.4140625C162.178125 106.640625 175.8328125 103.508203125 188.7609375 97.7203125C181.3400390625 87.556640625 176.953125 75.043359375 176.953125 61.5234375C176.953125 44.323828125 184.0505859375 28.7537109375 195.46640625 17.578125H17.96484375zM238.4765625 17.578125C214.2451171875 17.578125 194.53125 37.2919921875 194.53125 61.5234375C194.53125 74.34140625 200.049609375 85.8931640625 208.8333984375 93.9333984375C208.8638671875 93.9615234375 208.89375 93.9908203125 208.9236328125 94.01953125C216.7341796875 101.1287109375 227.1076171875 105.46875 238.4765625 105.46875C262.7080078125 105.46875 282.421875 85.7548828125 282.421875 61.5234375C282.421875 37.2919921875 262.7080078125 17.578125 238.4765625 17.578125zM256.0546875 70.3125H247.265625V79.1015625C247.265625 83.95546875 243.33046875 87.890625 238.4765625 87.890625S229.6875 83.95546875 229.6875 79.1015625V70.3125H220.8984375C216.04453125 70.3125 212.109375 66.37734375 212.109375 61.5234375S216.04453125 52.734375 220.8984375 52.734375H229.6875V43.9453125C229.6875 39.09140625 233.62265625 35.15625 238.4765625 35.15625S247.265625 39.09140625 247.265625 43.9453125V52.734375H256.0546875C260.90859375 52.734375 264.84375 56.66953125 264.84375 61.5234375S260.90859375 70.3125 256.0546875 70.3125z" >
+    <glyph glyph-name="add-user"
+      unicode="&#xF103;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add-user-1"
+      unicode="&#x61;&#x64;&#x64;&#x2D;&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="300" d="M149.7076171875 299.7076171875C101.9841796875 299.7076171875 63.158203125 260.8810546875 63.158203125 213.158203125C63.158203125 183.5982421875 78.0580078125 157.4560546875 100.7384765625 141.835546875C79.56328125 134.5283203125 60.1546875 122.4580078125 43.84921875 106.1525390625C15.5724609375 77.8751953125 0 40.280859375 0 0.2923828125H23.391796875C23.391796875 69.943359375 80.056640625 126.608203125 149.7076171875 126.608203125C197.4310546875 126.608203125 236.25703125 165.434765625 236.25703125 213.158203125S197.4310546875 299.7076171875 149.7076171875 299.7076171875zM149.7076171875 150C114.882421875 150 86.55 178.332421875 86.55 213.1576171875S114.882421875 276.3158203125 149.7076171875 276.3158203125S212.865234375 247.9833984375 212.865234375 213.1576171875S184.5328125 150 149.7076171875 150zM250.87734375 72.8068359375L250.87734375 121.930078125L227.485546875 121.930078125L227.485546875 72.8068359375L178.3623046875 72.8068359375L178.3623046875 49.4150390625L227.485546875 49.4150390625L227.485546875 0.2923828125L250.87734375 0.2923828125L250.87734375 49.4150390625L300 49.4150390625L300 72.8068359375z" >
+    <glyph glyph-name="add"
+      unicode="&#xF104;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="add-1"
+      unicode="&#x61;&#x64;&#x64;"
+      horiz-adv-x="300" d="M150 300C67.2849609375 300 0 232.7150390625 0 150S67.2849609375 0 150 0S300 67.2966796875 300 150S232.7150390625 300 150 300zM150 23.2376953125C80.1123046875 23.2376953125 23.2376953125 80.1005859375 23.2376953125 150S80.1123046875 276.7623046875 150 276.7623046875S276.7623046875 219.8994140625 276.7623046875 150S219.8994140625 23.2376953125 150 23.2376953125zM208.09453125 162.664453125H161.619140625V209.13984375C161.619140625 215.553515625 156.425390625 220.758984375 150 220.758984375S138.380859375 215.553515625 138.380859375 209.13984375V162.664453125H91.90546875C85.480078125 162.664453125 80.286328125 157.458984375 80.286328125 151.0453125S85.480078125 139.4261718750001 91.90546875 139.4261718750001H138.380859375V92.95078125C138.380859375 86.537109375 143.574609375 81.3316406250001 150 81.3316406250001S161.619140625 86.5371093750001 161.619140625 92.95078125V139.4261718750001H208.09453125C214.519921875 139.4261718750001 219.713671875 144.6316406250001 219.713671875 151.0453125S214.519921875 162.664453125 208.09453125 162.664453125z" >
+    <glyph glyph-name="airplane"
+      unicode="&#xF105;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133843 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387243 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="airplane-1"
+      unicode="&#x61;&#x69;&#x72;&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M35.7628214476602 129.4223352033661C33.1801878661225 128.2093708274895 32.0407427572626 125.1555925666199 33.1916809355139 122.5455820476858L44.9883877715546 97.194950911641C45.5679614382527 95.9326788218794 46.6253145753491 94.9498157082749 47.925661394746 94.4649589060309C48.4953837390189 94.2578671809257 49.0995852914659 94.1510343618514 49.7070707581594 94.1510343618514C50.4672479396167 94.1444600280505 51.217574639277 94.3071748948107 51.9087942450142 94.6210990182328L141.038374553376 136.2958014025246L132.9653877343849 51.7975325385694C132.8094116850605 50.1342260869565 133.4497341926478 48.4988604488079 134.6926160854019 47.3877980364657C138.6002239517713 44.1499388499299 143.4699573264878 42.3058380084152 148.5367125262534 42.1398361851332C149.9339287213656 42.1414796633941 151.322935761333 42.317343197756 152.6774635931262 42.6624955119214C159.9131056591668 44.5526166900421 165.5233139908043 51.0069685834502 169.3504707917481 62.0304828892005L204.4253561276034 166.0002849929873L273.8921163487217 198.4380479663394C294.3397415031714 207.9889110799439 304.8771481361682 227.3552549789621 297.8007656133844 242.471292286115C293.7847957222222 250.3719976157083 286.0927185775999 255.7465157082749 277.3006011935044 256.8000525946704C267.531581317424 258.275990743338 257.5474791387244 256.7375966339411 248.6749106892033 252.3886746143058L168.5098425448653 214.7588314165498L82.3191776066611 248.5065307152875C71.4648940544312 252.5990532959327 62.8681567484186 252.4938639551192 56.8392760403059 248.1367241234222C51.7807295753711 243.9817451612903 48.9025630461028 237.7361280504909 49.0257020545333 231.1864481065919C49.0782413199635 229.5247851332398 49.9139439056337 227.9880345021038 51.2799648068183 227.0380434782608L109.3177930499071 187.0989656381486L76.0801398368277 171.3534361851332L20.3458305378358 185.5260563814866C18.0620142385893 186.0881617110799 15.6846124778739 185.0576347826086 14.5271068914438 183.0064426367461L0.6353968463748 157.9730234221598C-0.085376306324 156.6466514726507 -0.1986639923292 155.0720987377279 0.3250869150064 153.6553295932679C0.8455539080955 152.2369169705469 1.9521619760615 151.1143497896213 3.3625129875314 150.5719670406732L44.6238968277899 133.5132143057503zM59.7716235819705 233.8096072931276C60.0802917663728 236.0284451612904 61.2016768179766 238.0484091164096 62.9190538465685 239.4783265077139C65.90886673519 241.6314210378682 71.361457270537 241.3158530154278 78.6479968550416 238.5875044880786L155.4045797342828 208.6184036465638L120.3805919168915 192.2433820476858zM12.5880797317398 158.0239741935484L21.7102096920542 174.2412122019636L75.3445901208051 160.9117506311361C76.500453960269 160.61919256662 77.7203501345545 160.7293127629734 78.8072563982983 161.2240312762974L253.1325390956233 242.7326217391305C260.062796471194 246.1545626928472 267.8681613018216 247.400398737728 275.5191914097769 246.3024849929874C280.8847643121478 245.8077664796634 285.6641952990135 242.7079683029453 288.3125025420248 238.0106065918654C292.7126660218021 228.5616454417953 284.0633898706734 214.7588314165498 269.4344879423017 207.9363164095372L209.0373188363817 179.5927199158485L212.7084995880011 190.4600936886396C213.6361463084883 193.2558294530155 212.1207167661581 196.2767356241234 209.3279265432138 197.2037166900421C206.5318524060231 198.1306977559608 203.5157703050006 196.6136701262272 202.5897657517937 193.8179347826087L159.4402522702953 65.286421598878C156.8707535051151 57.9889110799439 153.6724257220531 53.6317716690043 150.1079648279461 52.6899980364657C147.8996739329125 52.2643102384292 145.6142158866998 52.6982162692848 143.7113092618221 53.8947450210379L154.1978183763549 164.1134511921459C154.4720077728972 167.0110889200562 152.3490931841876 169.5832969144461 149.4512240100689 169.8577750350631C146.5566391705107 170.1355409537168 143.9871404053305 168.007100280505 143.7113092618221 165.1094625525947L142.0875176946993 148.262732398317L52.1173095597688 106.275749368864L44.7289753586502 122.0212788218794L59.5105694221 128.9473396914446C61.4134756266636 129.7872109396915 62.6399392091278 131.6707573632539 62.6399392091278 133.7498903225807C62.6399392091278 135.8306671809257 61.4134756266636 137.7142136044881 59.5105694221 138.5524413744741zM12.5880797317398 158.0239741935484" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#xF106;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment-1-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M100.8650390625 219.308203125H118.4431640625V201.730078125H100.8650390625zM100.8650390625 178.9623046875H118.4431640625V161.3841796875H100.8650390625zM181.5568359375 178.9623046875H199.1349609375V161.3841796875H181.5568359375zM221.902734375 178.9623046875H239.480859375V161.3841796875H221.902734375zM181.5568359375 138.6158203125H199.1349609375V121.0376953125H181.5568359375zM221.902734375 138.6158203125H239.480859375V121.0376953125H221.902734375zM181.5568359375 98.269921875H199.1349609375V80.691796875H181.5568359375zM221.902734375 98.269921875H239.480859375V80.691796875H221.902734375zM181.5568359375 57.9240234375H199.1349609375V40.3458984375H181.5568359375zM221.902734375 57.9240234375H239.480859375V40.3458984375H221.902734375zM60.519140625 178.9623046875H78.097265625V161.3841796875H60.519140625zM100.8650390625 138.6158203125H118.4431640625V121.0376953125H100.8650390625zM60.519140625 138.6158203125H78.097265625V121.0376953125H60.519140625zM100.8650390625 98.269921875H118.4431640625V80.691796875H100.8650390625zM60.519140625 98.269921875H78.097265625V80.691796875H60.519140625zM279.8267578125001 17.578125V219.308203125H158.7890625V261.240234375L138.6158203125 257.878125V300H40.3458984375V241.4994140625L20.1732421875 238.1373046875V17.578125H0V0H300V17.578125zM262.2486328125001 201.730078125V17.578125H158.7890625V201.730078125zM57.9240234375 282.421875H121.0376953125V254.9484375L57.9240234375 244.4291015625zM37.7513671875 223.2462890625L141.2109375 240.48984375V219.308203125V17.578125H118.4431640625V57.9240234375H60.519140625V17.578125H37.7513671875zM100.8650390625 17.578125H78.097265625V40.3458984375H100.8650390625z" >
+    <glyph glyph-name="apartment"
+      unicode="&#xF107;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.9944461741529 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="apartment-1"
+      unicode="&#x61;&#x70;&#x61;&#x72;&#x74;&#x6D;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M46.4790155066538 131.948089453125H69.8638629464625C73.0247196578298 131.948089453125 75.5881951689043 134.50927734375 75.5881951689043 137.6655580078125V159.99298125C75.5881951689043 163.15155 73.0247196578298 165.71044921875 69.8638629464625 165.71044921875H46.4790155066538C43.3204474662227 165.71044921875 40.7569719551482 163.15155 40.7569719551482 159.99298125V137.6655580078125C40.7569719551482 134.50927734375 43.3181587952864 131.948089453125 46.4790155066538 131.948089453125zM52.2033477290957 154.2755126953125H64.1418193949569V143.3830259765625H52.2033477290957zM52.2033477290957 154.2755126953125M46.4790155066538 86.8583677734375H69.8638629464625C73.0247196578298 86.8583677734375 75.5881951689043 89.4172669921875 75.5881951689043 92.575836328125V114.9009703125C75.5881951689043 118.0595396484375 73.0247196578298 120.6184388671875 69.8638629464625 120.6184388671875H46.4790155066538C43.3204474662227 120.6184388671875 40.7569719551482 118.0595396484375 40.7569719551482 114.9009703125V92.575836328125C40.7569719551482 89.4172669921875 43.3181587952864 86.8583677734375 46.4790155066538 86.8583677734375zM52.2033477290957 109.185791015625H64.1418193949569V98.293304296875H52.2033477290957zM52.2033477290957 109.185791015625M131.0416636352551 185.044098046875H155.6258514034593C158.7844200298277 185.044098046875 161.3478955409022 187.6052859375 161.3478955409022 190.761566015625V214.23797578125C161.3478955409022 217.396545703125 158.7844200298277 219.9554443359375 155.6258514034593 219.9554443359375H131.0416636352551C127.8808069238878 219.9554443359375 125.3196200837496 217.396545703125 125.3196200837496 214.23797578125V190.761566015625C125.3173314128133 187.6052859375 127.8808069238878 185.044098046875 131.0416636352551 185.044098046875zM136.7637071867607 208.5205078125H149.9015191810175V196.4790345703125H136.7637071867607zM136.7637071867607 208.5205078125M181.9266525300839 185.044098046875H206.5268621667167C209.6877194640213 185.044098046875 212.2489057182223 187.6052859375 212.2489057182223 190.761566015625V214.23797578125C212.2489057182223 217.396545703125 209.6877194640213 219.9554443359375 206.5268621667167 219.9554443359375H181.9266525300839C178.7657958187165 219.9554443359375 176.2046089785783 217.396545703125 176.2046089785783 214.23797578125V190.761566015625C176.2046089785783 187.6052859375 178.7657958187165 185.044098046875 181.9266525300839 185.044098046875zM187.6486960815895 208.5205078125H200.8025299442748V196.4790345703125H187.6486960815895zM187.6486960815895 208.5205078125M156.239255058118 170.37735H131.6573553749129C128.4964986635455 170.37735 125.933023152471 167.816162109375 125.933023152471 164.6598814453125V141.1811830078125C125.933023152471 138.02490234375 128.4964986635455 135.463714453125 131.6573553749129 135.463714453125H156.239255058118C159.4001117694854 135.463714453125 161.9635872805599 138.02490234375 161.9635872805599 141.1811830078125V164.6598814453125C161.9635872805599 167.816162109375 159.4024004404217 170.37735 156.239255058118 170.37735zM150.5172109206752 146.8986509765625H137.3793995123557V158.9424134765625H150.5172109206752zM150.5172109206752 146.8986509765625M207.1265326238831 170.37735H182.5423442697416C179.3814875583742 170.37735 176.8203013041733 167.816162109375 176.8203013041733 164.6598814453125V141.1811830078125C176.8203013041733 138.02490234375 179.3814875583742 135.463714453125 182.5423442697416 135.463714453125H207.1265326238831C210.2873893352505 135.463714453125 212.8485761753887 138.02490234375 212.8485761753887 141.1811830078125V164.6598814453125C212.8485761753887 167.816162109375 210.2873893352505 170.37735 207.1265326238831 170.37735zM201.402199815504 146.8986509765625H188.2643884071845V158.9424134765625H201.402199815504zM201.402199815504 146.8986509765625M296.4476323164008 118.199157421875C292.5268882213935 131.650543359375 285.4773305659386 145.802307421875 277.5877767706384 156.056213671875C272.5798442543607 162.5679017578125 266.4046145606073 169.22607421875 258.5608376996564 169.228362890625C258.5585490287201 169.228362890625 258.5562597718466 169.228362890625 258.5562597718466 169.228362890625C251.9095339824177 169.228362890625 246.5445459485261 164.6003724609375 241.7929609833558 158.9447021484375V247.911071484375L243.4912638024113 247.9087828125C252.6785766357401 247.9087828125 260.1538546243956 255.3886412109375 260.1538546243956 264.5805357421875S252.6785766357401 281.25 243.4912638024113 281.25H93.1365584791459C83.9492456458172 281.25 76.4739676571617 273.7724302734375 76.4739676571617 264.5805357421875S83.9492456458172 247.9087828125 93.1365584791459 247.9087828125H94.8348607122642V222.3220828125H17.1478201151519C7.6927152041598 222.3220828125 0 214.633941796875 0 205.1834109375C0 197.3030091796875 5.3489661654631 190.651702734375 12.6090950236134 188.655853125V30.46875H10.0501974403487C6.8893401430441 30.46875 4.3281538888431 27.90985078125 4.3281538888431 24.75128203125C4.3281538888431 21.5950013671875 6.8893401430441 19.0338134765625 10.0501974403487 19.0338134765625H264.9626598785966C268.1235165899639 19.0338134765625 270.6869921010384 21.5950013671875 270.6869921010384 24.75128203125C270.6869921010384 27.8045654296875 268.2906001151835 30.2925111328125 265.2739390477984 30.452728125V57.9963685546875C283.7218074578524 59.56649765625 292.153810835351 68.71719375 295.994446174153 76.5083314453125C302.5427532539489 89.7857666015625 299.8556813091932 106.507873828125 296.4476323164008 118.199157421875zM17.1478201151519 210.887145703125H94.8348607122642V199.477386328125H17.1478201151519C14.0029852722131 199.477386328125 11.4463757739474 202.036285546875 11.4463757739474 205.1811216796875C11.4463757739474 208.3282470703125 14.0029852722131 210.887145703125 17.1478201151519 210.887145703125zM94.8348607122642 30.46875H24.0531821266245V188.0424498046875H94.8348607122642zM160.7917127612116 30.46875H140.6363862624197V90.3900146484375H160.7917127612116zM192.3934144480136 30.46875H172.238088535159V90.3900146484375H192.3934144480136zM230.3465852094084 30.46875H203.8397908078983V96.107483203125C203.8397908078983 99.26376328125 201.2763152968239 101.824951171875 198.1154585854565 101.824951171875H134.9143427109142C131.7534859995468 101.824951171875 129.1900104884723 99.26376328125 129.1900104884723 96.107483203125V30.46875H106.2812370721489V247.9087828125H145.5115676612711C148.6724243726385 247.9087828125 151.235899883713 250.469970703125 151.235899883713 253.6262513671875C151.235899883713 256.784820703125 148.6724243726385 259.3437193359375 145.5115676612711 259.3437193359375H93.136558479146C90.3098688182179 259.3437193359375 87.9203434311092 261.7424009765625 87.9203434311092 264.5805357421875C87.9203434311092 267.466735546875 90.2595151279333 269.8150634765625 93.136558479146 269.8150634765625H243.4912638024114C246.3683071536241 269.8150634765625 248.7074788504482 267.466735546875 248.7074788504482 264.5805357421875C248.7074788504482 261.7424009765625 246.3179528774022 259.3437193359375 243.4935524733477 259.3437193359375L191.1002327518577 259.3597412109375S191.1002327518577 259.3597412109375 191.0979440809214 259.3597412109375C187.9393760404903 259.3597412109375 185.3759005294158 256.800842578125 185.3759005294158 253.6445619140625C185.3736118584795 250.485992578125 187.9347986986177 247.927093359375 191.0956554099851 247.9248046875L230.3465852094084 247.9133607421875V141.68701171875C223.4732663488556 128.6224365234375 219.0695816316169 114.134216015625 218.2227194789628 101.719665234375C217.1767300642318 86.370849609375 221.3606877231555 74.3682861328125 230.3465852094084 66.7854310546875zM253.827563273851 30.46875H241.7929609833559V61.41357421875C244.6471164533312 59.726715234375 248.4763078515144 58.506774609375 253.827563273851 58.0078125zM285.7291001892363 81.5620423828125C282.2912967164604 74.594879296875 275.4156891849713 70.55282578125 265.2739390477984 69.488525390625V93.4455873046875L273.7379861621542 101.49307265625C276.0290922536926 103.6697390625 276.1183562795805 107.2883607421875 273.9394020951671 109.5771791015625C271.7604479107538 111.863708203125 268.1372497874562 111.952972265625 265.8484323668539 109.776305859375L265.2739390477984 109.2315673828125V127.5077818359375C265.2739390477984 130.6640625 262.7127522076603 133.225250390625 259.5518954962929 133.225250390625S253.8298519447873 130.6640625 253.8298519447873 127.5077818359375V117.15087890625L253.2759578360329 117.67959609375C250.9871404154307 119.858551171875 247.3639428780703 119.77157578125 245.184988693657 117.4850460937499C243.0037452523701 115.2008056640625 243.0907206073217 111.582183984375 245.3772493569876 109.40322890625L253.8298519447873 101.3534542968749V93.8804625L249.2110180970434 97.1672056640625C246.6360986453502 98.9982603515625 243.0632547982744 98.398590234375 241.2299121908563 95.8282470703125C239.396568997501 93.255615234375 239.9962394546674 89.68505859375 242.5711589063606 87.85400390625L253.8298519447873 79.8431396484375V69.4908140625C243.3287576190643 70.5917355468749 236.1693367274205 74.8535156249999 232.5324059925679 82.228088671875C225.496580948668 96.494293359375 231.4772613081546 119.1535951171875 240.3395623607264 136.102294921875C240.3853381232012 136.191558984375 240.4311150575505 136.2785337890625 240.4768908200253 136.3655091796875C242.9465249633394 141.0552978515625 245.6335969080951 145.3010560546875 248.3206682669134 148.79608125C254.0450004893553 156.2324525390625 257.0479289451854 157.7934263671875 258.5562597718466 157.7934263671875H258.5585490287201C260.0485687300793 157.7934263671875 262.9851216271962 156.28280625 268.5149045153712 149.08905C281.4192568397579 132.314300390625 294.5799573011893 99.51553359375 285.7291001892362 81.5620423828125zM285.7291001892363 81.5620423828125M168.4272076763406 259.3437193359375H168.3127665123419C165.1519098009745 259.3437193359375 162.5907229608363 256.784820703125 162.5907229608363 253.6262513671875C162.5907229608363 250.469970703125 165.1519098009745 247.9087828125 168.3127665123419 247.9087828125H168.4272076763406C171.588064387708 247.9087828125 174.1492512278462 250.469970703125 174.1492512278462 253.6262513671875C174.1492512278462 256.784820703125 171.588064387708 259.3437193359375 168.4272076763406 259.3437193359375zM168.4272076763406 259.3437193359375" >
+    <glyph glyph-name="armchair"
+      unicode="&#xF108;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="armchair-1"
+      unicode="&#x61;&#x72;&#x6D;&#x63;&#x68;&#x61;&#x69;&#x72;"
+      horiz-adv-x="300" d="M298.76328125 185.34375C295.09296875 200.3421875 282.43671875 212.55703125 267.275 215.73125C266.0234375 215.99375 264.77578125 215.94765625 263.521875 216.09765625C252.24140625 265.00625 209.24375 300 158.34609375 300H141.678125C90.78984375 300 47.78515625 264.99921875 36.49921875 216.09609375C28.52421875 215.08515625 20.9046875 212.03515625 14.6828125 206.746875C5.35546875 198.81171875 0 187.23984375 0 175C0 161.97109375 6.2828125 149.66640625 16.66796875 141.8375V66.66640625C16.66796875 54.38125 23.4203125 43.75 33.3359375 37.96875V25C33.3359375 11.2140625 44.55078125 0 58.33828125 0S83.340625 11.2140625 83.340625 25V33.33359375H216.68515625V25C216.68515625 11.2140625 227.9000000000001 0 241.6875 0S266.68984375 11.2140625 266.68984375 25V37.96875C276.60546875 43.75 283.3578125 54.38125 283.3578125 66.66640625V141.82890625C296.6796875 151.82265625 302.82421875 168.7171875 298.76328125 185.34375zM141.66640625 283.33359375H158.3328125C200.53359375 283.33359375 236.26796875 254.8796875 246.68046875 214.80703125C241.42734375 213.27578125 236.42578125 210.8828125 232.0796875 207.35703125C222.28125 199.3984375 216.66640625 187.60625 216.66640625 175V133.33359375H83.33359375V173.21796875C83.33359375 192.69453125 70.69921875 209.66796875 53.32734375 214.853125C63.74921875 254.8953125 99.48515625 283.33359375 141.66640625 283.33359375zM233.33359375 108.33359375C233.33359375 103.7359375 229.5984375 100 225 100H75C70.40234375 100 66.66640625 103.73515625 66.66640625 108.33359375C66.66640625 112.93125 70.4015625 116.6671875 75 116.6671875H225C229.59765625 116.66640625 233.33359375 112.93125 233.33359375 108.33359375zM66.66640625 25C66.66640625 20.40234375 62.93125 16.66640625 58.3328125 16.66640625C53.73515625 16.66640625 50 20.40234375 50 25V33.33359375H66.66640625V25zM250 25C250 20.40234375 246.26484375 16.66640625 241.66640625 16.66640625C237.06875 16.66640625 233.3328125000001 20.4015625 233.3328125000001 25V33.33359375H250V25zM270.80859375 153.49140625C268.2453125 152.00234375 266.66640625 149.259375 266.66640625 146.2890625V66.66640625C266.66640625 57.47890625 259.1875 50 250 50H50C40.8125 50 33.33359375 57.47890625 33.33359375 66.66640625V146.2890625C33.33359375 149.2515625 31.7546875 151.99375 29.19140625 153.49140625C21.34609375 158.05625 16.66640625 166.096875 16.66640625 175C16.66640625 182.340625 19.88125 189.290625 25.4796875 194.05078125C31.16015625 198.88515625 38.44375 200.8703125 45.92265625 199.65C57.746875 197.7296875 66.66640625 186.3609375 66.66640625 173.21796875V131.7984375C56.9875 128.346875 50 119.18359375 50 108.33359375C50 94.54765625 61.2140625 83.33359375 75 83.33359375H225C238.7859375 83.33359375 250 94.54765625 250 108.33359375C250 119.18359375 243.0125 128.346875 233.3335937500001 131.7984375V175C233.3335937500001 182.56875 236.703125 189.640625 242.58671875 194.4171875C248.5515625 199.259375 256.09609375 201.04140625 263.83515625 199.421875C272.85234375 197.53359375 280.371875 190.2828125 282.54453125 181.38828125C285.28671875 170.18203125 280.68046875 159.23671875 270.80859375 153.49140625z" >
+    <glyph glyph-name="bathtub"
+      unicode="&#xF109;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bathtub-1"
+      unicode="&#x62;&#x61;&#x74;&#x68;&#x74;&#x75;&#x62;"
+      horiz-adv-x="300" d="M190.191796875 298.562109375L195.017578125 284.9935546875C195.2244140625 284.412890625 195.6333984375 283.95234375 196.1490234375 283.7197265625L208.2041015625 278.288671875C209.907421875 277.52109375 209.907421875 274.8076171875 208.2041015625 274.040625L196.1490234375 268.608984375C195.6328125 268.3763671875 195.223828125 267.9158203125 195.017578125 267.33515625L190.191796875 253.7666015625C189.509765625 251.8494140625 187.09921875 251.8494140625 186.4171875 253.7666015625L181.59140625 267.33515625C181.3845703125 267.9158203125 180.9755859375 268.3763671875 180.4599609375 268.608984375L168.4048828125 274.040625C166.7021484375 274.8076171875 166.7021484375 277.5216796875 168.4048828125 278.288671875L180.4599609375 283.7197265625C180.976171875 283.95234375 181.38515625 284.412890625 181.59140625 284.9935546875L186.4171875 298.562109375C187.09921875 300.479296875 189.5103515625 300.479296875 190.191796875 298.562109375zM262.191796875 213.0404296875L265.7712890625 202.97578125C265.9248046875 202.54453125 266.227734375 202.203515625 266.6109375 202.0306640625L275.553515625 198.0017578125C276.816796875 197.4328125 276.816796875 195.41953125 275.553515625 194.8505859375L266.6109375 190.8216796875C266.2283203125 190.6494140625 265.9248046875 190.3078125 265.7712890625 189.8765625L262.191796875 179.811328125C261.6861328125 178.3892578125 259.8978515625 178.3892578125 259.3921875 179.811328125L255.8126953125 189.8765625C255.6591796875 190.3072265625 255.35625 190.648828125 254.973046875 190.8216796875L246.03046875 194.8505859375C244.7671875 195.4201171875 244.7671875 197.4328125 246.03046875 198.0017578125L254.973046875 202.0306640625C255.3556640625 202.2029296875 255.6591796875 202.54453125 255.8126953125 202.97578125L259.3921875 213.0404296875C259.8978515625 214.4625 261.6861328125 214.4625 262.191796875 213.0404296875zM279.5331919921875 252.696943359375A10.5349592836188 10.5349592836188 0 0 1 284.3801724609375 273.2017781250001A10.5349592836188 10.5349592836188 0 0 1 279.5331919921875 252.696943359375M203.406331640625 217.6785064453125A4.5442739900479 4.5442739900479 0 0 1 212.2511296875 219.7692603515625A4.5442739900479 4.5442739900479 0 0 1 203.406331640625 217.6785064453125M292.7080078125 131.218359375C292.7080078125 142.5234375 283.510546875 151.7208984375 272.20546875 151.7208984375H242.4884765625C240.0509765625 157.9453125 233.9900390625 162.366796875 226.9125 162.366796875H177.5390625C170.4615234375 162.366796875 164.4005859375 157.9453125 161.9630859375 151.7208984375H58.2703125V234.657421875C58.2703125 243.18984375 65.2125 250.1314453125 73.744921875 250.1314453125C80.211328125 250.1314453125 85.7607421875 246.14296875 88.07109375 240.498046875C76.89140625 234.6685546875 68.5013671875 223.9927734375 65.9595703125 210.980859375C65.2833984375 207.515625 66.18515625 203.9625 68.433984375 201.23203125C70.693359375 198.4892578125 74.0255859375 196.916015625 77.576953125 196.916015625H137.7984375C141.3503906250001 196.916015625 144.6826171875 198.4892578125 146.9419921875 201.23203125C149.1908203125 203.9625 150.092578125 207.515625 149.41640625 210.980859375C146.5376953125 225.7201171875 136.1525390625001 237.45703125 122.710546875 242.55234375C118.918359375 266.17265625 98.417578125 284.279296875 73.744921875 284.279296875C46.3833984375 284.279296875 24.1236328125 262.0189453125 24.1236328125 234.657421875V151.38515625C14.565234375 149.6490234375 7.2931640625 141.2701171875 7.2931640625 131.2189453125C7.2931640625 121.519921875 14.06484375 113.37890625 23.126953125 111.258984375V100.40390625C23.126953125 68.6431640625 43.1619140625 41.4779296875 71.255859375 30.870703125L67.4267578125 14.337890625C66.6169921875 10.8427734375 67.433203125 7.2275390625 69.6650390625 4.419140625C71.8974609375 1.6107421875 75.235546875 0 78.82265625 0H86.8236328125C91.6505859375 0 96.045703125 3.0322265625 97.7595703125 7.5462890625L104.8072265625 26.1087890625H195.55546875L202.6025390625 7.545703125C204.3169921875 3.0328125 208.7115234375 1e-13 213.5390625 1e-13H221.539453125C225.1271484375 1e-13 228.465234375 1.6107421875 230.6970703125001 4.419140625C232.9294921875001 7.2275390625 233.7451171875001 10.8427734375001 232.9353515625001 14.337890625L229.10625 30.870703125C257.199609375 41.4779296875 277.23515625 68.6431640625 277.23515625 100.40390625V111.3421875C286.1162109375 113.58984375 292.7080078125 121.6482421875001 292.7080078125 131.218359375zM231.8876953125 97.584375H172.56328125V106.053515625H231.8876953125zM172.56328125 90.5349609375H231.8876953125V84.5666015625C231.8876953125 81.8232421875 229.6552734375 79.5908203125 226.9125 79.5908203125H177.5390625C174.795703125 79.5908203125 172.56328125 81.82265625 172.56328125 84.5666015625zM177.5384765625 150.6181640625H226.9119140625C229.6552734375 150.6181640625 231.887109375 148.386328125 231.887109375 145.6423828125V113.10234375H172.56328125V145.6423828125C172.56328125 148.386328125 174.7951171875 150.6181640625 177.5384765625 150.6181640625zM137.888671875 208.7267578125C137.8875 208.7244140625001 137.8669921875 208.665234375 137.7978515625 208.665234375H77.576953125C77.5083984375 208.665234375 77.4873046875 208.7244140625001 77.490234375 208.7291015625C80.300390625 223.116796875 93 233.5593750000001 107.6876953125 233.5593750000001C122.3748046875 233.5587890625001 135.075 223.1162109375 137.888671875 208.7267578125001zM73.7443359375 272.5300781250001C90.9556640625 272.5300781250001 105.5009765625 260.9818359375 110.089453125 245.232421875C109.2931640625 245.276953125 108.4939453125 245.3080078125 107.68828125 245.3080078125C104.7697265625 245.3080078125 101.9115234375 245.000390625 99.139453125 244.4302734375001C95.204296875 254.6255859375001 85.3119140625 261.8806640625001 73.7455078125 261.8806640625001C58.734375 261.8806640625001 46.522265625 249.6685546875 46.522265625 234.657421875V151.7208984375H35.8716796875V234.657421875C35.8716796875 255.540234375 52.8609375 272.530078125 73.7443359375 272.530078125zM19.0412109375 131.218359375C19.0412109375 136.0447265625 22.9681640625 139.9716796875 27.7951171875 139.9716796875H160.8146484375V122.464453125H27.79453125C22.967578125 122.4650390625 19.0412109375 126.39140625 19.0412109375 131.218359375zM78.8853515625 11.74921875L82.557421875 27.6029296875C85.744921875 26.9531250000001 89.0068359375 26.5119140625 92.32734375 26.286328125L86.8224609375 11.7486328125zM221.4744140625 11.7486328125L213.5853515625 11.71640625L208.053515625 26.2880859375C211.36640625 26.5142578125 214.621875 26.9548828125 217.80234375 27.603515625zM202.9388671875 37.857421875H97.4208984375C62.9326171875 37.857421875 34.8744140625 65.915625 34.8744140625 100.40390625V110.7158203125H160.8140625V84.5666015625C160.8140625 75.34453125 168.31640625 67.8421875 177.5384765625 67.8421875H226.9119140625C236.133984375 67.8421875 243.636328125 75.34453125 243.636328125 84.5666015625V110.7158203125H265.484765625V100.40390625C265.4853515625 65.915625 237.4271484375 37.857421875 202.9388671875 37.857421875zM272.20546875 122.4650390625H243.6369140625V139.972265625H272.20546875C277.032421875 139.972265625 280.959375 136.0453125 280.959375 131.2189453125C280.9587890625 126.39140625 277.032421875 122.4650390625 272.20546875 122.4650390625zM187.18125 128.9724609375C189.127734375 128.9724609375 190.7056640625 130.550390625 190.7056640625 132.4974609375V139.1537109375C190.7056640625 141.1001953125 189.127734375 142.6787109375 187.18125 142.6787109375S183.65625 141.1001953125 183.65625 139.1537109375V132.4974609375C183.65625 130.550390625 185.234765625 128.9724609375 187.18125 128.9724609375zM207.86015625 120.2056640625C209.806640625 120.2056640625 211.38515625 121.78359375 211.38515625 123.730078125V130.386328125C211.38515625 132.3328125 209.806640625 133.911328125 207.86015625 133.911328125S204.33515625 132.3328125 204.33515625 130.386328125V123.730078125C204.3357421875 121.7841796875 205.913671875 120.2056640625 207.86015625 120.2056640625zM75.0626953125 63.1224609375C73.9078125 63.1224609375 72.741796875 63.4623046875 71.7205078125 64.1701171875C70.7138671875 64.86796875 69.72421875 65.6009765625 68.7791015625 66.348046875C66.2337890625 68.36015625 65.801953125 72.0544921875 67.8134765625 74.59921875C69.8255859375 77.14453125 73.5193359375 77.5763671875 76.0646484375 75.56484375C76.8181640625 74.9689453125 77.6091796875 74.38359375 78.41484375 73.824609375C81.080859375 71.9759765625 81.744140625 68.315625 79.894921875 65.649609375C78.7546875 64.0048828125 76.9236328125 63.1224609375 75.0626953125 63.1224609375zM113.026171875 53.2025390625C106.4865234375 53.2025390625 99.1875 53.2921875 91.996875 54.990234375C88.8392578125 55.7361328125 86.883984375 58.9001953125 87.6298828125 62.0578125S91.5392578125 67.1701171875 94.6974609375 66.4248046875C100.9787109375 64.9412109375 107.684765625 64.94765625 114.17578125 64.9517578125H114.18046875C117.423046875 64.9517578125 120.0521484375 62.325 120.055078125 59.0818359375C120.0580078125 55.8375 117.430078125 53.2048828125 114.18515625 53.2025390625C113.801953125 53.203125 113.415234375 53.2025390625 113.026171875 53.2025390625z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#xF10A;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed-1-1"
+      unicode="&#x62;&#x65;&#x64;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M250 119.745V170C250 189.735 187.145 195 150 195S50 189.735 50 170V119.745C21.70112715 117.1380415 0.0376256 93.418674 0 65C0 53.954305 8.954305 45 20 45V15C20 6.715729 26.71572875 0 35 0H45C52.881232 0.036051 59.390424 6.1651765 59.9 14.03C64.735 18.62 98.745 25 150 25S235.265 18.62 240.095 14.045C240.597171 6.1723485 247.1114215 0.033962 255 0H265C273.284271 0 280 6.715729 280 15V45C291.045695 45 300 53.954305 300 65C299.9623745 93.418674 278.298873 117.1380415 250 119.745zM150 185C205.44 185 237.945 175.2 240 169.895V120H229.08C229.672189 121.601285 229.983428 123.2928015 230.0000000000001 125V150C230.0000000000001 158.284271 223.284271 165 215 165H170C161.715729 165 155 158.284271 155 150V125C155.016572 123.2928015 155.327811 121.6012850000001 155.92 120H144.08C144.672189 121.601285 144.983428 123.2928015 145 125V150C145 158.284271 138.284271 165 130 165H85C76.715729 165 70 158.284271 70 150V125C70.016572 123.2928015 70.327811 121.6012850000001 70.92 120H60V169.84C61.82 175.13 94.365 185 150 185zM165 125V150C165 152.7614235 167.2385765 155 170 155H215C217.7614235 155 220.0000000000001 152.7614235 220.0000000000001 150V125C220.0000000000001 122.2385765 217.7614235 120 215 120H170C167.2385765 120 165 122.2385765 165 125zM80 125V150C80 152.7614235 82.2385765 155 85 155H130C132.7614235 155 135 152.7614235 135 150V125C135 122.2385765 132.7614235 120 130 120H85C82.2385765 120 80 122.2385765 80 125zM45 10.0000000000001H35C32.23857625 10.0000000000001 30 12.2385765 30 15.0000000000001V45H50V15.0000000000001C50 12.2385765 47.76142375 10.0000000000001 45 10.0000000000001zM60 24.9V45H240V24.9C217.37 34.4 163.125 35 150 35S82.63 34.4 60 24.9zM270 15C270 12.2385765 267.7614235 10 265 10H255C252.2385765 10 250 12.2385765 250 15V45H270zM280 55H20C14.4771525 55 10 59.4771525 10 65C10.02755565 89.841391 30.15860915 109.9724445 55 110H245C269.841391 109.9724445 289.9724445 89.841391 290 65C290 59.4771525 285.5228475 55 280 55zM55 100C37.9080456 100.038118 23.30413235 87.6904035 20.5 70.83C20.0419648 68.107319 21.87743285 65.5287105000001 24.6 65.07C24.8707902 65.022962 25.1451552 64.999541 25.42 65C27.8589989 65.002746 29.94012745 66.7648385 30.345 69.1700000000001C32.35119015 81.2154170000001 42.78870445 90.0336455 55 90.0000000000001C57.7614235 90.0000000000001 60 92.2385765000001 60 95.0000000000001S57.7614235 100.0000000000001 55 100.0000000000001zM70 95A5 5 0 0 1 80 95A5 5 0 0 1 70 95M210 210C215.5228475 210 220 214.4771525 220 220V284.475C219.999718 288.8212756 217.1920925 292.66971025 213.053377 293.99679215C208.914662 295.32387405 204.3926415 293.8256952 201.865 290.29L190.47 274.335L178.68 294.96C176.898915 298.0733575 173.5868175 299.99435805 170 299.99435805S163.101085 298.0733575 161.32 294.96L150 275.155L138.68 294.96C136.898915 298.0733575 133.5868175 299.99435805 130 299.99435805S123.101085 298.0733575 121.32 294.96L109.53 274.335L98.135 290.29C95.6073585 293.8256952 91.085338 295.32387405 86.946623 293.99679215C82.8079075 292.66971025 80.000282 288.8212756 80 284.475V220C80 214.4771525 84.4771525 210 90 210zM90 284.5L105.935 262.195C106.9011815 260.7800331000001 108.545884 259.98433205 110.255 260.105C111.9531635 260.18956935 113.4919705 261.13131185 114.34 262.605L130 290L145.66 262.6C146.620834 261.1395234000001 148.251803 260.26024515 150 260.26024515S153.379166 261.1395234000001 154.34 262.6L170 290L185.66 262.6C186.5080295 261.12631185 188.0468365 260.18456935 189.745 260.1C191.450366 259.99853785 193.086087 260.7898937 194.065 262.19L210 284.475V220H90zM130 245A5 5 0 0 1 140 245A5 5 0 0 1 130 245M100 245A5 5 0 0 1 110 245A5 5 0 0 1 100 245M190 245A5 5 0 0 1 200 245A5 5 0 0 1 190 245M160 245A5 5 0 0 1 170 245A5 5 0 0 1 160 245" >
+    <glyph glyph-name="bed"
+      unicode="&#xF10B;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="bed-1"
+      unicode="&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M295 130H290V145C289.986875 154.92875 284.1 163.90875 275 167.88V245C274.99875 246.9875 273.82125 248.785 272 249.58C273.950625 252.70625 274.989375 256.315 275 260C275 271.045625 266.045625 280 255 280C243.954375 280 235 271.045625 235 260C235.020625 256.47875 235.980625 253.026875 237.78 250H62.22C64.019375 253.026875 64.979375 256.47875 65 260C65 271.045625 56.045625 280 45 280S25 271.045625 25 260C25.010625 256.315 26.049375 252.70625 28 249.58C26.17875 248.785 25.00125 246.9875 25 245V167.88C15.9 163.90875 10.013125 154.92875 10 145V130H5C2.23875 130 0 127.76125 0 125V55C0 52.23875 2.23875 50 5 50H10V25C10 22.23875 12.23875 20 15 20H35C37.76125 20 40 22.23875 40 25V50H260V25C260 22.23875 262.23875 20 265 20H285C287.76125 20 290 22.23875 290 25V50H295C297.76125 50 300 52.23875 300 55V125C300 127.76125 297.76125 130 295 130zM255 270C260.523125 270 265 265.523125 265 260S260.523125 250 255 250S245 254.476875 245 260S249.476875 270 255 270zM45 270C50.523125 270 55 265.523125 55 260S50.523125 250 45 250S35 254.476875 35 260S39.476875 270 45 270zM35 240H265V170H244.87C248.17875 174.301875 249.981875 179.5725 250.0000000000001 185V195C249.9837500000001 208.8 238.8 219.98375 225 220H185C171.2000000000001 219.98375 160.0162500000001 208.8 160 195V185C160.018125 179.5725 161.82125 174.301875 165.1300000000001 170H134.8700000000001C138.1787500000001 174.301875 139.9818750000001 179.5725 140.0000000000001 185V195C139.9837500000001 208.8 128.8000000000001 219.98375 115.0000000000001 220H75.0000000000001C61.2000000000001 219.98375 50.0162500000001 208.8 50.0000000000001 195V185C50.0181250000001 179.5725 51.8212500000001 174.301875 55.1300000000001 170H35V240zM240 195V185C240 176.715625 233.284375 170 225 170H185C176.715625 170 170 176.715625 170 185V195C170 203.284375 176.715625 210 185 210H225C233.284375 210 240 203.284375 240 195zM130 195V185C130 176.715625 123.284375 170 115 170H75C66.715625 170 60 176.715625 60 185V195C60 203.284375 66.715625 210 75 210H115C123.284375 210 130 203.284375 130 195zM20 145C20 153.284375 26.715625 160 35 160H265C273.284375 160 280 153.284375 280 145V130H20V145zM30 30H20V50H30V30zM280 30H270V50H280V30zM290 60H10V120H290V60zM45 80H25C22.23875 80 20 77.76125 20 75S22.23875 70 25 70H45C47.76125 70 50 72.23875 50 75S47.76125 80 45 80zM275 80H65C62.23875 80 60 77.76125 60 75S62.23875 70 65 70H275C277.76125 70 280 72.23875 280 75S277.76125 80 275 80z" >
+    <glyph glyph-name="beds"
+      unicode="&#xF10C;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="beds-1"
+      unicode="&#x62;&#x65;&#x64;&#x73;"
+      horiz-adv-x="300" d="M274.969921875 98.419921875A16.3119140625 16.3119140625 0 0 1 276.5625 105.46875V128.90625A16.425 16.425 0 0 1 260.15625 145.3125H253.0599609375A10.562109375 10.562109375 0 0 1 242.578125 154.6875H93.75A4.6875 4.6875 0 0 1 89.0625 150V145.3125H76.5474609375A16.415625 16.415625 0 0 1 78.0046875 154.3787109375L71.559375 205.9412109375A16.43203125 16.43203125 0 0 1 55.2802734375 220.3125H49.21875A16.3119140625 16.3119140625 0 0 1 42.169921875 218.719921875A16.426171875 16.426171875 0 0 1 25.78125 234.375H14.0625A4.6875 4.6875 0 0 1 9.375 229.6875V206.25H18.75V225H25.78125A7.0388671875 7.0388671875 0 0 0 32.8125 217.96875V60.9375H18.75V196.875H9.375V28.125A4.6875 4.6875 0 0 1 14.0625 23.4375H25.294921875A28.088671875 28.088671875 0 0 1 51.9767578125 42.6685546875L54.941015625 51.5625H215.625V60.9375H42.1875V89.0625H274.21875A7.0388671875 7.0388671875 0 0 0 281.25 82.03125V60.9375H225V51.5625H245.058984375L248.0232421875 42.66796875A28.0892578125 28.0892578125 0 0 1 274.705078125 23.4375H285.9375A4.6875 4.6875 0 0 1 290.625 28.125V82.03125A16.426171875 16.426171875 0 0 1 274.969921875 98.419921875zM45.05859375 51.5625L43.0822265625 45.6333984375A18.7248046875 18.7248046875 0 0 0 25.294921875 32.8125H18.75V51.5625zM243.75 144.140625V117.1875H126.5625V145.3125H242.578125A1.171875 1.171875 0 0 0 243.75 144.140625zM98.4375 145.3125H117.1875V117.1875H98.4375zM49.21875 210.9375H55.2802734375A7.0423828125 7.0423828125 0 0 0 62.2564453125 204.778125L68.7017578125 153.215625A7.03125 7.03125 0 0 0 61.7255859375 145.3125H42.1875V203.90625A7.0388671875 7.0388671875 0 0 0 49.21875 210.9375zM42.1875 98.4375V135.9375H89.0625V112.5A4.6875 4.6875 0 0 1 93.75 107.8125H248.4375A4.6875 4.6875 0 0 1 253.125 112.5V135.9375H260.15625A7.0388671875 7.0388671875 0 0 0 267.1875 128.90625V105.46875A7.0388671875 7.0388671875 0 0 0 260.15625 98.4375zM281.25 32.8125H274.705078125A18.7248046875 18.7248046875 0 0 0 256.9177734375 45.6328125L254.94140625 51.5625H281.25zM167.490234375 181.538671875L177.2109375 176.221875L182.5283203125 166.5005859375A4.6875 4.6875 0 0 1 190.753125 166.5005859375L196.069921875 176.221875L205.7912109375 181.538671875A4.6875 4.6875 0 0 1 205.7912109375 189.7634765625L196.069921875 195.0802734375L190.753125 204.8009765625A4.6875 4.6875 0 0 1 182.5283203125 204.8009765625L177.2109375 195.0802734375L167.490234375 189.7634765625A4.6875 4.6875 0 0 1 167.490234375 181.538671875zM182.914453125 187.515234375A4.6875 4.6875 0 0 1 184.777734375 189.378515625L186.6404296875 192.78515625L188.5037109375 189.378515625A4.6875 4.6875 0 0 1 190.3669921875 187.515234375L193.7724609375 185.653125L190.3669921875 183.78984375A4.6810546875 4.6810546875 0 0 1 188.5037109375 181.9265625L186.6404296875 178.5205078125L184.777734375 181.9265625A4.6875 4.6875 0 0 1 182.914453125 183.78984375L179.5083984375 185.653125zM110.2505859375 232.1115234375L119.971875 226.7947265625L125.288671875 217.0740234375A4.6875 4.6875 0 0 1 133.5134765625 217.0740234375L138.8302734375 226.7947265625L148.5509765625 232.1115234375A4.6875 4.6875 0 0 1 148.5509765625 240.336328125L138.8302734375 245.653125L133.5134765625 255.3744140625A4.6875 4.6875 0 0 1 125.288671875 255.3744140625L119.971875 245.653125L110.2505859375 240.336328125A4.6875 4.6875 0 0 1 110.2505859375 232.1115234375zM125.6748046875 238.0880859375A4.6810546875 4.6810546875 0 0 1 127.5380859375 239.9513671875L129.4013671875 243.3568359375L131.2634765625 239.9513671875A4.6875 4.6875 0 0 1 133.1267578125 238.0880859375L136.5328125 236.2248046875L133.1267578125 234.3626953125A4.6875 4.6875 0 0 1 131.2634765625 232.4994140625L129.4013671875 229.093359375L127.5380859375 232.4994140625A4.6875 4.6875 0 0 1 125.6748046875 234.3626953125L122.2693359375 236.2248046875zM198.3240234375 250.8615234375L208.0447265625 245.5447265625L213.3615234375 235.8240234375A4.6875 4.6875 0 0 1 221.586328125 235.8240234375L226.903125 245.5447265625L236.6244140625 250.8615234375A4.6875 4.6875 0 0 1 236.6244140625 259.086328125L226.903125 264.403125L221.586328125 274.1244140625A4.6875 4.6875 0 0 1 213.3615234375 274.1244140625L208.0447265625 264.403125L198.3240234375 259.086328125A4.6875 4.6875 0 0 1 198.3240234375 250.8615234375zM213.7482421875 256.8380859375A4.6875 4.6875 0 0 1 215.6115234375 258.7013671875L217.4736328125 262.1068359375L219.3369140625 258.7013671875A4.6810546875 4.6810546875 0 0 1 221.2001953125 256.8380859375L224.6056640625001 254.9748046875L221.2001953125 253.1126953125A4.6875 4.6875 0 0 1 219.3369140625 251.2494140625L217.4736328125 247.843359375L215.6115234375 251.25A4.6875 4.6875 0 0 1 213.7482421875 253.11328125L210.3421875 254.975390625z" >
+    <glyph glyph-name="book"
+      unicode="&#xF10D;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="book-1"
+      unicode="&#x62;&#x6F;&#x6F;&#x6B;"
+      horiz-adv-x="300" d="M150 300H85C82.238769375 300 80 297.761230625 80 295V260H5C2.238769375 260 0 257.761230625 0 255V5C0 2.238769375 2.238769375 0 5 0H150C152.761230625 0 155 2.238769375 155 5V295C155 297.761230625 152.761230625 300 150 300zM145 40H90V50H145zM10 225H80V75H10zM145 245H90V260H145zM10 65H80V50H10zM90 60V235H145V60zM145 290V270H90V290zM80 250V235H10V250zM10 40H80V10H10zM90 10V30H145V10zM90 10M299.8388675 26.259765625L239.8388675 256.259765625C239.504394375 257.548828125 238.66943375 258.6499025 237.51709 259.32128875C236.3671875 259.990234375 234.99755875 260.17334 233.7109375 259.82910125L158.7109375 239.82910125C156.0546875 239.12109375 154.46777375 236.4013675 155.1611325 233.740234375L215.1611325 3.740234375C215.495605625 2.451171875 216.3330075 1.3500975 217.48535125 0.6811525C218.63525375 0.01464875 220.0048825 -0.166015625 221.2890625 0.18066375L296.2890625 20.18066375C298.94043 20.888671875 300.5249025 23.603515625 299.8388675 26.259765625zM174.06005875 200.910644375L239.39941375 218.330078125L241.750488125 209.331055L176.416015625 191.884765625zM244.2749025 199.62890625L273.273925625 88.391113125L207.958984375 70.964355625L178.95996125 182.2094725zM275.8203125 78.7109375L280.93994125 59.089355625L215.6005862500001 41.669921875L210.500488125 61.28418zM231.43066375 248.874511875L236.875 228.000488125L171.535644375 210.5859375L166.09619125 231.450195zM223.56933625 11.125488125L218.125 31.999511875L283.464355625 49.423828125L288.90380875 28.55957zM223.56933625 11.125488125M65 210H25C22.238769375 210 20 207.761230625 20 205V165C20 162.238769375 22.238769375 160 25 160H65C67.761230625 160 70 162.238769375 70 165V205C70 207.761230625 67.761230625 210 65 210zM60 170H30V200H60zM60 170" >
+    <glyph glyph-name="branch"
+      unicode="&#xF10E;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110584 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="branch-1"
+      unicode="&#x62;&#x72;&#x61;&#x6E;&#x63;&#x68;"
+      horiz-adv-x="300" d="M217.6759420391757 247.5633836652663C214.797236724147 248.0924841943668 212.0761482887728 246.1899488477562 211.5523211868727 243.3317513051733L201.0892556850475 185.9844023742142C144.4338975900438 58.4213702707612 5.0079980312538 10.7267368618421 3.6023367141861 10.2585737137233C0.8443342884096 9.3427551899313 -0.6474596729303 6.3638547580962 0.270702596284 3.6058523323197C1.0025371044197 1.398044144445 3.0580018398402 0.0005859363556 5.2628803459368 0.0005859363556C5.8130745838387 0.0005859363556 6.3732297397857 0.0873045169834 6.9234239776875 0.2689447872173C8.3736164577804 0.7529282169371 152.5520457967855 49.9610352323531 210.9675567039908 182.2976908248227C211.135720438046 182.6767916468913 211.2570092636538 183.0740564959834 211.3308372444585 183.4795244540538L221.9069884629132 241.4426924947413C222.4308155648134 244.3003041009686 220.533553645403 247.0419003087885 217.6759420391757 247.5633836652663zM231.8233753449701 299.1761734840362C230.7288462327222 299.8734377471919 229.4128331780603 300.1394528526312 228.1261169411779 299.9285157646177C206.5419794101965 296.3074290870526 188.3211165603193 275.6941880972889 182.7892914271652 248.6338893869348C177.2574662940112 221.5653875676024 185.9369415294111 195.4841885074443 204.3892492397476 183.7314770869588C205.2394428917131 183.1894859580352 206.2208862873315 182.907650570995 207.2158062191285 182.907650570995C207.5052587787915 182.907650570995 207.7947113384544 182.9340177069967 208.0841638981174 182.9785488700218C229.6706451745212 186.5996355475869 247.8891642789761 207.2128765373505 253.4233331575525 234.2731752477046C258.9545723543509 261.3422630033926 250.2756830553065 287.4234620635507 231.8233753449701 299.1761734840362zM243.1073376809811 236.3843039369064C238.6969947324322 214.8025101513474 224.5729988808616 197.6293015052705 208.3519368126234 193.7714965400458C194.9416114421651 203.642766322722 188.6890845916316 224.9503418938635 193.101771285603 246.5292059976446C197.5121142341519 268.113343528626 211.6361100857225 285.2871381110585 227.8571721539606 289.1420133945051C241.2680834607745 279.2683998664066 247.520610311308 257.9631680406875 243.1073376809811 236.3843039369064zM168.6600221483942 158.8555491102557C163.9678438128051 189.0740447772563 144.9337013013646 212.8238030785096 121.2993724621631 217.9501602535933C120.0308202523042 218.2237925316553 118.6995728523968 218.0210585526201 117.5704734951689 217.3735988796897C96.5886785377372 205.3660051445212 85.6469030333925 176.9896933795051 90.3390813689817 146.7659242853042C95.0312597045709 116.5474286183035 114.0624725342333 92.7976703170502 137.6997310552128 87.6713131419665C138.0682850228808 87.5898679885391 138.4421124177492 87.5500243163588 138.815353876262 87.5500243163588C139.7258989728536 87.5500243163588 140.6282409604669 87.7867426040184 141.428630022207 88.2472885795145C162.4074952978607 100.2531245056162 173.3492708022055 128.6317800160547 168.6600221483942 158.8555491102557zM137.9469961972731 98.4501983394564C119.7155864929951 103.5554618057387 104.5708895099814 123.7292505288076 100.7447251079588 148.3819367540298C96.9185607059361 173.0316932974741 105.2318257190904 196.8189515254853 121.0579666836588 207.1689313106811C139.2870326425144 202.0665975261767 154.4340733709505 181.8928088031078 158.2602377729731 157.2401225778856C162.0864021749957 132.5921238435082 153.7707934164191 108.8031078064301 137.9469961972731 98.4501983394564zM299.1257829574552 152.8661076833834C285.8150667674477 172.9895058798713 256.7549672754546 182.1371442633901 226.7761195778915 175.6057117075943C196.8078187347291 169.0766228972209 174.202394135949 148.6795924226711 170.5285731863805 124.8425296044344C170.3287688891233 123.5505399403517 170.6205651942086 122.2292534584893 171.3418528479437 121.1370680916639C181.7890980681679 105.3396380085195 201.9417930824354 96.3109447051861 224.6151862984643 96.3109447051861C230.8307991585955 96.3109447051861 237.2415288251391 96.9923886867408 243.6885865457295 98.3980500038086C273.6568873888919 104.924209132404 296.2646557330943 125.3241692887319 299.9384766826628 149.1612321069685C300.1388669162756 150.4526358346956 299.8464846748346 151.773922316558 299.1257829574552 152.8661076833834zM241.4497237310084 108.6794752353999C216.991568375843 103.3533137630591 192.6523581008631 110.1583785969168 181.3074583838704 125.2608881623278C185.2970990291035 143.6979615274189 204.5679598282035 159.9922656401062 229.0202558198129 165.3184271124471C253.4754814932002 170.6445885847879 277.8123480227578 163.8418674963525 289.1625211669509 148.7393579309415C285.1705367762954 130.3005267567837 265.9020197226178 114.0027070259629 241.4497237310084 108.6794752353999zM195.4865322528667 33.9321602887495C190.2523627883539 53.5950125097412 169.5184189093381 68.6688111937282 143.8919064611202 71.447907328306C118.2735971218806 74.2164566084832 94.7734477081099 63.9373751223143 85.4207316001336 45.8612385522685C84.8207327720063 44.6981548864162 84.6730768103968 43.3505012685522 85.0099902148628 42.0878084222492C90.2470893611536 22.4249562012574 110.9810332401694 7.3511575172705 136.6046160066094 4.5720613826927C139.3860558866096 4.272061968629 142.1440583123861 4.1220622615972 144.8628030023379 4.1220622615972C167.162954759854 4.1220622615972 186.739088400218 14.0431366344988 195.0757908675959 30.1587301587302C195.6757896957233 31.3241575700048 195.8234456573327 32.6688815060908 195.4865322528667 33.9321602887495zM137.7366450456152 15.0345409481623C117.6577780121523 17.2136382546128 100.7734359893828 28.5028740178242 95.7865316669303 42.8214007394517C103.7470629940176 55.7395395712118 122.6628463616282 63.1451891695524 142.7546039949141 60.9789824629249C162.8364007101549 58.7998851564743 179.7178130511464 47.5106493932629 184.7047173735989 33.1921226716354C176.749459473712 20.2739838398753 157.8178558245004 12.8689201778903 137.7366450456152 15.0345409481623zM131.3786496510749 155.5004775381298C129.8944728623577 157.9953945402451 126.663033861262 158.8162913744309 124.1657731137244 157.3344583311361C121.6685123661868 155.8502815424189 120.8476155320009 152.6188425413232 122.3317923207181 150.1215817937856C122.465971746149 149.897754105949 135.6026648385452 127.3450637791723 133.9345040341718 91.1377126216551C133.800324608741 88.2326401706247 136.0473905324404 85.7717074771339 138.9501192380484 85.637528051703C139.0344940732538 85.6345983699251 139.1159392266812 85.6322546245027 139.1973843801086 85.6322546245027C141.9923007962875 85.6322546245027 144.3208118734143 87.8324456397546 144.4497178716448 90.6531432555796C146.2602612104273 129.9794336339187 131.9862656518249 154.4768467249088 131.3786496510749 155.5004775381298zM237.4759033673762 138.944845810848C236.3995382821518 141.6424967919985 233.3362630151113 142.9714004464835 230.6391979703165 141.8844885068584C230.3837297192779 141.784293390052 204.79178751604 131.7214224190968 174.4367686781862 131.7214224190968C171.5316962271558 131.7214224190968 169.1738883322494 129.3636145241904 169.1738883322494 126.45854207316S171.5316962271558 121.1956617272232 174.4367686781862 121.1956617272232C206.7921742340347 121.1956617272232 233.4206378503167 131.6640006562487 234.5368466077215 132.1087263501439C237.2362553979387 133.1868492444351 238.5522684526007 136.2477807660532 237.4759033673762 138.944845810848z" >
+    <glyph glyph-name="building"
+      unicode="&#xF10F;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="building-1"
+      unicode="&#x62;&#x75;&#x69;&#x6C;&#x64;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M224.3252322157434 156.47009352565V170.5257530819111C224.3491482507289 174.8366557336827 222.6460005830904 178.976897584413 219.5967336734694 182.0266140155204C216.5474672011662 185.0746235065789 212.4031976676385 186.7778228796086 208.0898094752186 186.7573430941637H162.5916774052478V218.8501892153606C162.5916774052478 227.8781684836337 155.3810588921283 235.3309448534436 146.3442966472303 235.3309448534436H139.6478680758017V251.6256798514015C139.7025327988338 260.6570725628796 132.4218752186589 268.0211050889637 123.3816962099125 268.079129691415H102.4980638483965V285.35857992303C102.4980638483965 288.3724576033944 100.0518174927113 290.8163265306123 97.0350083090379 290.8163265306123C94.0164905247813 290.8163265306123 91.5719523323615 288.3724576033944 91.5719523323615 285.35857992303V268.079129691415H70.2373360058309C61.1800749271137 268.0296380416372 53.8669596209912 260.6758454082755 53.8755008746355 251.6256798514015V235.3309448534436H47.2747355685131C38.2157663265306 235.2660933645822 30.9111927113702 227.9003547722347 30.9299833819242 218.8501892153606V64.4939257349432C30.9197339650145 63.0535448867785 31.4868804664723 61.6660691315966 32.5050109329446 60.6438082071475C33.5214332361516 59.6215472826984 34.9051338192419 59.043006013771 36.3486244897959 59.043006013771H115.0812C126.5163765306122 30.115925965477 154.7917045189504 9.5666064150425 187.778448542274 9.5666064150425C230.8491253644315 9.5666064150425 265.8140488338192 44.5726395401067 265.8140488338192 87.6031642912834C265.8140488338192 117.3886700387171 248.9106913994169 143.3223517551988 224.3252322157434 156.47009352565zM208.0898094752186 175.8418507527848C209.5076759475218 175.8674496108053 210.8725854227405 175.3145071998985 211.8753415451895 174.3127260608943C212.8763895043732 173.3109444849973 213.4281612244898 171.9439476414748 213.3991206997084 170.5257530819111V161.2690875363598C205.7511844023323 164.0952376365503 196.658049271137 165.6397217306316 187.6315368804664 165.6397217306316C179.1192148688047 165.6209488852357 170.6632653061224 164.2300596868487 162.5916774052478 161.5250791748148V175.8418507527848zM64.8016128279883 251.6256798514015C64.7845298833819 254.6497969875956 67.21027696793 257.1209717128828 70.2373360058309 257.1636369131432H123.3816962099125C124.8268950437318 257.1397445582788 126.2003462099125 256.5407235039065 127.2013941690962 255.5031031772666C128.2041498542274 254.4637763474705 128.7507970845481 253.0694737058784 128.7200483965014 251.6256798514015V235.3309448534436H64.8016128279883zM41.8560953352769 218.8501892153606C41.8304711370262 221.8743063515547 44.2459683673469 224.3557205326716 47.2747355685131 224.4154520751718H146.3442966472303C149.3525645772595 224.3506010232032 151.7356049562682 221.8555335061587 151.6655658892128 218.8501892153606V156.8557877049349C147.4170918367347 154.6167122632381 143.3924016034986 151.9765832400656 139.6478680758018 148.9712385123747V156.5110522227542C139.6324937317784 159.584661008726 137.1879555393586 162.0967944311175 134.1130648688047 162.195777730673H108.3847714285714C105.3696699708455 162.195777730673 103.0447110787172 159.5232229630697 103.0447110787172 156.5110522227542V130.807762849814C103.0447110787172 127.7955921094985 105.3696699708455 125.0837851479472 108.3847714285714 125.0837851479472H119.4338785714286C117.228498542274 121.2643864245333 115.3972303206997 117.2436080956962 113.9639895043732 113.0760604468965H73.65217303207C70.6234058309038 113.1101926944834 68.1344523323615 110.6987495116962 68.0797876093294 107.672925872346V69.9584987920428H41.856095335277zM128.7200483965015 138.5438370930411C128.0059902332361 137.745142499509 127.3534303206997 136.8935428129941 126.7623677842566 135.9992779262189H113.9708225947522V151.280285389294H128.7200483965015zM79.0058991253644 69.9584987920428V102.1605676686247H111.0445517492711C110.1323344023324 97.3530407052414 109.6728087463557 92.4704223602742 109.6642674927114 87.575858493214C109.648893148688 81.6470868689333 110.3253690962099 75.7336750837363 111.6783209912536 69.9584987920428zM187.7784485422741 20.4803926901581C150.6713510204082 20.4769792469531 120.5903790087464 50.5304234656129 120.5903790087464 87.6014573512345C120.5903790087464 124.6707851705928 150.6696428571429 154.7242289523599 187.776739941691 154.7242289523599C224.8838374635569 154.7242289523599 254.9648094752187 124.6707851705928 254.9648094752187 87.6014573512345C254.9221027696793 50.54748937096 224.8667545189505 20.5196444472134 187.7784485422741 20.4803926901581zM187.7784485422741 20.4803926901581M90.4786578717201 205.3133398224194C90.4786578717201 208.3289235690473 88.032411516035 210.7710859931089 85.0156023323615 210.7710859931089H59.338556851312C56.3217472303207 210.7710859931089 53.8755008746356 208.3289235690473 53.8755008746356 205.3133398224194V179.6612490393059C53.8755008746356 176.6473717958342 56.3217472303207 174.2035028686164 59.338556851312 174.2035028686164H85.0156023323615C88.032411516035 174.2035028686164 90.4786578717201 176.6473717958342 90.4786578717201 179.6612490393059zM64.8016128279883 199.8555932148372H79.5525463556851V185.1189952099954H64.8016128279883zM64.8016128279883 199.8555932148372M139.6478680758018 205.3133398224194C139.6478680758018 208.3289235690473 137.2016217201166 210.7710859931089 134.1831039358601 210.7710859931089H108.5077670553936C105.489249271137 210.7710859931089 103.0447110787172 208.3289235690473 103.0447110787172 205.3133398224194V179.6612490393059C103.0447110787172 176.6473717958342 105.489249271137 174.2035028686164 108.5077670553936 174.2035028686164H134.1831039358601C137.2016217201166 174.2035028686164 139.6478680758018 176.6473717958342 139.6478680758018 179.6612490393059zM113.9708225947522 199.8555932148372H128.7200483965015V185.1189952099954H113.9708225947522zM113.9708225947522 199.8555932148372M90.4786578717201 156.7380315599835C90.4786578717201 159.7536157435041 88.032411516035 162.195777730673 85.0156023323615 162.195777730673H59.338556851312C56.3217472303207 162.195777730673 53.8755008746356 159.7536157435041 53.8755008746356 156.7380315599835V131.0859407768699C53.8755008746356 128.0720635333983 56.3217472303207 125.6281946061805 59.338556851312 125.6281946061805H85.0156023323615C88.032411516035 125.6281946061805 90.4786578717201 128.0720635333983 90.4786578717201 131.0859407768699zM64.8016128279883 151.280285389294H79.5525463556851V135.9992779262189H64.8016128279883zM64.8016128279883 151.280285389294M188.3370533527697 142.0031400582979H188.3285120991254C176.6678435860058 141.9877806561069 165.5196564139942 137.2126794371543 157.4685677842566 128.787133792673C140.6625822157435 111.6152002501797 140.4302571428571 83.7513398234389 156.9065462099125 66.5947656831364L183.1883199708455 35.290374699642C184.2320746355685 34.0684402360331 185.7661032069971 33.3721423852616 187.3735880466472 33.3909152306575H187.3770043731779C188.9827806122449 33.3670224389003 190.5168096209913 34.0599072833596 191.5622720116618 35.2784283037634L218.2352405247814 66.9889932519876C234.9404383381924 84.218951833825 235.0771001457726 112.0793988173608 218.5051478134111 129.1762418520558C210.6231778425656 137.3867536814008 199.7243986880467 142.0219129036938 188.3370533527697 142.0031400582979zM210.2729820699708 74.4332362322313C210.1773188046647 74.335959435832 210.0850718658892 74.2335626930714 209.9962416909621 74.1294594471548L187.3838374635569 47.2161820064843L165.1609193877551 73.7301119319424C165.078922303207 73.832508674703 164.9883839650146 73.9280789679461 164.8995533527697 74.0236492611893C152.3557080174927 86.959771096602 152.5265352769679 108.1234715404924 165.2958725947522 121.1705230713391C171.2987427113703 127.4764554853384 179.6180300291545 131.0586349788006 188.3285120991253 131.08594077687H188.3353451895043C196.7656705539358 131.0910607232312 204.8270090379008 127.6522366696338 210.6556351311953 121.5681636465026C223.1994804664723 108.6286288047776 223.0286536443148 87.4683418040923 210.2729820699708 74.4332362322313zM210.2729820699708 74.4332362322313M187.7784485422741 124.2987434534498C174.4641717201167 124.2987434534498 163.6730138483965 113.5163666592131 163.6730138483965 100.2184429993799C163.6730138483965 86.9171058963416 174.4641717201167 76.1347291021048 187.776739941691 76.1347291021048C201.0910167638484 76.1347291021048 211.8821746355685 86.9171058963416 211.8821746355685 100.2184429993799C211.8668002915452 113.5112467128519 201.0841836734694 124.2833840512589 187.7784485422741 124.2987434534498zM187.7784485422741 87.0502214434839C180.4994991253645 87.0502214434839 174.5991253644315 92.9448608201777 174.5991253644315 100.2184429993799C174.5991253644315 107.4903182385332 180.4994991253644 113.3832506751781 187.776739941691 113.3832506751781C195.0556897959184 113.3832506751781 200.9560631195335 107.4886112984843 200.9560631195335 100.2184429993799C200.9475218658892 92.9499807665389 195.0539816326531 87.0587548330501 187.7784485422741 87.0502214434839zM187.7784485422741 87.0502214434839" >
+    <glyph glyph-name="buy-home"
+      unicode="&#xF110;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-home-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M97.0828125 158.787890625H238.2205078125V141.209765625H97.0828125zM97.0828125 123.48515625H238.2205078125V105.90703125H97.0828125zM98.6361328125 88.182421875H166.060546875V70.604296875H98.6361328125zM61.780078125 300V52.880859375H26.47734375V26.4404296875C26.47734375 11.8611328125 38.3384765625 0 52.9177734375 0H247.0828125C261.662109375 0 273.5232421875 11.8611328125 273.5232421875 26.4404296875V300zM52.9177734375 17.578125C48.0310546875 17.578125 44.05546875 21.5537109375 44.05546875 26.4404296875V35.302734375H220.6423828125V26.4404296875C220.6423828125 23.333203125 221.180859375 20.349609375 222.169921875 17.578125zM255.94453125 26.4404296875C255.94453125 21.5537109375 251.9689453125 17.578125 247.0822265625 17.578125S238.219921875 21.5537109375 238.219921875 26.4404296875V52.880859375H79.358203125V282.421875H255.9451171875V26.4404296875zM134.04140625 215.1779296875V176.513671875H201.2619140625V215.1779296875L205.8984375 212.525390625L214.6271484375 227.783203125L197.607421875 237.5197265625V254.2810546875H180.029296875V247.576171875L167.6513671875 254.6572265625L120.6755859375 227.7826171875L129.404296875 212.5248046875zM183.683203125 225.234375V194.091796875H151.6189453125V225.234375L167.65078125 234.4060546875z" >
+    <glyph glyph-name="buy-online"
+      unicode="&#xF111;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="buy-online-1"
+      unicode="&#x62;&#x75;&#x79;&#x2D;&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M74.687109375 112.96875H281.7966796875C286.407421875 112.96875 290.234765625 116.532421875 290.5634765625 121.13203125L299.977734375 252.9287109375C300.1517578125 255.362109375 299.3056640625 257.75859375 297.643359375 259.5439453125C295.9810546875001 261.3298828125 293.6513671875 262.3435546875 291.2109375 262.3435546875H187.0306640625V281.7966796875C187.0306640625 286.6505859375 183.0955078125 290.5857421875 178.2416015625 290.5857421875S169.4525390625 286.6505859375 169.4525390625 281.7966796875V262.3435546875H71.79140625L69.324609375 291.9410156250001C68.944921875 296.4955078125 65.1369140625 299.9994140625 60.566015625 299.9994140625H8.7890625C3.93515625 299.9994140625 0 296.0642578125 0 291.2103515625S3.93515625 282.4212890625 8.7890625 282.4212890625H52.47890625L55.0529296875 251.54296875L65.237109375 129.319921875C49.3810546875 125.1322265625 37.6564453125 110.66953125 37.6564453125 93.515625C37.6564453125 73.0962890625 54.268359375 56.484375 74.687109375 56.484375H76.1466796875C72.6392578125 50.8271484375 70.6072265625 44.16328125 70.6072265625 37.03125C70.6072265625 16.6119140625 87.2197265625 1e-13 107.6384765625 1e-13C128.0578125 1e-13 144.669140625 16.6125 144.669140625 37.03125C144.669140625 44.16328125 142.6376953125 50.8271484375 139.1302734375 56.484375H222.062109375C218.5546875 50.8271484375 216.5232421875 44.16328125 216.5232421875 37.03125C216.5232421875 16.6119140625 233.13515625 1e-13 253.55390625 1e-13C273.9732421875001 1e-13 290.58515625 16.6125 290.58515625 37.03125C290.58515625 44.37890625 288.4253906250001 51.2279296875 284.7193359375 56.99296875C288.1341796875 58.198828125 290.58515625 61.44609375 290.58515625 65.2734375C290.58515625 70.12734375 286.65 74.0625 281.79609375 74.0625H74.687109375C63.9609375 74.0625 55.2345703125 82.7888671875 55.2345703125 93.515625C55.2345703125 104.241796875 63.9609375 112.96875 74.687109375 112.96875zM169.4525390625 244.76484375V190.046484375L156.214453125 203.2845703125C152.7826171875 206.71640625 147.2173828125 206.71640625 143.7849609375 203.2845703125C140.3525390625 199.852734375 140.3525390625 194.2875 143.7849609375 190.855078125L172.0265625 162.6134765625C173.7427734375 160.8966796875 175.9921875 160.039453125 178.241015625 160.039453125C180.48984375 160.039453125 182.73984375 160.8978515625 184.4560546875 162.6134765625L212.6982421875 190.855078125C216.1306640625 194.2869140625 216.1306640625 199.8521484375 212.6982421875 203.2845703125C209.26640625 206.7169921875 203.701171875 206.7169921875 200.26875 203.2845703125L187.030078125 190.046484375V244.76484375H281.7708984375L273.6117187499999 130.5462890625H82.7759765625L73.2568359375 244.76484375H169.4525390625zM253.55390625 56.4837890625C264.2806640625 56.4837890625 273.00703125 47.7568359375 273.00703125 37.0306640625C273.0076171875 26.3044921875 264.2806640625 17.5775390625 253.55390625 17.5775390625C242.8277343750001 17.5775390625 234.1013671875 26.3044921875 234.1013671875 37.0306640625C234.1013671875 47.757421875 242.8283203125 56.4837890625 253.55390625 56.4837890625zM107.6384765625 56.4837890625C118.3646484375 56.4837890625 127.091015625 47.757421875 127.091015625 37.0306640625S118.3646484375 17.5775390625 107.6384765625 17.5775390625C96.91171875 17.5775390625 88.1853515625 26.3044921875 88.1853515625 37.0306640625C88.1853515625 47.757421875 96.9123046875 56.4837890625 107.6384765625 56.4837890625z" >
+    <glyph glyph-name="call-center-agent"
+      unicode="&#xF112;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="call-center-agent-1"
+      unicode="&#x63;&#x61;&#x6C;&#x6C;&#x2D;&#x63;&#x65;&#x6E;&#x74;&#x65;&#x72;&#x2D;&#x61;&#x67;&#x65;&#x6E;&#x74;"
+      horiz-adv-x="300" d="M214.1044921875 113.2599609375H179.961328125V126.57421875C191.626171875 133.7273437500001 200.54765625 144.9234375 204.7564453125 158.1943359375H212.63671875C230.1158203125 158.1943359375 244.3359375 172.414453125 244.3359375 189.8935546875C244.3359375 199.5287109375 240.009375 208.1677734375 233.203125 213.98671875V216.796875C233.203125 262.6751953125 195.8783203125 300 150 300S66.796875 262.6751953125 66.796875 216.796875V213.9861328125C59.990625 208.1671875 55.6640625 199.5287109375 55.6640625 189.89296875C55.6640625 172.4138671875001 69.8841796875 158.19375 87.36328125 158.19375H95.2435546875C99.4517578125 144.9234375 108.373828125 133.7273437500001 120.038671875 126.5736328125V113.259375H85.8955078125C46.9330078125 113.2599609375 15.234375 81.561328125 15.234375 42.598828125V5.859375C15.234375 2.623828125 17.8576171875 0 21.09375 0H59.874609375C63.1107421875 0 65.733984375 2.623828125 65.733984375 5.859375S63.1107421875 11.71875 59.874609375 11.71875H26.953125V42.598828125C26.953125 75.099609375 53.394140625 101.5412109375 85.8955078125 101.5412109375H88.7080078125L123.5466796875 56.03203125C124.57265625 54.69140625 126.127734375 53.8587890625 127.812890625 53.7474609375C127.9423828125 53.738671875 128.070703125 53.73515625 128.199609375 53.73515625C129.7482421875 53.73515625 131.2400390625 54.34921875 132.3427734375 55.4513671875L144.140625 67.2486328125V11.71875H112.608984375C109.3728515625 11.71875 106.749609375 9.094921875 106.749609375 5.859375S109.3728515625 0 112.608984375 0H278.9062500000001C282.1423828125001 0 284.7656250000001 2.623828125 284.7656250000001 5.859375V42.598828125C284.7656250000001 81.561328125 253.0669921875001 113.2599609375 214.1044921875001 113.2599609375zM178.4326171875 101.5412109375H196.5333984375L171.214453125 68.4673828125L158.286328125 81.394921875zM170.26640625 238.7625C167.975390625 241.0482421875 164.265234375 241.044140625 161.980078125 238.751953125L154.168359375 230.9208984375C145.419140625 222.1494140625 133.77890625 217.3189453125 121.3904296875 217.3189453125H104.309765625C104.5921875 242.279296875 124.974609375 262.5 150 262.5S195.4078125 242.279296875 195.6896484375 217.31953125H185.525390625C178.0892578125 217.31953125 171.134765625 221.0935546875 167.0583984375 227.2494140625L170.276953125 230.476171875C172.5626953125 232.7671875 172.5580078125 236.47734375 170.26640625 238.7625zM212.63671875 169.9125H207.421875V209.8734375H212.63671875C223.6541015625 209.8734375 232.6171875 200.909765625 232.6171875 189.8923828125S223.6541015625 169.9125 212.63671875 169.9125zM150 288.28125C188.2248046875 288.28125 219.53671875 258.1236328125001 221.3958984375 220.3517578125C218.612109375 221.15390625 215.675390625 221.5921875 212.63671875 221.5921875H207.2197265625C204.7751953125 251.019140625 180.0474609375 274.21875 150 274.21875S95.2248046875 251.019140625 92.7802734375 221.5927734375H87.36328125C84.324609375 221.5927734375 81.3884765625 221.15390625 78.6041015625 220.35234375C80.46328125 258.1236328125 111.7751953125 288.28125 150 288.28125zM92.578125 169.9125H87.36328125C76.3458984375 169.9125 67.3828125 178.8755859375 67.3828125 189.89296875S76.3458984375 209.8740234375 87.36328125 209.8740234375H92.578125zM104.296875 175.470703125V205.60078125H121.3904296875C135.120703125 205.60078125 148.116796875 210.3392578125 158.5224609375 219.0380859375C164.869921875 210.6626953125 174.875390625 205.60078125 185.525390625 205.60078125H195.703125V175.470703125C195.703125 172.3025390625 195.376171875 169.209375 194.757421875 166.2216796875H170.860546875C168.441796875 173.04140625 161.9291015625 177.9404296875 154.290234375 177.9404296875H149.602734375C139.91015625 177.9404296875 132.024609375 170.0548828125 132.024609375 160.3623046875S139.91015625 142.7841796875 149.602734375 142.7841796875H154.290234375C161.928515625 142.7841796875 168.441796875 147.683203125 170.860546875 154.5029296875H190.569140625C182.9490234375 139.8720703125 167.6296875 129.849609375 149.9994140625 129.849609375C124.7994140625 129.8490234375001 104.296875 150.3146484375001 104.296875 175.4707031250001zM160.1501953125 160.3623046875C160.1501953125 157.1314453125 157.5216796875 154.5029296875 154.2908203125 154.5029296875H149.6033203125C146.3724609375 154.5029296875 143.7439453125 157.1314453125 143.7439453125 160.3623046875S146.3724609375 166.2216796875 149.6033203125 166.2216796875H154.2908203125C157.5216796875 166.2216796875 160.1501953125 163.592578125 160.1501953125 160.3623046875zM150 118.1302734375C156.3744140625 118.1302734375 162.50859375 119.1744140625 168.242578125 121.0974609375001V107.923828125L150 89.68125L131.757421875 107.9244140625V121.098046875C137.49140625 119.1750000000001 143.6255859375 118.1302734375 150 118.1302734375zM128.785546875 68.4673828125L103.4666015625 101.5412109375H121.5673828125L141.713671875 81.394921875zM273.046875 11.7187500000001H155.859375V67.2486328125L167.6578125 55.4501953125C168.760546875 54.3480468750001 170.25234375 53.733984375 171.8009765625001 53.733984375C171.929296875 53.733984375 172.0587890625001 53.7380859375 172.1876953125001 53.7462890625C173.8722656250001 53.8576171875 175.42734375 54.690234375 176.4539062500001 56.0308593750001L211.2925781250001 101.5400390625001H214.1050781250001C246.6058593750001 101.5412109375 273.0468750000001 75.0996093750001 273.0468750000001 42.598828125zM231.835546875 43.359375H203.7111328125C200.475 43.359375 197.8517578125 40.735546875 197.8517578125 37.5S200.475 31.640625 203.7111328125 31.640625H231.835546875C235.0716796875 31.640625 237.694921875 34.264453125 237.694921875 37.5S235.0716796875 43.359375 231.835546875 43.359375zM86.244140625 11.71875C84.697265625 11.71875 83.19140625 11.0923828125 82.1015625 10.001953125C81.005859375 8.912109375 80.384765625 7.400390625 80.384765625 5.859375S81.005859375 2.806640625 82.1015625 1.7173828125C83.185546875 0.6275390625 84.697265625 0 86.244140625 0C87.78515625 0 89.291015625 0.626953125 90.38671875 1.7173828125C91.4765625 2.806640625 92.103515625 4.318359375 92.103515625 5.859375S91.4765625 8.912109375 90.38671875 10.001953125C89.291015625 11.0923828125 87.78515625 11.71875 86.244140625 11.71875z" >
+    <glyph glyph-name="car"
+      unicode="&#xF113;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="car-1"
+      unicode="&#x63;&#x61;&#x72;"
+      horiz-adv-x="300" d="M85.6751953125 104.4251953125L55.5 134.5998046875C49.5873046875 140.499609375 41.7498046875 143.7498046875 33.4001953125 143.7498046875H12.4998046875C9.0498046875 143.7498046875 6.249609375 140.949609375 6.249609375 137.499609375S9.0498046875 131.25 12.4998046875 131.25H33.399609375C38.3244140625 131.25 43.1619140625 129.2501953125 46.6494140625 125.7626953125L66.16171875 106.250390625H12.4998046875C9.0498046875 106.250390625 6.249609375 103.4501953125 6.249609375 100.0001953125C6.249609375 96.5501953125 9.0498046875 93.75 12.4998046875 93.75H81.249609375C83.7744140625 93.75 86.049609375 95.2751953125001 87.024609375 97.6125S87.4623046875 102.6375 85.6751953125 104.4251953125zM81.2501953125 75C77.8001953125 75 75 72.1998046875 75 68.7498046875V49.9998046875C75 46.5498046875 72.1875 43.749609375 68.7498046875 43.749609375H31.2498046875C27.812109375 43.749609375 24.999609375 46.5498046875 24.999609375 49.9998046875V75C24.999609375 78.45 22.1994140625 81.2501953125 18.7494140625 81.2501953125S12.4998046875 78.45 12.4998046875 75V49.9998046875C12.4998046875 39.6621093749999 20.912109375 31.2498046875 31.2498046875 31.2498046875H68.7498046875C79.0875 31.2498046875 87.4998046875 39.6621093749999 87.4998046875 49.9998046875V68.7498046875C87.4998046875 72.1998046875 84.7001953125 75 81.2501953125 75zM271.6376953125 180.5373046875C254.412890625 189.549609375 215.750390625 193.749609375 150 193.749609375S45.5876953125 189.549609375 28.3623046875 180.5373046875C8.7375 170.2875 0 153.1623046875 0 124.9998046875C0 97.9248046875 6.1998046875 74.3748046875 6.4623046875 73.3875C7.187109375 70.65 9.662109375 68.7498046875 12.4998046875 68.7498046875H67.275L90.9498046875 56.912109375C91.824609375 56.4744140625 92.7873046875 56.2494140625001 93.75 56.2494140625001H206.25C207.2126953125 56.2494140625001 208.1748046875 56.4744140625001 209.0373046875 56.912109375L232.725 68.7498046875H287.5001953125C290.337890625 68.7498046875 292.812890625 70.65 293.5376953125 73.3875C293.8001953125 74.3748046875 300 97.9248046875 300 124.9998046875C300 153.1623046875 291.2625 170.2875 271.6376953125 180.5373046875zM282.5625 81.2501953125H231.2625C230.2875 81.2501953125 229.3248046875 81.0251953125 228.4623046875 80.5875L204.774609375 68.7498046875H95.2248046875L71.55 80.5875C70.6751953125 81.0251953125 69.7125 81.2501953125 68.7498046875 81.2501953125H17.4498046875C15.7125 89.2125 12.4998046875 106.4126953125 12.4998046875 125.000390625C12.4998046875 148.5380859375 18.774609375 161.4251953125 34.1373046875 169.4630859375C49.112109375 177.28828125 88.0875 181.250390625 150 181.250390625S250.8873046875001 177.2876953125 265.8626953125 169.4630859375C281.225390625 161.42578125 287.5001953125 148.5380859375 287.5001953125 125.000390625C287.5001953125 106.4126953125 284.2875 89.2125 282.5625 81.2501953125zM287.5001953125 106.2498046875H233.8376953125L253.3376953125 125.762109375C256.8375 129.249609375 261.6626953125 131.2494140625 266.600390625 131.2494140625H287.5001953125C290.9501953125 131.2494140625 293.7503906249999 134.049609375 293.7503906249999 137.499609375S290.9501953125 143.7498046875 287.5001953125 143.7498046875H266.600390625C258.2501953125 143.7498046875 250.4126953125 140.499609375 244.5005859375 134.5998046875L214.325390625 104.424609375C212.5505859375 102.6369140625 212.0126953125 99.9498046875 212.975390625 97.6119140625S216.2255859375 93.7494140625 218.750390625 93.7494140625H287.5001953125C290.9501953125 93.7494140625 293.7503906249999 96.549609375 293.7503906249999 99.999609375C293.7498046875 103.4501953125 290.9501953125 106.2498046875 287.5001953125 106.2498046875zM224.4123046875 140.1498046875C223.374609375 142.35 221.175 143.7498046875 218.7498046875 143.7498046875H81.2501953125C78.825 143.7498046875 76.625390625 142.35 75.5876953125 140.1498046875C74.562890625 137.9625 74.8875 135.362109375 76.4501953125 133.5L107.7 96C108.8876953125 94.575 110.6501953125 93.75 112.5 93.75H187.5C189.3498046875 93.75 191.1123046875 94.5750000000001 192.3 96L223.5498046875 133.5C225.1125 135.3626953125 225.4376953125 137.9625 224.4123046875 140.1498046875zM184.5626953125 106.2498046875H115.425L94.5873046875 131.25H205.3998046875L184.5626953125 106.2498046875zM274.4876953125 177.4875C267.375 193.8375 243.575390625 247.725 235.3001953125 254.7626953125C224.9876953125 263.525390625 195.45 268.7501953125 156.2501953125 268.7501953125H143.750390625C104.5505859375 268.7501953125 75.012890625 263.525390625 64.700390625 254.775C56.4251953125 247.7373046875 32.6126953125 193.8498046875 25.512890625 177.4998046875C24.1505859375 174.324609375 25.6001953125 170.649609375 28.7630859375 169.275C31.9130859375 167.8998046875 35.61328125 169.3376953125 36.987890625 172.5123046875C51.1001953125 204.999609375 68.3630859375 241.0998046875 72.800390625 245.237109375C77.6126953125 249.324609375 97.9751953125 256.2498046875 143.750390625 256.2498046875H156.2501953125C202.025390625 256.2498046875 222.387890625 249.324609375 227.1750000000001 245.2623046875C231.6375 241.0998046875 248.8998046875 205.0125 263.0126953125001 172.5123046875C264.0375 170.1498046875 266.3501953125001 168.75 268.7501953125 168.75C269.5751953125 168.75 270.4376953125 168.9123046875 271.2375 169.2626953125C274.3998046875 170.6373046875 275.85 174.3251953125 274.4876953125 177.4875zM281.25 81.2501953125C277.8 81.2501953125 274.9998046875 78.45 274.9998046875 75V49.9998046875C274.9998046875 46.5498046875 272.1873046875 43.749609375 268.7496093750001 43.749609375H231.2496093750001C227.8119140625 43.749609375 224.9994140625001 46.5498046875 224.9994140625001 49.9998046875V68.7498046875C224.9994140625001 72.1998046875 222.1992187500001 75 218.7492187500001 75C215.2992187500001 75 212.4990234375001 72.1998046875 212.4990234375001 68.7498046875V49.9998046875C212.4990234375001 39.6621093749999 220.9113281250001 31.2498046875 231.2490234375001 31.2498046875H268.7490234375001C279.0867187500001 31.2498046875 287.4990234375001 39.6621093749999 287.4990234375001 49.9998046875V75C287.5001953125 78.45 284.7 81.2501953125 281.25 81.2501953125z" >
+    <glyph glyph-name="chat"
+      unicode="&#xF114;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="chat-1"
+      unicode="&#x63;&#x68;&#x61;&#x74;"
+      horiz-adv-x="300" d="M274.5287606860143 120.366561784059C272.102984173859 126.3659641289763 265.2721381403552 129.2657631528064 259.2721498590823 126.8388147679399C253.2715756414538 124.4130382557847 250.3735344266906 117.5827781586364 252.7993109388458 111.5822039410079L266.6010417948403 77.442036246023L225.6101062302613 95.5117275161572C222.642924525538 96.8195374618409 219.2661733082553 96.8400452342866 216.2837572582867 95.5673914699385C202.2751908687679 89.5902547065338 187.2681889293186 86.5597918754065 171.6799381251209 86.5597918754065C108.9419747227057 86.5597918754065 66.797330473964 135.6817662465503 66.797330473964 181.5611688258422C66.797330473964 233.9450508885725 113.8474338917307 276.5625457762778 171.6799381251209 276.5625457762778S276.5625457762779 233.9450508885725 276.5625457762779 181.5611688258422C276.5625457762779 177.4742627455806 276.1816871451424 172.5805223036674 275.5189931269666 168.1356091101385C274.5639168673499 161.7342544252843 278.9789473067436 155.7711801344138 285.3803019915977 154.8161038747971C291.7822426128074 153.8586838697581 297.745316903678 158.2760580545741 298.699807226939 164.6774127394282C299.5382821517927 170.2965423895657 300.0000000000001 176.293015052705 300.0000000000001 181.5611688258421C300.0000000000001 213.3950910252128 286.5199482032263 243.2649545606356 262.0412850756151 265.6682311167361C237.8526604440226 287.8072503764641 205.7615121845465 300 171.6799381251208 300S105.5078017425747 287.8072503764641 81.3185911746266 265.6688170530917C59.4444151476267 245.6485436551882 46.3616281999449 219.6634381573474 43.8239378438714 191.644547569243C16.3101243942883 173.4242706557214 0.0005859363556 144.227647992875 0.0005859363556 112.778685979129C0.0005859363556 93.133411848805 6.189831660485 74.4936045046787 17.9712539623946 58.4524248976076L0.8548811428103 16.1114919697422C-0.9328106781041 11.690016230437 0.1376950435644 6.6257683090462 3.5624930420058 3.305852918256C5.7943246204597 1.1414040206952 8.7351391891813 -1e-13 11.7216567936391 -1e-13C13.317161489919 0.0005859363555 14.9261427223775 0.3257806137097 16.4460616287859 0.9960918045081L65.7988949240334 22.7519086876783C78.213714426339 18.1306286511158 91.3369309825567 15.7909847832328 104.8826076511569 15.7909847832328C105.1755758289535 15.7909847832328 105.4632705795497 15.8138363011009 105.7509653301458 15.8349300099023C125.3429192521108 15.9831719078673 144.3899523633743 21.1364821553082 160.8864045187412 30.7804086320143C175.6625475340869 39.4194542588783 187.8172112945092 51.2870092050601 196.338483713899 65.3020208944904C204.6581940269648 66.7961586012527 212.7898187698852 69.0531854429971 220.6823814797236 72.0701717379457L283.5539383712141 44.3553821183942C285.0744432139781 43.6856568639514 286.682838510081 43.3592903138861 288.2783432063609 43.3592903138861C291.2648608108187 43.3598762502416 294.2062613158958 44.5012802709369 296.4380928943498 46.665143232142C299.8628908927912 49.9850586229323 300.9333966144597 55.0487206079675 299.1457047935453 59.4707822836283L274.5287606860143 120.366561784059zM104.8837795238681 39.2583217610903C104.7238188987912 39.2583217610903 104.5679598282035 39.2407436704225 104.4091710758378 39.234298370511C92.4431788219164 39.2952357514927 80.9260138163793 41.6471842828432 70.1699801367576 46.236237819848C67.1881500231445 47.5094775205517 63.8113988058617 47.4889697481059 60.8442171011385 46.1805738660667L33.4007160142265 34.0833318684925L42.253628410882 55.9827031587829C43.8901486520534 60.0309374395753 43.1395641805387 64.6539752852045 40.3071478376019 67.9768203577727C29.2710365800067 80.9242560073124 23.4380401600778 96.4158273128373 23.4380401600778 112.7786859791289C23.4380401600778 131.5057978402386 31.3159544610264 149.2497084966631 45.0995212899975 162.7039790937908C49.390919158361 139.3104700967381 61.4992939466915 116.9323888039281 79.7646879595938 99.3531262634252C102.4937451294041 77.4783643000697 132.5581395348837 64.8057328013031 165.021943316517 63.2799545313388C149.7805668348304 48.2770541463786 127.9696719342345 39.2583217610903 104.8837795238681 39.2583217610903zM159.3752746576667 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 182.8127288813889 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 159.3752746576667 181.0549198146098M206.2501831051111 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 229.6876373288333 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 206.2501831051111 181.0549198146098M112.5003662102222 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 135.9378204339445 181.0549198146098A11.7187271118611 11.7187271118611 0 0 1 112.5003662102222 181.0549198146098" >
+    <glyph glyph-name="clean"
+      unicode="&#xF115;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="clean-1"
+      unicode="&#x63;&#x6C;&#x65;&#x61;&#x6E;"
+      horiz-adv-x="300" d="M300 130.0775390625C300 140.41640625 291.5888671875 148.8275390625 281.25 148.8275390625H43.359375V270.7025390625C43.359375 280.3951171875001 51.244921875 288.2806640625 60.9375 288.2806640625H65.625C73.5955078125 288.2806640625 80.3390625 282.9468750000001 82.4859375 275.6625C72.1001953125 272.7779296875001 64.453125 263.244140625 64.453125 251.9525390625V244.9212890625C64.453125 241.68515625 67.076953125 239.0619140625 70.3125 239.0619140625H107.8125C111.0486328125 239.0619140625 113.671875 241.68515625 113.671875 244.9212890625V251.9525390625C113.671875 263.6748046875 105.4306640625 273.5027343750001 94.4396484375 275.9630859375C91.9529296875 289.6148437500001 79.9828125 299.9994140625 65.625 299.9994140625H60.9375C44.783203125 299.9994140625 31.640625 286.8568359375 31.640625 270.7025390625V148.8275390625H18.75C8.4111328125 148.8275390625 0 140.41640625 0 130.0775390625C0 121.784765625 5.4134765625 114.737109375 12.890625 112.2703125V92.5775390625C12.890625 71.90390625 21.298828125 53.1568359375 34.8755859375 39.5765625C33.2748046875 38.3314453125 31.440234375 37.3951171875 29.45625 36.863671875C24.6181640625 35.567578125 20.5751953125 32.4650390625 18.0708984375 28.12734375C15.5666015625 23.790234375 14.9015625 18.737109375 16.1982421875 13.899609375C18.4400390625 5.5318359375 26.0349609375 1e-13 34.313671875 1e-13C35.9150390625 1e-13 37.543359375 0.2068359375 39.16171875 0.641015625C50.787890625 3.7564453125 60.8548828125 10.6634765625 67.941796875 20.2751953125C74.296875 18.5197265625001 80.9853515625 17.576953125 87.8912109375 17.576953125H212.1099609375C219.0158203125 17.576953125 225.704296875 18.5197265625 232.059375 20.2751953125C239.145703125 10.6634765625 249.21328125 3.7564453125 260.8388671875 0.641015625C262.4583984375 0.2068359375 264.0849609375 1e-13 265.6869140625 1e-13C273.9644531250001 0.0005859375 281.560546875 5.532421875 283.80234375 13.8990234375C285.0990234375 18.7365234375001 284.433984375 23.7896484375 281.9296875 28.12734375C279.4259765625 32.4650390625001 275.382421875 35.567578125 270.5443359375 36.8636718750001C268.5603515625 37.3957031250001 266.72578125 38.3314453125001 265.125 39.5765625000001C278.701171875 53.1568359375001 287.109375 71.9039062500001 287.109375 92.5775390625001V112.2703125000001C294.5865234375 114.737109375 300 121.784765625 300 130.0775390625001zM101.953125 251.9525390625V250.7806640625H76.171875V251.9525390625C76.171875 259.060546875 81.9544921875 264.8431640625 89.0625 264.8431640625S101.953125 259.060546875 101.953125 251.9525390625zM36.12890625 11.9607421875C34.3125 11.4744140625 32.4193359375 11.724609375 30.793359375 12.66328125C29.1673828125 13.6025390625 28.0037109375 15.118359375 27.5173828125 16.9330078125C27.0310546875 18.7470703125 27.2806640625 20.6419921875 28.2193359375 22.26796875C29.15859375 23.89453125 30.675 25.0576171875 32.4884765625 25.5439453125C36.77578125 26.6923828125 40.6904296875 28.880859375 43.9025390625 31.8708984375C47.7873046875 29.0478515625 51.9521484375 26.5892578125 56.347265625 24.5431640625C51.028125 18.46875 44.0443359375 14.0818359375 36.12890625 11.9607421875zM271.7806640625 22.2685546875C272.719921875 20.6419921875 272.9689453125 18.7470703125 272.4826171875 16.932421875C271.9962890625 15.118359375 270.833203125 13.601953125 269.206640625 12.66328125S265.6857421875 11.4744140625 263.87109375 11.9607421875C255.95625 14.0818359375 248.971875 18.4681640625 243.6533203125 24.54375C248.0484375 26.5898437500001 252.2126953125 29.0484375 256.098046875 31.871484375C259.31015625 28.8814453125 263.2242187499999 26.69296875 267.5115234375 25.54453125C269.325 25.058203125 270.8414062499999 23.8951171875 271.7806640624999 22.2685546875zM281.25 123.0462890625H176.4416015625C173.20546875 123.0462890625 170.5822265625 120.4230468750001 170.5822265625 117.1869140625S173.20546875 111.3275390625 176.4416015625 111.3275390625H275.390625V92.5775390625C275.390625 57.684375 247.003125 29.2962890625 212.109375 29.2962890625H87.890625C52.996875 29.2962890625 24.609375 57.684375 24.609375 92.5775390625V111.3275390625H123.7072265625C126.9427734375 111.3275390625 129.5666015625 113.95078125 129.5666015625 117.1869140625S126.9427734375 123.0462890625 123.7072265625 123.0462890625H18.75C14.8728515625 123.0462890625 11.71875 126.200390625 11.71875 130.0775390625S14.8728515625 137.1087890625 18.75 137.1087890625H281.25C285.1271484375 137.1087890625 288.28125 133.9546875 288.28125 130.0775390625S285.1271484375 123.0462890625 281.25 123.0462890625zM150 123.0462890625C148.458984375 123.0462890625 146.947265625 122.4193359375 145.857421875 121.3294921875S144.140625 118.7279296875 144.140625 117.1869140625S144.7669921875 114.1341796875 145.857421875 113.0443359375C146.947265625 111.9544921875 148.458984375 111.3275390625 150 111.3275390625S153.052734375 111.9544921875 154.1419921875 113.0443359375C155.2318359375 114.1341796875 155.859375 115.6458984375 155.859375 117.1869140625S155.232421875 120.2396484375 154.1419921875 121.3294921875C153.052734375 122.4193359375 151.541015625 123.0462890625 150 123.0462890625zM238.4765625 249.0228515625C241.712109375 249.0228515625 244.3359375 251.64609375 244.3359375 254.8822265625V262.4994140625C244.3359375 265.735546875 241.712109375 268.3587890625 238.4765625 268.3587890625S232.6171875 265.735546875 232.6171875 262.4994140625V254.8822265625C232.6171875 251.64609375 235.241015625 249.0228515625 238.4765625 249.0228515625zM238.4765625 208.5931640625C241.712109375 208.5931640625 244.3359375 211.21640625 244.3359375 214.4525390625V221.8611328125C244.3359375 225.097265625 241.712109375 227.7205078125 238.4765625 227.7205078125S232.6171875 225.097265625 232.6171875 221.8611328125V214.4525390625C232.6171875 211.21640625 235.241015625 208.5931640625 238.4765625 208.5931640625zM254.8828125 232.6166015625H262.5C265.735546875 232.6166015625 268.359375 235.23984375 268.359375 238.4759765625S265.735546875 244.3353515625 262.5 244.3353515625H254.8828125C251.647265625 244.3353515625 249.0234375 241.712109375 249.0234375 238.4759765625S251.647265625 232.6166015625 254.8828125 232.6166015625zM214.453125 232.6166015625H222.0703125C225.305859375 232.6166015625 227.9296875 235.23984375 227.9296875 238.4759765625S225.305859375 244.3353515625 222.0703125 244.3353515625H214.453125C211.217578125 244.3353515625 208.59375 241.712109375 208.59375 238.4759765625S211.217578125 232.6166015625 214.453125 232.6166015625zM150.0744140625 212.6947265625C153.3099609375 212.6947265625 155.9337890625 215.31796875 155.9337890625 218.5541015625V226.1712890625C155.9337890625 229.407421875 153.3099609375 232.0306640625 150.0744140625 232.0306640625C146.83828125 232.0306640625 144.2150390625 229.407421875 144.2150390625 226.1712890625V218.5541015625C144.2150390625 215.31796875 146.8388671875 212.6947265625 150.0744140625 212.6947265625zM150.0744140625 172.2650390625C153.3099609375 172.2650390625 155.9337890625 174.88828125 155.9337890625 178.1244140625V185.5330078125C155.9337890625 188.769140625 153.3099609375 191.3923828125 150.0744140625 191.3923828125C146.83828125 191.3923828125 144.2150390625 188.769140625 144.2150390625 185.5330078125V178.1244140625C144.2150390625 174.88828125 146.8388671875 172.2650390625 150.0744140625 172.2650390625zM166.4806640625 196.2884765625H174.0978515625C177.3333984375 196.2884765625 179.9572265625 198.91171875 179.9572265625 202.1478515625S177.3333984375 208.0072265625 174.0978515625 208.0072265625H166.4806640625C163.24453125 208.0072265625 160.6212890625 205.383984375 160.6212890625 202.1478515625S163.24453125 196.2884765625 166.4806640625 196.2884765625zM126.0509765625 196.2884765625H133.6681640625C136.9037109375 196.2884765625 139.5275390625 198.91171875 139.5275390625 202.1478515625S136.9037109375 208.0072265625 133.6681640625 208.0072265625H126.0509765625C122.8154296875 208.0072265625 120.1916015625 205.383984375 120.1916015625 202.1478515625S122.8154296875 196.2884765625 126.0509765625 196.2884765625z" >
+    <glyph glyph-name="deal-1"
+      unicode="&#xF116;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal-1-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M103.20703125 231.6515625L107.73046875 234.07734375V180.41953125A4.1015625 4.1015625 0 0 1 111.83203125 176.31796875H136.9359375A4.1015625 4.1015625 0 0 1 141.0375 180.41953125V203.40703125H158.90625V180.41953125A4.1015625 4.1015625 0 0 1 163.0078125 176.31796875H188.12109375A4.1015625 4.1015625 0 0 1 192.22265625 180.41953125V234.05859375L196.81171875 231.628125A4.1015625 4.1015625 0 1 1 200.653125 238.875L151.5984375 264.86484375A4.09453125 4.09453125 0 0 1 147.740625 264.86484375L99.33046875 238.8796875A4.1015625 4.1015625 0 0 1 103.20703125 231.6515625zM149.68828125 256.59140625L184.0171875 238.40390625V184.52109375H167.109375V207.50859375A4.1015625 4.1015625 0 0 1 163.0078125 211.61015625H136.9359375A4.1015625 4.1015625 0 0 1 132.834375 207.50859375V184.52109375H115.93359375V238.47890625zM267.09609375 103.25390625A4.09453125 4.09453125 0 0 1 261.41484375 104.42578125L255.384375 100.453125L218.4140625 155.671875L265.809375 184.603125A4.10390625 4.10390625 0 0 1 261.534375 191.6062500000001L185.4890625 145.1859375A4.10390625 4.10390625 0 0 1 184.2421875 139.36875L187.11328125 135.17578125H146.784375A23.52421875 23.52421875 0 0 1 133.575 131.1328125L113.653125 136.2890625000001L115.7625 139.36171875A4.10390625 4.10390625 0 0 1 114.515625 145.1789062500001L38.465625 191.6085937500001A4.10390625 4.10390625 0 0 1 34.190625 184.60546875L81.5859375 155.671875L44.61328125 100.4484375L38.5828125 104.42109375A4.1015625 4.1015625 0 1 1 34.06875 97.57265625L43.471875 91.378125L67.265625 75.703125A4.09921875 4.09921875 0 0 1 72.90703125 76.81171875L78.28125 84.6257812500001L112.2328125 53.3437500000001L130.3312500000001 35.8453125A11.2265625 11.2265625 0 0 1 146.04609375 35.0718750000001A11.04375 11.04375 0 0 1 148.21171875 37.8000000000001A12.4453125 12.4453125 0 0 1 167.0695312500001 44.1421875000001A12.4546875 12.4546875 0 0 1 183.2414062500001 58.5304687500001A12.50625 12.50625 0 0 1 193.0851562500001 70.0757812500001C193.1015625000001 70.3523437500001 193.0546875000001 70.6195312500001 193.0523437500001 70.8937500000001L220.6875000000001 86.1632812500001L227.0953125000001 76.8070312500001A4.09921875 4.09921875 0 0 1 232.7343750000001 75.7031250000001L256.5328125000001 91.3804687500001L265.9359375000001 97.5750000000001A4.09921875 4.09921875 0 0 1 267.0960937500001 103.2539062500001zM192.72890625 126.97265625L210.58125 100.903125L165.20390625 109.03359375A11.05078125 11.05078125 0 0 1 157.10859375 107.34609375L140.23359375 96.09609375A18.00703125 18.00703125 0 0 0 117.83671875 98.13984375A4.78359375 4.78359375 0 0 0 117.83671875 105.01640625L136.02421875 122.6203125A15.39140625 15.39140625 0 0 0 146.7796875 126.97265625zM68.4234375 84.7640625L51.4640625 95.93671875L88.59375 151.40625L106.546875 140.446875zM183.42421875 67.52578125A4.3734375 4.3734375 0 0 0 177.24609375 67.875L158.24765625 89.16328125A4.1015625 4.1015625 0 0 1 152.128125 83.70234375L174.22265625 58.94765625A4.378125 4.378125 0 1 0 167.69296875 53.11640625L164.59921875 56.5828125L141.83671875 82.08515625A4.1015625 4.1015625 0 1 1 135.7171875 76.62421875L158.4515625 51.140625L158.4679687500001 51.1171875A4.3734375 4.3734375 0 0 0 158.11875 44.9390625A4.38046875 4.38046875 0 0 0 151.93828125 45.28828125L126.60234375 73.6875A4.1015625 4.1015625 0 1 1 120.4828125 68.2265625L140.8125 45.4453125A3.00703125 3.00703125 0 0 0 136.3265625 41.43984375C136.2609375000001 41.51484375 136.1882812500001 41.5875 136.11796875 41.6578125L117.890625 59.2664062500001L117.8484375 59.2992187500001L117.815625 59.3343750000001L82.9546875 91.4648437500001L108.7359375 129.0960937500001L126.24609375 124.55625L112.14609375 110.9085937500001A12.9890625 12.9890625 0 0 1 112.14609375 92.2476562500001A26.25 26.25 0 0 1 144.8015625 89.26875L160.5398437500001 99.7617187500001L183.796875 73.7039062500001A4.37578125 4.37578125 0 0 0 183.44296875 67.5234375000001zM189.9 79.1671875L171.7265625 99.5296875L214.1484375 91.93125L190.2421875 78.7171875C190.1109375 78.8625 190.0265625 79.02421875 189.9 79.16484375zM231.5742187500001 84.76640625L198.29765625 133.359375V133.37578125L193.453125 140.43515625L211.40625 151.40625L248.53359375 95.9484375z" >
+    <glyph glyph-name="deal"
+      unicode="&#xF117;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890404H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890404H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="deal-1"
+      unicode="&#x64;&#x65;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M282.7700052301255 119.6814517725983L218.8635916317992 183.5234017367192C216.8704236401674 185.4043476811542 213.7544127615063 185.4043476811542 211.7636962343096 183.5234017367192L183.3592117154812 155.1475690915857C181.4003661087866 153.1882503994659 181.4003661087866 150.0141541182319 183.3592117154812 148.0548354261121L186.909159414226 144.5084685933754L177.3257711297071 134.9347477907506L169.6276807531381 133.3991316090563L154.9571786610879 148.0548354261121C154.0157560669456 148.9953083983296 152.7384608786611 149.524324445202 151.4072309623431 149.524324445202H132.186519665272L123.0027458158996 158.6988339075618C124.9640428870293 160.6581525996815 124.9640428870293 163.8322488809156 123.0027458158996 165.7915675730353L94.6056156903766 194.1674008451508C93.6641930962343 195.1078738173683 92.3844470711297 195.6368898642407 91.0532165271967 195.6368898642407C89.7195345188285 195.6368898642407 88.442239958159 195.1078738173683 87.5008173640167 194.1674008451508L30.6942991631799 137.4157349279018C28.7330020920502 135.4588652274017 28.7330020920502 132.282319954548 30.6942991631799 130.3254502540479L59.0963322175732 101.9496176089144C61.0576292887029 99.9927479084143 64.2349305439331 99.9927479084143 66.1962276150628 101.9496176089144L98.8322108786611 69.3759443524233C96.638009623431 64.8597147670872 96.8635594142259 59.5426135096017 99.435310041841 55.2296633953185C102.0070606694561 50.9167126540534 106.5793343096234 48.185912697148 111.6002548117155 47.9630400391739C111.9214173640167 40.2678161893645 118.0921481171548 34.1033092840461 125.7951426778243 33.7849203100677C126.1187566945607 26.0823488584174 132.294390376569 19.9129439698598 140.004739958159 19.58965638566C140.32345041841 13.6798615372992 144.0866893305439 8.5072601901031 149.6150956066946 6.3813987821711C155.1435012552301 4.2555386282032 161.4073939330544 5.570731143543 165.6119246861925 9.7440799577582L170.9491041841004 4.417182106812C175.1389255230126 0.2070959103742 181.4224305439331 -1.1325877751262 186.9679983263598 1.0006199806828C192.5160175732218 3.1362773550933 196.2743529288703 8.3407174742909 196.5538374476988 14.2725551281745C204.2617349372385 14.5909441021529 210.4398207112971 20.7578999990909 210.7634347280335 28.4580224591217C218.4664292887029 28.7837590349411 224.637160041841 34.950714931879 224.9583225941423 42.6483877733081C230.8838912133891 42.9471841873473 236.0788769874477 46.704177465996 238.2117872384938 52.234354787995C240.34714958159 57.764532109994 239.0208225941423 64.0319023061756 234.828549790795 68.2272939259136L229.5183382845189 73.5394965731778L233.0707374476988 77.0858634059146S233.0707374476988 77.1372953648372 233.1173184100419 77.1617871619797L243.7058711297072 87.7347604975855L247.2558188284519 84.1883936648488C249.2171158995816 82.2315239643486 252.3944171548118 82.2315239643486 254.3557142259415 84.1883936648488L282.7601987447699 112.5642263099823C284.7190443514645 114.5210960104824 284.7190443514645 117.6976412833361 282.7601987447699 119.6545109838362zM188.6865847280335 100.1739845739443C190.6478817991632 98.2146658818246 190.6478817991632 95.0405696005905 188.6865847280335 93.0812509084708C186.7007711297071 91.1856103873359 183.5725029288703 91.1856103873359 181.5866893305439 93.0812509084708L160.2845516736402 114.3643505151127C158.2913836820084 116.2452964595477 155.1753728033473 116.2452964595477 153.1846562761506 114.3643505151127C147.2247646443515 108.6725297145048 137.8350552301255 108.6725297145048 131.8751635983264 114.3643505151127L124.7948811715481 107.2716168496392C126.6262418410042 105.4886368398102 128.7223782426778 103.9995546337991 131.0072893305439 102.8533531989091L105.2750717573222 77.1201511695356L87.5008173640167 94.8519853332195L132.186519665272 139.4926127415487H149.3282560669456zM62.660989958159 112.5887181071247L41.3441422594142 133.8718170867847L91.0507650627615 183.5283003469405L112.3529027196653 162.2500993505198zM115.9200119246862 151.6061002420882L123.0076493723849 144.5084685933754L80.3960184100418 101.9496176089144L73.2961230125523 109.0423512743879zM154.9204041841004 15.401612367763C152.9100746861925 15.394264765922 151.0909713389122 16.5943477783364 150.3089046025105 18.4434549507699C149.5268372384937 20.2950111148231 149.9338060669456 22.4331174808533 151.3410370292887 23.868318736322L151.4072309623431 23.917301076643L160.8606828451883 33.3685647745012L165.5947631799163 38.0831752206689L158.5071263598326 45.1955020730637L155.1165338912134 41.8107793459178L144.268109623431 31.0100347421166L144.2264315899582 30.9561537915743C142.2381665271966 29.1119452293621 139.1564786610879 29.1339874079029 137.1976330543933 31.0100347421166C135.2363359832636 32.9693534342363 135.2363359832636 36.1434497154704 137.1976330543933 38.1027684075901L151.4072309623431 52.2931343487585L144.3073355648535 59.3858680142321L130.1075447698745 45.1955020730637C128.1462476987448 43.2361833809439 124.9689464435146 43.2337343893243 123.0051972803347 45.1930530814441C121.043900209205 47.1523717735638 121.043900209205 50.3289170464175 123.0027458158996 52.2882357385373L137.207440167364 66.4786016797057L130.1075447698745 73.5688863535596L115.90285041841 59.3809694040108C113.9170368200837 57.485328882876 110.791220083682 57.485328882876 108.8029550209205 59.3809694040108C107.8615324267782 60.3214423762283 107.3319822175732 61.5974491447078 107.3319822175732 62.9297858553493C107.3319822175732 64.2596729473891 107.8615324267782 65.5356797158685 108.8029550209205 66.4786016797057L119.4527981171548 77.1152531862963L142.2626830543933 99.9535615345719C142.348489958159 99.9535615345719 142.4342962343096 99.9290703644114 142.5201031380753 99.9290703644114C147.4454108786611 99.9143751607295 152.2628466527197 101.3569233910572 156.366860460251 104.0754783898643L174.5039554393305 85.9885172429972C180.4638464435146 80.3040440442303 189.8462014644351 80.3040440442303 195.8060930962343 85.9885172429972C201.6875328451883 91.8664733193566 201.6875328451883 101.3912117816603 195.8060930962343 107.2667182394179L178.1838389121339 124.871197315096L222.4429587866109 80.6567214088119L220.9670830543933 79.1823344064827C216.5933905857741 80.389764393756 211.9058905857741 79.5399097543036 208.2382650627615 76.872787341401C204.5681874476987 74.2056649284985 202.3151479079498 70.0127229273622 202.1190182008368 65.4842477569459C194.3596368200837 65.1560615625248 188.164389539749 58.9156315281234 187.8996144351465 51.1640771091701C180.196619874477 50.9681452399581 173.9817602510461 44.8109859364807 173.7194366108787 37.1206600699106C169.1912918410042 36.9247282006986 164.999019665272 34.6813082982215 162.3292035564854 31.0222809541788C159.6569366108787 27.3657019747738 158.7988688284519 22.6927275210502 159.9977121338912 18.3258958292427L158.4924163179917 16.8196694279301C157.5411872384937 15.8889930491733 156.2540861924686 15.3771211976025 154.9204041841004 15.401612367763zM185.1366370292887 11.5025681704446C183.1532755230126 9.6020290390885 180.0201031380753 9.6020290390885 178.0367416317992 11.5025681704446L170.9319426778243 18.6124460312197C169.1765824267782 20.596256520482 169.2697437238494 23.6038100859038 171.1427824267783 25.4774090554798C173.0182725941423 27.3534563896935 176.0288635983263 27.4465243410602 178.0171286610879 25.692934111613L185.1366370292887 18.6124460312197C186.0829631799163 17.6695240673826 186.6149648535565 16.3910683072834 186.6149648535565 15.058731596642C186.6149648535565 13.7239458943809 186.0829631799163 12.4454907612638 185.1366370292887 11.5025681704446zM199.3364278242678 25.692934111613C197.3751307531381 23.7360644111129 194.197829497908 23.7360644111129 192.2365324267783 25.692934111613L185.1366370292887 32.7856677770866C184.1952144351464 33.7261407493041 183.6656642259414 35.0045958824212 183.6656642259414 36.334483601443C183.6656642259414 37.6668203120844 184.1952144351464 38.9428264535819 185.1366370292887 39.8832994257994C187.0979341004184 41.8426181179192 190.2752353556485 41.8426181179192 192.2365324267783 39.8832994257994L199.3364278242678 32.7856677770865C201.2952734309624 30.8263490849668 201.2952734309624 27.6522528037328 199.3364278242678 25.692934111613zM213.5362186192469 39.8784014425602C211.5479535564854 37.9876589046646 208.4245882845188 37.9876589046646 206.4363232217573 39.8784014425602L199.3364278242678 46.976033091273C197.433969665272 48.9451483768534 197.4609376569038 52.0727106824041 199.3977182008368 54.0075382043633C201.3344993723849 55.9423657263226 204.465219665272 55.9693058881028 206.4363232217573 54.0687667567466L213.5362186192469 46.976033091273C214.4776412133891 46.0355601190555 215.0071914225941 44.759553977558 215.0071914225941 43.4272172669166S214.4776412133891 40.8188744147777 213.5362186192469 39.8784014425602zM227.7237514644351 54.0687667567466C226.7823288702929 53.1258447929095 225.5050343096235 52.5968287460371 224.1713523012552 52.5968287460371C222.8401217573222 52.5968287460371 221.5628271966527 53.1258447929095 220.6189525104602 54.0687667567466L213.5215092050209 61.1615004222201C211.5553085774059 63.1257177245612 211.557760041841 66.3071616076362 213.5239606694561 68.2713782829952C215.490160669456 70.2331459667346 218.6748169456067 70.2331459667346 220.6410175732217 68.2689292913756L227.7237514644351 61.1615004222201C229.6850485355648 59.2021817301004 229.6850485355648 56.0280854488663 227.7237514644351 54.0687667567466zM229.5011767782427 87.7641502779673L186.8993529288703 130.3254502540479L193.9943447698745 137.4157349279018L236.6157815899581 94.8519853332195zM250.8204759414226 94.8519853332195L194.0090548117155 151.6012022588489L215.3136439330544 172.8843012385089L272.1201621338912 116.1350849398615zM250.8204759414226 94.8519853332195M101.1980259414226 244.8255856299074H111.2398669456067V194.6670271116414C111.2398669456067 191.8970401539116 113.4880035564854 189.6511712598148 116.2607874476987 189.6511712598148H196.5955154811715C199.3682987447699 189.6511712598148 201.6164359832636 191.8970401539116 201.6164359832636 194.6670271116414V244.8255856299074H211.6582769874477C213.7789292887029 244.8255856299074 215.6715809623431 246.1603713321685 216.3850029288703 248.156427406511C217.0984242677824 250.1524834808535 216.4781642259414 252.3812081796488 214.8355782426778 253.7233414837508L159.6054527196653 298.8660441501902C157.756929916318 300.3771685347421 155.0993723849372 300.3771685347421 153.2483981171548 298.8660441501902L98.0182725941423 253.7233414837508C96.3756866108787 252.3812081796488 95.7554259414226 250.1524834808535 96.4688479079498 248.156427406511S99.0749215481172 244.8255856299074 101.1980259414226 244.8255856299074zM151.4072309623431 199.6828829634679V219.7463063707744H161.4490719665272V199.6828829634679zM191.5745949790795 199.6828829634679H171.4909129707113V224.762162222601C171.4909129707113 227.5321491803308 169.2427757322176 229.7780180744276 166.4699924686193 229.7780180744276H146.386310460251C143.6135265690377 229.7780180744276 141.365389958159 227.5321491803308 141.365389958159 224.762162222601V199.6828829634679H121.2817079497908V244.8255856299074H191.5745949790795zM156.4281514644351 288.5036972604963L197.5982284518828 254.8572973335606H115.2556223849372zM156.4281514644351 288.5036972604963M61.0306619246862 249.841441481734H71.0725029288703V259.8731531853872H81.1143439330544V269.9048648890405H71.0725029288703V279.9365765926936H61.0306619246862V269.9048648890405H50.9888209205021V259.8731531853872H61.0306619246862zM61.0306619246862 249.841441481734M241.7838 209.7145946671212V199.682882963468H251.8256410041841V189.6511712598148H261.8674820083682V199.682882963468H271.9093230125523V209.7145946671212H261.8674820083682V219.7463063707744H251.8256410041841V209.7145946671212zM241.7838 209.7145946671212M221.7001179916318 264.8890090372138H231.7419589958159V274.920720740867H241.7838V284.9524324445202H231.7419589958159V294.9841441481734H221.7001179916318V284.9524324445202H211.6582769874477V274.920720740867H221.7001179916318zM221.7001179916318 264.8890090372138M35.9260594142259 189.6511712598148V199.6828829634679H45.96790041841V209.7145946671212H35.9260594142259V219.7463063707744H25.8842184100418V209.7145946671212H15.8423774058577V199.6828829634679H25.8842184100418V189.6511712598148zM35.9260594142259 189.6511712598148" >
+    <glyph glyph-name="dining-table-with-chairs"
+      unicode="&#xF118;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858474 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="dining-table-with-chairs-1"
+      unicode="&#x64;&#x69;&#x6E;&#x69;&#x6E;&#x67;&#x2D;&#x74;&#x61;&#x62;&#x6C;&#x65;&#x2D;&#x77;&#x69;&#x74;&#x68;&#x2D;&#x63;&#x68;&#x61;&#x69;&#x72;&#x73;"
+      horiz-adv-x="300" d="M169.4293345265896 83.8462936808692H160.1652846335632V175.3513347223582H214.6127277557927C220.2256932306015 175.3513347223582 224.777313215779 179.901556360382 224.777313215779 185.5159201823445S220.2270915777551 195.6805056423308 214.6127277557927 195.6805056423308H85.3914672856684C79.7785018108596 195.6805056423308 75.2268818256821 191.1302840043069 75.2268818256821 185.5159201823445S79.7771034637059 175.3513347223582 85.3914672856684 175.3513347223582H139.8375120607442V83.8462936808692H130.5734621677178C124.960496692909 83.8462936808692 120.4088767077315 79.2960720428454 120.4088767077315 73.6803098737292C120.4088767077315 68.0659460517668 124.9590983457553 63.5157244137429 130.5734621677178 63.5157244137429H169.4293345265896C175.0436983485521 63.5157244137429 179.5953183337296 68.0659460517668 179.5953183337296 73.6803098737292C179.5939199865759 79.2960720428454 175.043698348552 83.8462936808692 169.4293345265896 83.8462936808692zM103.1742480388181 131.1118258218786C103.1742480388181 136.7247912966873 98.6240264007943 141.2764112818648 93.0096625788318 141.2764112818648H76.6755694768783H47.850041251241C32.3563547886398 141.2764112818648 29.0982059206019 163.8457343420078 28.9597695523891 164.8651294170291L20.2354816606771 227.9613496846727C19.4663907261617 233.5225763147959 14.3386517136744 237.3973962775999 8.7746283892439 236.6380937731601C3.2148001062744 235.8690028386448 -0.6698082866052 230.7384671318502 0.0978843007565 225.177240501727L8.8081887209319 162.1775061876862C9.970215205627 153.1302001034777 14.6351013102513 138.9747318669333 24.7032008166347 129.8295414819683L14.2365723714569 75.3555297638192C13.1766252289793 69.8432452840742 16.7871575797408 64.515542628613 22.2994420594857 63.4569938332891C27.8173199278453 62.3928516493505 33.1394291946919 66.0089773887265 34.1979779900158 71.5198635213178L43.6955518577042 120.9500370561995H68.2770964719701L77.7746703396585 71.5198635213178C78.7087662383063 66.6550137737194 82.968131668368 63.273810356159 87.7448855452855 63.273810356159C88.3811335002028 63.273810356159 89.0257715380421 63.3339392837666 89.6732062701887 63.4583921804427C95.1854907499336 64.5169409757667 98.796023100695 69.8432452840742 97.7360759582174 75.3569281109728L88.9754310405102 120.9500370561995H93.0068658845245C98.6212297064869 120.9472403618923 103.1742480388181 125.4988603470698 103.1742480388181 131.1118258218786zM291.2295666522171 236.6366954260065C285.6711367164013 237.3959979304462 280.5378043152994 233.5197796204886 279.768713380784 227.9599513375191L271.0374337533036 164.8036021422678C270.9059891208592 163.8429376477005 267.6478402528212 141.2736145875575 252.15415379022 141.2736145875575H223.3286255645827H206.9945324626292C201.3815669878204 141.2736145875575 196.8285486554892 136.7233929495337 196.8285486554892 131.1090291275712S201.3801686406667 120.9444436675849 206.9945324626292 120.9444436675849H211.0259673066436L202.2653223889363 75.3513347223582C201.2053752464587 69.8390502426132 204.8159075972201 64.511347587152 210.3281920769651 63.4527987918281C215.8460699453247 62.3886566078895 221.1681792121713 66.0047823472656 222.2267280074952 71.5156684798568L231.7243018751836 120.9458420147386H256.3058464894495L265.8034203571379 71.5156684798568C266.7375162557857 66.6508187322585 270.9968816858475 63.2696153146981 275.7736355627648 63.2696153146981C276.4098835176822 63.2696153146981 277.0545215555214 63.3297442423056 277.7033546348217 63.4541971389818C283.214240767413 64.5127459343057 286.8247731181744 69.8390502426133 285.7662243228504 75.3527330695119L275.2995958776726 129.8225497462C285.3648986897487 138.959350048243 290.0269881000657 153.0910463831751 291.1806245018388 162.0754268454687L299.9035140463971 225.173045460266C300.6740033280663 230.7356704375428 296.787996588033 235.8676044914911 291.2295666522171 236.6366954260065z" >
+    <glyph glyph-name="double-bed"
+      unicode="&#xF119;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="double-bed-1"
+      unicode="&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x62;&#x65;&#x64;"
+      horiz-adv-x="300" d="M285.3544921875 149.6080078125V155.321484375C285.3544921875 165.8466796875 279.9052734375 175.11796875 271.6845703125 180.479296875V242.804296875C271.6845703125 259.20234375 258.3439453125 272.54296875 241.9458984375 272.54296875H58.0541015625C41.6560546875 272.54296875 28.31484375 259.20234375 28.31484375 242.804296875V180.4798828125C20.094140625 175.1185546875 14.644921875 165.847265625 14.644921875 155.3220703125V149.60859375C6.22734375 147.3919921875 0 139.7162109375 0 130.6119140625V63.7587890625C0 53.2412109375 8.309765625 44.6296875 18.7083984375 44.1404296875V36.228515625C18.7083984375 31.383984375 22.6359375 27.4564453125 27.48046875 27.4564453125S36.2525390625 31.383984375 36.2525390625 36.228515625V44.1169921875H263.7468750000001V36.228515625C263.7468750000001 31.383984375 267.6744140625001 27.4564453125 272.5189453125 27.4564453125S281.2910156250001 31.383984375 281.2910156250001 36.228515625V44.1404296875C291.6902343750001 44.6302734375 300 53.241796875 300 63.759375V130.6119140625C300 139.716796875 293.77265625 147.3919921875 285.3544921875 149.6080078125zM45.8595703125 242.804296875C45.8595703125 249.528515625 51.3298828125 254.998828125 58.0541015625 254.998828125H241.9458984375C248.6701171875 254.998828125 254.1404296875 249.528515625 254.1404296875 242.804296875V185.3431640625H242.4439453125V200.8048828125C242.4439453125 211.6271484375 233.6396484375 220.43203125 222.816796875 220.43203125H175.61484375C164.792578125 220.43203125 155.9876953125 211.6271484375 155.9876953125 200.8048828125V185.3431640625H144.0123046875V200.8048828125C144.0123046875 211.6271484375 135.207421875 220.43203125 124.38515625 220.43203125H77.183203125C66.3603515625 220.43203125 57.5560546875 211.6271484375 57.5560546875 200.8048828125V185.3431640625H45.8595703125zM224.89921875 200.80546875V187.426171875C224.89921875 186.277734375 223.9646484375 185.34375 222.816796875 185.34375H175.61484375C174.46640625 185.34375 173.532421875 186.2783203125 173.532421875 187.426171875V200.80546875C173.532421875 201.95390625 174.4669921875001 202.887890625 175.61484375 202.887890625H222.816796875C223.965234375 202.887890625 224.89921875 201.95390625 224.89921875 200.80546875zM126.467578125 200.80546875V187.426171875C126.467578125 186.277734375 125.5330078125 185.34375 124.38515625 185.34375H77.183203125C76.034765625 185.34375 75.10078125 186.2783203125 75.10078125 187.426171875V200.80546875C75.10078125 201.95390625 76.0353515625 202.887890625 77.183203125 202.887890625H124.38515625C125.5330078125 202.887890625 126.467578125 201.95390625 126.467578125 200.80546875zM32.1896484375 155.3220703125C32.1896484375 162.2021484375 37.787109375 167.7990234375 44.6671875 167.7990234375H255.3328125C262.212890625 167.7990234375 267.8103515625 162.2015625 267.8103515625 155.3220703125V150.2548828125H32.1896484375zM282.4552734375 63.759375C282.4552734375 62.602734375 281.5142578125 61.66171875 280.35703125 61.66171875H19.6423828125C18.4857421875 61.66171875 17.544140625 62.602734375 17.544140625 63.759375V130.6119140625C17.544140625 131.7685546875 18.48515625 132.7095703125 19.6423828125 132.7095703125H280.3576171875C281.5142578125 132.7095703125 282.455859375 131.7685546875 282.455859375 130.6119140625V63.759375z" >
+    <glyph glyph-name="dryer"
+      unicode="&#xF11A;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dryer-1"
+      unicode="&#x64;&#x72;&#x79;&#x65;&#x72;"
+      horiz-adv-x="300" d="M275 300H25C11.19973425 299.9834694 0.0165306 288.80026575 0 275V25C0.0165306 11.199734 11.19973425 0.0165305 25 0H275C288.800266 0.0165305 299.9834695 11.199734 300 25V275C299.9834695 288.80026575 288.800266 299.9834694000001 275 300zM290 275V230H130V290H275C283.284271 290 290.0000000000001 283.28427125 290.0000000000001 275zM25 290H120V230H10V275C10 283.28427125 16.71572875 290 25 290zM275 10H25C16.71572875 10 10 16.715729 10 25V220H290V25C290 16.715729 283.284271 10 275 10zM260 240C271.045695 240 280 248.954305 280 260S271.045695 280 260 280S240 271.045695 240 260S248.954305 240 260 240zM260 270C265.5228475 270 270 265.5228475 270 260S265.5228475 250 260 250S250 254.4771525 250 260S254.4771525 270 260 270zM210 240C221.045695 240 230 248.954305 230 260S221.045695 280 210 280S190 271.045695 190 260S198.954305 240 210 240zM210 270C215.5228475 270 220 265.5228475 220 260S215.5228475 250 210 250S200 254.4771525 200 260S204.4771525 270 210 270zM40 240C51.045695 240 60 248.954305 60 260S51.045695 280 40 280S20 271.045695 20 260S28.954305 240 40 240zM40 270C45.5228475 270 50 265.5228475 50 260S45.5228475 250 40 250S30 254.4771525 30 260S34.4771525 270 40 270zM145 260A5 5 0 0 1 155 260A5 5 0 0 1 145 260M165 260A5 5 0 0 1 175 260A5 5 0 0 1 165 260M75 260A5 5 0 0 1 85 260A5 5 0 0 1 75 260M95 260A5 5 0 0 1 105 260A5 5 0 0 1 95 260M150 210C97.532949 210 55 167.467051 55 115S97.532949 20 150 20S245 62.532949 245 115C244.9421325 167.443063 202.443063 209.9421325 150 210zM150 30C103.0557965 30 65 68.0557965 65 115S103.0557965 200 150 200S235 161.9442035 235 115C234.947645 68.0774995000001 196.9225005 30.052355 150 30zM150 190C108.578644 190 75 156.421356 75 115S108.578644 40 150 40S225 73.578644 225 115C224.9531575 156.401938 191.401938 189.9531575 150 190zM150 50C114.1014915 50 85 79.1014915 85 115S114.1014915 180 150 180S215 150.8985085 215 115C214.95867 79.1186245 185.8813755 50.04133 150 50zM25 210C22.23857625 210 20 207.7614235 20 205V195C20 192.2385765 22.23857625 190 25 190S30 192.2385765 30 195V205C30 207.7614235 27.76142375 210 25 210zM25 180C22.23857625 180 20 177.7614235 20 175V70C20 67.2385765 22.23857625 65 25 65S30 67.2385765 30 70V175C30 177.7614235 27.76142375 180 25 180zM152.3 119.44C147.225838 122.9197895 144.432651 128.8734865 145 135C144.447361 141.0920535 147.210312 147.011299 152.235 150.5C154.706474 151.7343565 155.7093565 154.7385255 154.475 157.21C153.2406435 159.681474 150.236474 160.6843565 147.765 159.45C139.2843605 154.317282 134.363808 144.892487 135 135C134.3543045 125.1245085 139.247619 115.7077675 147.7 110.56C152.7741620000001 107.0802105 155.567349 101.1265135 155 95C155.5611505 88.8783075 152.773682 82.9305605 147.71 79.445C145.372823 78.1374025 144.4809285 75.2204885 145.6871805 72.8294295C146.893432 70.4383705 149.7694505 69.4223095 152.21 70.525C160.7085570000001 75.655499 165.6406565 85.0935855 165 95C165.6456955 104.8754915 160.752381 114.2922325 152.3 119.44zM182.3 119.44C177.225838 122.9197895 174.432651 128.8734865 175 135C174.447361 141.0920535 177.210312 147.011299 182.235 150.5C183.8337635 151.2984885 184.8850935 152.8892525 184.992964 154.673067C185.1008345 156.456881 184.248857 158.1627415 182.757964 159.148067C181.2670705000001 160.1333925 179.3637635 160.2484885 177.7650000000001 159.45C169.2843605000001 154.317282 164.363808 144.892487 165.0000000000001 135C164.3543045000001 125.1245085 169.2476190000001 115.7077675 177.7000000000001 110.56C182.7741620000001 107.0802105 185.5673490000001 101.1265135 185 95C185.5611505000001 88.8783075 182.773682 82.9305605 177.71 79.445C175.2468100000001 78.195456 174.262956 75.18569 175.5125000000001 72.7225S179.7718100000001 69.275456 182.2350000000001 70.525C190.7239645 75.661962 195.6457690000001 85.098794 195 95C195.6456955 104.8754915 190.7523810000001 114.2922325 182.3000000000001 119.44zM122.3 119.44C117.225838 122.9197895 114.432651 128.8734865 115 135C114.447361 141.0920535 117.210312 147.011299 122.235 150.5C124.706474 151.7343565 125.7093565 154.7385255 124.475 157.21C123.2406435 159.681474 120.236474 160.6843565 117.765 159.45C109.2843605 154.317282 104.363808 144.892487 105 135C104.3543045 125.1245085 109.247619 115.7077675 117.7 110.56C122.774162 107.0802105 125.567349 101.1265135 125 95C125.5611505 88.8783075 122.773682 82.9305605 117.71 79.445C115.372823 78.1374025 114.4809285 75.2204885 115.6871805 72.8294295C116.893432 70.4383705 119.7694505 69.4223095 122.21 70.525C130.7085570000001 75.655499 135.6406565 85.0935855 135 95C135.6456955 104.8754915 130.752381 114.2922325 122.3 119.44z" >
+    <glyph glyph-name="dumbbell"
+      unicode="&#xF11B;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M282.421875 179.296875H276.5625V205.6640625C276.5625 218.589019921875 266.0453794921875 229.1015625 253.125 229.1015625C248.606872265625 229.1015625 244.3817138671875 227.817535546875 240.802001953125 225.5928041015625C238.405608984375 235.986328125 229.0718080078125 243.75 217.96875 243.75H217.9618833984375C205.043792578125 243.75 194.5243833984375 233.237457421875 194.5243833984375 220.3125V179.296875H105.4756166015625V220.3125C105.4756166015625 233.237457421875 94.956207421875 243.75 82.03125 243.75C70.9281919921875 243.75 61.594391015625 235.986328125 59.197998046875 225.5928041015625C55.6182861328125 227.817535546875 51.393127734375 229.1015625 46.875 229.1015625C33.9546205078125 229.1015625 23.4375 218.589019921875 23.4375 205.6640625V179.296875H17.578125C7.887268359375 179.296875 0 171.409606640625 0 161.71875V138.28125C0 128.590393359375 7.887268359375 120.703125 17.578125 120.703125H23.4375V94.3359375C23.4375 81.410980078125 33.9546205078125 70.8984375 46.875 70.8984375C51.393127734375 70.8984375 55.6182861328125 72.182464453125 59.197998046875 74.4071958984375C61.594391015625 64.013671875 70.9281919921875 56.25 82.03125 56.25H82.0381166015625C94.956207421875 56.25 105.4756166015625 66.762542578125 105.4756166015625 79.6875V120.703125H194.5243833984375V79.6875C194.5243833984375 66.762542578125 205.043792578125 56.25 217.96875 56.25C229.0718080078125 56.25 238.405608984375 64.013671875 240.802001953125 74.4071958984375C244.3817138671875 72.182464453125 248.606872265625 70.8984375 253.125 70.8984375C266.0453794921875 70.8984375 276.5625 81.410980078125 276.5625 94.3359375V120.703125H282.421875C292.112731640625 120.703125 300 128.5903933593751 300 138.28125V161.71875C300 171.4096066406251 292.112731640625 179.296875 282.421875 179.296875zM23.4375 132.421875H17.578125C14.3486021484375 132.421875 11.71875 135.0517271484375 11.71875 138.28125V161.71875C11.71875 164.9482728515625 14.3486021484375 167.578125 17.578125 167.578125H23.4375zM58.59375 94.3359375C58.59375 91.1018373046875 57.2822572265625 88.1721498046875 55.1605224609375 86.0504150390625S50.1091001953125 82.6171875 46.875 82.6171875C40.411376953125 82.6171875 35.15625 87.872314453125 35.15625 94.3359375V205.6640625C35.15625 212.127685546875 40.411376953125 217.3828125 46.875 217.3828125S58.59375 212.127685546875 58.59375 205.6640625zM93.7568666015625 79.6875C93.7568666015625 73.223876953125 88.494873046875 67.96875 82.0381166015625 67.96875H82.03125C75.5744935546875 67.96875 70.3125 73.223876953125 70.3125 79.6875V220.3125C70.3125 226.776123046875 75.5744935546875 232.03125 82.0381166015625 232.03125C88.494873046875 232.03125 93.7568666015625 226.776123046875 93.7568666015625 220.3125zM194.4900515625 155.859375H153.515625C150.2815248046875 155.859375 147.65625 153.2341001953125 147.65625 150S150.2815248046875 144.140625 153.515625 144.140625H194.4900515625V132.421875H105.445862109375V167.578125H194.4900515625zM229.6875 79.6875C229.6875 73.223876953125 224.4255064453125 67.96875 217.9618833984375 67.96875C211.505126953125 67.96875 206.2431333984375 73.223876953125 206.2431333984375 79.6875V149.7001646484375C206.2385560546875 149.5719908203125 206.2271121093751 149.4438169921875 206.2088015625001 149.32022109375V150.67977890625C206.2271121093751 150.5561830078125 206.2385560546875 150.4280091796875 206.2431333984375 150.2998353515625V220.3125C206.2431333984375 226.776123046875 211.505126953125 232.03125 217.9618833984375 232.03125H217.96875C224.4255064453125 232.03125 229.6875000000001 226.776123046875 229.6875000000001 220.3125zM264.84375 94.3359375C264.84375 87.872314453125 259.588623046875 82.6171875 253.125 82.6171875S241.40625 87.872314453125 241.40625 94.3359375V205.6640625C241.40625 212.127685546875 246.661376953125 217.3828125 253.125 217.3828125S264.84375 212.127685546875 264.84375 205.6640625zM288.28125 138.28125C288.28125 135.0517271484375 285.6513978515626 132.421875 282.421875 132.421875H276.5625V167.578125H282.421875C285.6513978515626 167.578125 288.28125 164.9482728515625 288.28125 161.71875zM288.28125 138.28125M130.0895689453125 144.140625C126.853180078125 144.140625 124.2279052734375 146.763610546875 124.2279052734375 150S126.8486021484375 155.859375 130.0849916015625 155.859375H130.0895689453125C133.3259583984375 155.859375 135.9489439453125 153.236389453125 135.9489439453125 150S133.3259583984375 144.140625 130.0895689453125 144.140625zM130.0895689453125 144.140625" >
+    <glyph glyph-name="dumbell"
+      unicode="&#xF11C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="dumbell-1"
+      unicode="&#x64;&#x75;&#x6D;&#x62;&#x65;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M276.5625 159.375H271.875V173.4375A14.0625 14.0625 0 0 1 253.125 186.65625V192.1875A14.0625 14.0625 0 0 1 239.0625 206.25H229.6875A14.0625 14.0625 0 0 1 215.625 192.1875V159.375H196.875V168.75A18.75 18.75 0 0 1 178.125 187.5H131.25A18.75 18.75 0 0 1 112.875 172.5A14.0625 14.0625 0 0 1 107.8125 173.4375A14.0625 14.0625 0 0 1 93.75 159.375H84.375V192.1875A14.0625 14.0625 0 0 1 70.3125 206.25H60.9375A14.0625 14.0625 0 0 1 46.875 192.1875V186.65625A14.0625 14.0625 0 0 1 28.125 173.4375V159.375H23.4375A14.0625 14.0625 0 0 1 23.4375 131.25H28.125V117.1875A14.0625 14.0625 0 0 1 46.875 103.96875V98.4375A14.0625 14.0625 0 0 1 60.9375 84.375H65.625A4.6875 4.6875 0 0 1 65.625 93.75H60.9375A4.6875 4.6875 0 0 0 56.25 98.4375V192.1875A4.6875 4.6875 0 0 0 60.9375 196.875H70.3125A4.6875 4.6875 0 0 0 75 192.1875V98.4375A4.6875 4.6875 0 0 1 84.375 98.4375V131.25H95.71875A23.4375 23.4375 0 0 1 117.1875 117.1875H118.40625A32.8125 32.8125 0 0 1 126.5625 109.03125V99.65625A104.71875 104.71875 0 0 0 119.8125 62.53125A115.59375 115.59375 0 0 1 112.5 22.171875V14.0625A4.6875 4.6875 0 0 1 121.875 14.0625V22.171875A104.71875 104.71875 0 0 0 128.625 59.296875A115.59375 115.59375 0 0 1 135.9375 99.703125V111.609375A4.6875 4.6875 0 0 1 133.59375 115.640625A23.90625 23.90625 0 0 0 125.015625 124.21875A4.6875 4.6875 0 0 1 120.984375 126.5625H117.1875A14.0625 14.0625 0 0 0 103.125 140.625V159.375A4.6875 4.6875 0 0 0 112.5 159.375V145.3125A4.6875 4.6875 0 0 1 121.875 145.3125V168.75A9.375 9.375 0 0 0 131.25 178.125H178.125A9.375 9.375 0 0 0 187.5 168.75V135.9375A23.4375 23.4375 0 0 0 175.78125 115.640625A4.6875 4.6875 0 0 1 173.4375 111.609375V99.703125A115.59375 115.59375 0 0 1 180.75 59.296875A104.71875 104.71875 0 0 0 187.5 22.171875V14.0625A4.6875 4.6875 0 0 1 196.875 14.0625V22.171875A115.59375 115.59375 0 0 1 189.5625 62.578125A104.71875 104.71875 0 0 0 182.8125 99.703125V109.078125A32.8125 32.8125 0 0 1 196.5 131.25H215.625V98.4375A14.0625 14.0625 0 0 1 229.6875 84.375H234.375A4.6875 4.6875 0 0 1 234.375 93.75H229.6875A4.6875 4.6875 0 0 0 225 98.4375V192.1875A4.6875 4.6875 0 0 0 229.6875 196.875H239.0625A4.6875 4.6875 0 0 0 243.75 192.1875V98.4375A4.6875 4.6875 0 0 1 253.125 98.4375V173.4375A4.6875 4.6875 0 0 0 262.5 173.4375V117.1875A4.6875 4.6875 0 0 1 271.875 117.1875V131.25H276.5625A14.0625 14.0625 0 0 1 276.5625 159.375zM23.4375 140.625A4.6875 4.6875 0 0 0 23.4375 150H28.125V140.625zM42.1875 112.5A4.6875 4.6875 0 0 0 37.5 117.1875V173.4375A4.6875 4.6875 0 0 0 46.875 173.4375V117.1875A4.6875 4.6875 0 0 0 42.1875 112.5zM84.375 140.625V150H93.75V140.625zM196.875 140.625V150H215.625V140.625zM276.5625 140.625H271.875V150H276.5625A4.6875 4.6875 0 0 0 276.5625 140.625zM178.125 164.0625A4.6875 4.6875 0 0 1 173.4375 168.75H135.9375A4.6875 4.6875 0 0 1 135.9375 159.375H173.4375A4.6875 4.6875 0 0 1 178.125 164.0625z" >
+    <glyph glyph-name="excavator"
+      unicode="&#xF11D;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="excavator-1"
+      unicode="&#x65;&#x78;&#x63;&#x61;&#x76;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M290.3225806451613 57.5274193548387V101.6129032258064C290.3225806451613 107.9129032258065 286.2629032258065 113.2354838709678 280.6451612903226 115.2387096774194V120.9677419354839C280.6451612903226 128.9709677419355 274.1322580645161 135.4838709677419 266.1290322580645 135.4838709677419H212.0129032258065C210.0096774193549 141.1016129032258 204.6870967741936 145.1612903225807 198.3870967741936 145.1612903225807V205.7080645161291C198.3870967741936 217.8532258064516 191.8354838709678 229.1274193548387 181.2822580645162 235.1370967741936L88.5290322580645 287.9806451612904C84.3193548387097 295.1322580645161 76.6258064516129 300 67.741935483871 300C54.4596774193549 300 43.6548387096774 289.2290322580646 43.5629032258065 275.9661290322581H43.5483870967742L38.85 135.0096774193548C27.7548387096774 132.8129032258065 19.3548387096774 123.0193548387097 19.3548387096774 111.2903225806452C19.3548387096774 106.0887096774193 21.0387096774194 101.2983870967742 23.8451612903226 97.3451612903226L10.0790322580645 81.2903225806452C3.5806451612903 73.708064516129 0 64.0354838709677 0 54.0483870967742C0 42.8612903225807 4.3548387096774 32.3516129032258 12.2612903225806 24.4451612903226L26.7822580645161 9.9241935483871C33.1790322580645 3.5274193548387 41.6854838709677 0 50.7338709677419 0H87.0967741935484H91.9354838709678H101.6129032258065V9.6774193548387H91.9354838709678V36.1935483870968L75.3145161290323 49.4903225806452C70.2677419354839 53.5258064516129 67.0983870967742 59.2838709677419 66.3822580645161 65.7096774193548L62.9129032258065 96.9338709677419C65.908064516129 100.9645161290323 67.741935483871 105.9 67.741935483871 111.2903225806452C67.741935483871 118.7903225806452 64.2387096774194 125.4193548387097 58.8629032258065 129.8612903225807L81.358064516129 255.8322580645161C82.2096774193548 256.4177419354839 82.9693548387097 257.1145161290323 83.7435483870968 257.8016129032258L133.3887096774194 208.1564516129032C131.6854838709678 205.2774193548387 130.6451612903226 201.9677419354839 130.6451612903226 198.3870967741935C130.6451612903226 189.3967741935484 136.8387096774194 181.8822580645161 145.1612903225807 179.7193548387097V145.1612903225807H143.4193548387097C136.5241935483871 145.1612903225807 130.5338709677419 140.2548387096774 129.183870967742 133.4951612903226L116.2258064516129 68.6903225806452L116.158064516129 57.5564516129032C110.1629032258065 51.4451612903226 106.4516129032258 43.0887096774193 106.4516129032258 33.8709677419355C106.4516129032258 15.1983870967742 121.6451612903226 0 140.3225806451613 0H266.1290322580645C284.8064516129033 0 300 15.1983870967742 300 33.8709677419355C300 43.0741935483871 296.2983870967742 51.4209677419355 290.3225806451613 57.5274193548387zM43.5483870967742 125.8064516129032C51.5516129032258 125.8064516129032 58.0645161290323 119.2935483870968 58.0645161290323 111.2903225806452S51.5516129032258 96.7741935483871 43.5483870967742 96.7741935483871S29.0322580645161 103.2870967741936 29.0322580645161 111.2903225806452S35.5451612903226 125.8064516129032 43.5483870967742 125.8064516129032zM69.2709677419355 41.9322580645161L82.258064516129 31.5483870967742V29.0322580645161H72.5806451612903V19.3548387096774H82.258064516129V9.6774193548387H50.7338709677419C44.2693548387097 9.6774193548387 38.191935483871 12.1983870967742 33.6241935483871 16.7661290322581L19.1032258064516 31.2870967741936C13.0258064516129 37.3645161290323 9.6774193548387 45.45 9.6774193548387 54.0483870967742C9.6774193548387 61.7274193548387 12.4306451612903 69.1645161290323 17.4290322580645 74.9951612903226L30.9338709677419 90.7451612903226C34.6161290322581 88.4758064516129 38.9129032258065 87.0967741935484 43.5483870967742 87.0967741935484C47.308064516129 87.0967741935484 50.8209677419355 88.0306451612903 54 89.5693548387097L56.7677419354839 64.6451612903226C57.7645161290323 55.65 62.2064516129032 47.5838709677419 69.2709677419355 41.9322580645161zM49.8725806451613 134.5403225806452C49.4177419354839 134.6661290322581 48.9967741935484 134.8596774193549 48.5370967741936 134.9564516129032L52.6064516129032 257.0903225806452C56.7629032258065 253.7177419354839 61.9838709677419 251.6129032258065 67.741935483871 251.6129032258065C68.8016129032258 251.6129032258065 69.808064516129 251.791935483871 70.8338709677419 251.9274193548387L49.8725806451613 134.5403225806452zM67.741935483871 261.2903225806452C59.7387096774194 261.2903225806452 53.2258064516129 267.8032258064516 53.2258064516129 275.8064516129033S59.7387096774194 290.3225806451613 67.741935483871 290.3225806451613S82.258064516129 283.8096774193549 82.258064516129 275.8064516129033S75.7451612903226 261.2903225806452 67.741935483871 261.2903225806452zM212.9032258064516 106.4516129032258H222.5806451612903V116.1290322580645H212.9032258064516V125.8064516129032H266.1290322580645C268.7951612903226 125.8064516129032 270.9677419354839 123.6387096774194 270.9677419354839 120.9677419354839V116.1290322580645H232.258064516129V106.4516129032258H275.8064516129033C278.4725806451613 106.4516129032258 280.6451612903226 104.2838709677419 280.6451612903226 101.6129032258064V64.4274193548387C276.2370967741936 66.5274193548387 271.3306451612904 67.741935483871 266.1290322580645 67.741935483871H212.9032258064516V106.4516129032258zM89.608064516129 265.6209677419355C90.9435483870968 268.4806451612904 91.7274193548387 271.6209677419355 91.8483870967742 274.95L176.491935483871 226.7274193548387C184.0306451612903 222.4354838709678 188.7096774193549 214.3790322580645 188.7096774193549 205.708064516129V145.1612903225807H154.8387096774194V179.7193548387097C163.1612903225807 181.8822580645161 169.3548387096775 189.3967741935484 169.3548387096775 198.3870967741935C169.3548387096775 209.0612903225807 160.6741935483871 217.741935483871 150 217.741935483871C146.4193548387097 217.741935483871 143.1096774193549 216.7016129032258 140.2306451612904 214.9983870967742L89.608064516129 265.6209677419355zM140.3225806451613 198.3870967741935C140.3225806451613 203.7241935483871 144.6629032258065 208.0645161290323 150 208.0645161290323C155.3370967741936 208.0645161290323 159.6774193548387 203.7241935483871 159.6774193548387 198.3870967741935C159.6774193548387 193.05 155.3370967741936 188.7096774193548 150 188.7096774193548C144.6629032258065 188.7096774193548 140.3225806451613 193.05 140.3225806451613 198.3870967741935zM125.8064516129032 67.2629032258065L138.6725806451613 131.5935483870968C139.1225806451613 133.8483870967742 141.1209677419355 135.483870967742 143.4193548387097 135.483870967742H198.3870967741936C201.0532258064516 135.483870967742 203.2258064516129 133.3161290322581 203.2258064516129 130.6451612903226V67.741935483871H140.3225806451613C135.1209677419355 67.741935483871 130.2145161290323 66.5274193548387 125.8064516129032 64.4274193548387V67.2629032258065zM266.1290322580645 9.6774193548387H140.3225806451613C126.9822580645161 9.6774193548387 116.1290322580645 20.5306451612904 116.1290322580645 33.8709677419355C116.1290322580645 47.2112903225806 126.9822580645161 58.0645161290323 140.3225806451613 58.0645161290323H266.1290322580645C279.4693548387097 58.0645161290323 290.3225806451613 47.2112903225806 290.3225806451613 33.8709677419355C290.3225806451613 20.5306451612904 279.4693548387097 9.6774193548387 266.1290322580645 9.6774193548387zM261.2903225806452 53.2258064516129C255.4838709677419 53.2258064516129 250.3258064516129 50.6032258064516 246.7741935483871 46.5387096774194C243.2225806451613 50.6032258064516 238.0645161290323 53.2258064516129 232.258064516129 53.2258064516129C226.4516129032258 53.2258064516129 221.2935483870968 50.6032258064516 217.741935483871 46.5387096774194C214.1903225806452 50.6032258064516 209.0322580645162 53.2258064516129 203.2258064516129 53.2258064516129C197.4193548387097 53.2258064516129 192.2612903225807 50.6032258064516 188.7096774193549 46.5387096774194C185.158064516129 50.6032258064516 180 53.2258064516129 174.1935483870968 53.2258064516129C168.3870967741935 53.2258064516129 163.2290322580645 50.6032258064516 159.6774193548387 46.5387096774194C156.1258064516129 50.6032258064516 150.9677419354839 53.2258064516129 145.1612903225807 53.2258064516129C134.4870967741936 53.2258064516129 125.8064516129032 44.5451612903226 125.8064516129032 33.8709677419355S134.4870967741936 14.5161290322581 145.1612903225807 14.5161290322581C150.9677419354839 14.5161290322581 156.1258064516129 17.1387096774193 159.6774193548387 21.2032258064516C163.2290322580645 17.1387096774193 168.3870967741935 14.5161290322581 174.1935483870968 14.5161290322581C180 14.5161290322581 185.158064516129 17.1387096774193 188.7096774193549 21.2032258064516C192.2612903225807 17.1387096774193 197.4193548387097 14.5161290322581 203.2258064516129 14.5161290322581C209.0322580645162 14.5161290322581 214.1903225806452 17.1387096774193 217.741935483871 21.2032258064516C221.2935483870968 17.1387096774193 226.4516129032258 14.5161290322581 232.258064516129 14.5161290322581C238.0645161290323 14.5161290322581 243.2225806451613 17.1387096774193 246.7741935483871 21.2032258064516C250.3258064516129 17.1387096774193 255.4838709677419 14.5161290322581 261.2903225806452 14.5161290322581C271.9645161290323 14.5161290322581 280.6451612903226 23.1967741935484 280.6451612903226 33.8709677419355S271.9645161290323 53.2258064516129 261.2903225806452 53.2258064516129zM145.1612903225807 24.1935483870968C139.8241935483871 24.1935483870968 135.483870967742 28.5338709677419 135.483870967742 33.8709677419355C135.483870967742 39.208064516129 139.8241935483871 43.5483870967742 145.1612903225807 43.5483870967742C150.4983870967742 43.5483870967742 154.8387096774194 39.208064516129 154.8387096774194 33.8709677419355C154.8387096774194 28.5338709677419 150.4983870967742 24.1935483870968 145.1612903225807 24.1935483870968zM174.1935483870968 24.1935483870968C168.8564516129032 24.1935483870968 164.5161290322581 28.5338709677419 164.5161290322581 33.8709677419355C164.5161290322581 39.208064516129 168.8564516129032 43.5483870967742 174.1935483870968 43.5483870967742C179.5306451612903 43.5483870967742 183.8709677419355 39.208064516129 183.8709677419355 33.8709677419355C183.8709677419355 28.5338709677419 179.5306451612903 24.1935483870968 174.1935483870968 24.1935483870968zM203.2258064516129 24.1935483870968C197.8887096774194 24.1935483870968 193.5483870967742 28.5338709677419 193.5483870967742 33.8709677419355C193.5483870967742 39.208064516129 197.8887096774194 43.5483870967742 203.2258064516129 43.5483870967742C208.5629032258065 43.5483870967742 212.9032258064516 39.208064516129 212.9032258064516 33.8709677419355C212.9032258064516 28.5338709677419 208.5629032258065 24.1935483870968 203.2258064516129 24.1935483870968zM232.258064516129 24.1935483870968C226.9209677419355 24.1935483870968 222.5806451612903 28.5338709677419 222.5806451612903 33.8709677419355C222.5806451612903 39.208064516129 226.9209677419355 43.5483870967742 232.258064516129 43.5483870967742C237.5951612903226 43.5483870967742 241.9354838709678 39.208064516129 241.9354838709678 33.8709677419355C241.9354838709678 28.5338709677419 237.5951612903226 24.1935483870968 232.258064516129 24.1935483870968zM261.2903225806452 24.1935483870968C255.9532258064517 24.1935483870968 251.6129032258065 28.5338709677419 251.6129032258065 33.8709677419355C251.6129032258065 39.208064516129 255.9532258064517 43.5483870967742 261.2903225806452 43.5483870967742C266.6274193548387 43.5483870967742 270.9677419354839 39.208064516129 270.9677419354839 33.8709677419355C270.9677419354839 28.5338709677419 266.6274193548387 24.1935483870968 261.2903225806452 24.1935483870968zM198.3870967741936 125.8064516129032H146.0322580645161L140.4145161290323 97.7225806451613L140.3225806451613 87.0967741935484H198.3870967741936V125.8064516129032zM188.7096774193549 96.7741935483871H150.0967741935484L153.9677419354839 116.1290322580645H188.7096774193549V96.7741935483871zM251.6129032258065 96.7741935483871H270.9677419354839V87.0967741935484H251.6129032258065V96.7741935483871zM222.5806451612903 96.7741935483871H241.9354838709678V87.0967741935484H222.5806451612903V96.7741935483871z" >
+    <glyph glyph-name="expand"
+      unicode="&#xF11E;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="expand-1"
+      unicode="&#x65;&#x78;&#x70;&#x61;&#x6E;&#x64;"
+      horiz-adv-x="300" d="M124.621875 137.878125L56.25 69.50625V93.75C56.25 98.925 52.05 103.125 46.875 103.125S37.5 98.925 37.5 93.75V46.875C37.5 41.7 41.7 37.5 46.875 37.5H93.75C98.925 37.5 103.125 41.7 103.125 46.875S98.925 56.25 93.75 56.25H69.50625L137.878125 124.621875C141.5390625 128.2828125 141.5390625 134.2171875 137.878125 137.878125C134.221875 141.5390625 128.278125 141.5390625 124.621875 137.878125zM253.125 262.5H206.25C201.075 262.5 196.875 258.3 196.875 253.125S201.075 243.75 206.25 243.75H230.49375L162.121875 175.378125C158.4609375 171.7171875 158.4609375 165.7828125 162.121875 162.121875C163.9546875 160.2890625 166.35 159.375 168.75 159.375S173.5453125 160.2890625 175.378125 162.121875L243.75 230.49375V206.25C243.75 201.075 247.95 196.875 253.125 196.875S262.5 201.075 262.5 206.25V253.125C262.5 258.3 258.3 262.5 253.125 262.5z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol"
+      unicode="&#xF11F;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="fast-forward-double-right-arrows-symbol-1"
+      unicode="&#x66;&#x61;&#x73;&#x74;&#x2D;&#x66;&#x6F;&#x72;&#x77;&#x61;&#x72;&#x64;&#x2D;&#x64;&#x6F;&#x75;&#x62;&#x6C;&#x65;&#x2D;&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;&#x73;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M292.6178883043038 167.8111826410902L167.8283389431718 292.6012221822816C157.9860135289696 302.4435475964838 142.0232998921604 302.4435475964838 132.1809744779582 292.6012221822816C122.3386490637561 282.7588967680795 122.3386490637561 266.7961831312702 132.1809744779582 256.9538577170681L239.1353223750858 150L132.1809744779583 43.0466324629914C122.3386490637561 33.2043070487892 122.3386490637561 17.24159341198 132.1809744779583 7.3992679977779S157.9860135289697 -2.4430574164243 167.8283389431718 7.3992679977779L292.6178883043038 132.1888173589098C302.460213718506 142.0066337701382 302.460213718506 157.968857226888 292.6178883043038 167.8111826410902zM142.5727917388321 175.3677984379596L43.5005391980654 279.7859547073625C33.545472370184 290.265024018823 17.4209993137479 290.265024018823 7.4659324858665 279.7859547073625S-2.489134342015 252.3074409333029 7.4659324858665 241.8156269402961L88.5274991013366 156.3826345544264L7.4659324858665 70.9496421685566C-2.489134342015 60.4700826770367 -2.489134342015 43.45887389301 7.4659324858665 32.9793144014901S33.545472370184 22.4997549099703 43.5005391980654 32.9793144014901L142.5727917388321 137.3974706708931C152.5278585667135 147.8765399823535 152.5278585667135 164.8759844449528 142.5727917388321 175.3677984379596z" >
+    <glyph glyph-name="financial"
+      unicode="&#xF120;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="financial-1"
+      unicode="&#x66;&#x69;&#x6E;&#x61;&#x6E;&#x63;&#x69;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M278.449706875 300H238.449706875C235.68847625 300 233.449706875 297.761230625 233.449706875 295V285H228.525390625L194.45068375 299.59472625C193.8330075 299.86084 193.171386875 300 192.5 300H139.8999025C130.62255875 299.987793 121.726074375 296.298828125 115.163574375 289.74121125L74.45068375 249.0844725C67.844238125 242.65869125 66.5625 232.51953125 71.359863125 224.65087875C72.136230625 223.50097625 73.02734375 222.438965 74.0234375 221.474609375C70.378418125 214.904785 68.46191375 207.51464875 68.449706875 200C68.40332 180.693359375 80.67871125 163.508300625 98.957519375 157.29003875C117.236328125 151.07421875 137.4438475 157.20703125 149.1796875 172.5390625C160.91796875 187.8686525 161.5673825 208.977050625 150.793456875 225H163.210449375C166.789550625 213.000488125 182.8686525 205 197.48046875 205C212.08984375 205 228.1640625 213.000488125 231.745605625 225H233.449706875V215C233.449706875 212.238769375 235.68847625 210 238.449706875 210H278.449706875C281.2109375 210 283.449706875 212.238769375 283.449706875 215V295C283.449706875 297.761230625 281.2109375 300 278.449706875 300zM148.449706875 200C148.449706875 180.668945 132.780761875 165 113.449706875 165C94.1186525 165 78.449706875 180.668945 78.449706875 200C78.427734375 207.10693375 80.60058625 214.04541 84.67041 219.870605625C90.9936525 229.074706875 101.337890625 234.697265625 112.5 235H113.449706875C114.074706875 235 114.68505875 234.91943375 115.31005875 234.890136875C118.81347625 228.723144375 125.3857425 224.93652375 132.48046875 225H137.8686525C144.62402375 218.43505875 148.4375 209.418945 148.449706875 200zM227.48046875 235C224.719238125 235 222.48046875 232.761230625 222.48046875 230C222.48046875 222.429199375 210.095215 215 197.48046875 215S172.48046875 222.429199375 172.48046875 230C172.48046875 232.761230625 170.241699375 235 167.48046875 235H132.48046875C126.95556625 235 122.48046875 239.47753875 122.48046875 245S126.95556625 255 132.48046875 255H187.48046875V265H132.48046875C121.433105625 265 112.48046875 256.044921875 112.48046875 245H112.38525375C99.934081875 244.697265625 88.1640625 239.245605625 79.88525375 229.938965C79.84375 229.9951175 79.794921875 230.0390625 79.753418125 230.1000975C77.5561525 234.00878875 78.2861325 238.9111325 81.530761875 242.0092775L122.248535 282.68066375C126.9311525 287.36084 133.27880875 289.992675625 139.8999025 290H191.450195L225.51025375 275.40527375C226.137695 275.1342775 226.8164062500001 274.9951175 227.5000000000001 275H233.449706875V235zM273.449706875 220H243.449706875V290H273.449706875zM273.449706875 220M184.23339875 94.09912125L158.449706875 112.2998050000001V140C158.449706875 142.761230625 156.2109375 145 153.449706875 145H133.449706875C130.68847625 145 128.449706875 142.761230625 128.449706875 140V133.50097625L106.33056625 149.108886875C104.602050625 150.3271487500001 102.297363125 150.3271487500001 100.5688475 149.108886875L22.663574375 94.1088868750001C16.42089875 89.6118162500001 15.0048825 80.9057618750001 19.501953125 74.6630862500001C23.99902375 68.41796875 32.705078125 67.001953125 38.950195 71.4990237500001L48.449706875 78.4643556250001V10.0000000000001C48.449706875 4.4775387500001 52.92724625 1e-13 58.449706875 1e-13H148.449706875C153.972168125 1e-13 158.449706875 4.4775387500001 158.449706875 10.0000000000001V78.4643556250001L167.94921875 71.4990237500001C171.984863125 68.527831875 177.30712875 67.95166 181.887206875 69.9951175000001C186.46484375 72.038574375 189.592285 76.3818362500001 190.07568375 81.37207C190.559081875 86.3623050000001 188.325195 91.2255862500001 184.2236325 94.1088868750001zM138.449706875 135H148.449706875V119.36035125L138.449706875 126.416015625zM78.449706875 10V40H98.449706875V10zM148.449706875 10H108.449706875V45C108.449706875 47.761230625 106.2109375 50 103.449706875 50H73.449706875C70.68847625 50 68.449706875 47.761230625 68.449706875 45V10H58.449706875V85.80078125L103.449706875 118.798828125L148.449706875 85.80078125zM179.45068375 80.539550625C178.854980625 79.6484375 177.919921875 79.0380862500001 176.865234375 78.854980625C175.810546875 78.662109375 174.72412125 78.916015625 173.86474625 79.55566375L106.394043125 129.055175625C104.63378875 130.34912125 102.236328125 130.34912125 100.4736325 129.055175625L33.00537125 79.55566375C31.87255875 78.6010743750001 30.302734375 78.3642575 28.94043 78.9404300000001C27.58056625 79.51660125 26.65527375 80.810546875 26.552734375 82.28515625C26.44775375 83.759765625 27.1826175 85.168456875 28.449706875 85.930175625L103.449706875 138.879394375L178.449706875 85.93505875C180.1953125 84.7094725 180.63964875 82.30957 179.45068375 80.539550625zM179.45068375 80.539550625M113.449706875 45V25C113.449706875 22.238769375 115.68847625 20 118.449706875 20H138.449706875C141.2109375 20 143.449706875 22.238769375 143.449706875 25V45C143.449706875 47.761230625 141.2109375 50 138.449706875 50H118.449706875C115.68847625 50 113.449706875 47.761230625 113.449706875 45zM123.449706875 40H133.449706875V30H123.449706875zM123.449706875 40M83.449706875 80C83.449706875 68.955078125 92.404785 60 103.449706875 60S123.449706875 68.955078125 123.449706875 80S114.49462875 100 103.449706875 100S83.449706875 91.044921875 83.449706875 80zM113.449706875 80C113.449706875 74.47753875 108.972168125 70 103.449706875 70C97.92724625 70 93.449706875 74.47753875 93.449706875 80S97.92724625 90 103.449706875 90C108.972168125 90 113.449706875 85.52246125 113.449706875 80zM113.449706875 80M108.449706875 215H118.449706875C121.2109375 215 123.449706875 212.761230625 123.449706875 210H133.449706875C133.449706875 218.28369125 126.73339875 225 118.449706875 225V230H108.449706875V225C100.166015625 225 93.449706875 218.28369125 93.449706875 210S100.166015625 195 108.449706875 195H118.449706875C121.2109375 195 123.449706875 192.761230625 123.449706875 190S121.2109375 185 118.449706875 185H108.449706875C105.68847625 185 103.449706875 187.238769375 103.449706875 190H93.449706875C93.449706875 181.71630875 100.166015625 175 108.449706875 175V170H118.449706875V175C126.73339875 175 133.449706875 181.71630875 133.449706875 190S126.73339875 205 118.449706875 205H108.449706875C105.68847625 205 103.449706875 207.238769375 103.449706875 210S105.68847625 215 108.449706875 215zM108.449706875 215M263.449706875 90H213.449706875C207.92724625 90 203.449706875 85.52246125 203.449706875 80V70C203.464355625 69.558105625 203.508300625 69.11621125 203.583984375 68.679199375C200.42724625 66.9311525 198.46191375 63.61084 198.449706875 60V50C198.46191375 46.38916 200.42724625 43.0688475 203.583984375 41.320800625C203.508300625 40.88378875 203.464355625 40.441894375 203.449706875 40.0000000000001V30.0000000000001C203.464355625 29.5581056250001 203.508300625 29.1162112500001 203.583984375 28.6791993750001C200.42724625 26.9311525000001 198.46191375 23.6108400000001 198.449706875 20.0000000000001V10.0000000000001C198.449706875 4.4775387500001 202.92724625 1e-13 208.449706875 1e-13H258.449706875C263.972168125 1e-13 268.449706875 4.4775387500001 268.449706875 10.0000000000001V20.0000000000001C268.43505875 20.4418943750001 268.391113125 20.8837887500001 268.3154300000001 21.3208006250001C271.472168125 23.0688475000001 273.4375000000001 26.3891600000001 273.449706875 30.0000000000001V40.0000000000001C273.4375000000001 43.6108400000001 271.472168125 46.9311525000001 268.3154300000001 48.6791993750001C268.391113125 49.1162112500001 268.43505875 49.5581056250001 268.449706875 50V60C268.43505875 60.441894375 268.391113125 60.88378875 268.3154300000001 61.320800625C271.472168125 63.0688475 273.4375000000001 66.38916 273.449706875 70V80C273.449706875 85.52246125 268.972168125 90 263.449706875 90zM213.449706875 80H263.449706875V70H213.449706875zM258.449706875 50H208.449706875V60H258.449706875zM263.449706875 40V30H213.449706875V40zM258.449706875 10H208.449706875V20H258.449706875zM258.449706875 10" >
+    <glyph glyph-name="garage-1"
+      unicode="&#xF121;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337972 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage-1-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M238.1051030896138 126.0281618395304H225.138920813235L211.8248380390857 157.618333855186C206.8054495238977 169.5251342465754 195.5055303326524 177.2191473581214 183.0383123315541 177.2191473581214H115.7881170284306C103.3208990273322 177.2191473581214 92.020979836087 169.5251342465754 87.0015913208989 157.618333855186L73.6875085467496 126.0281618395304H60.7213262703709C49.2154138953111 126.0281618395304 39.8564171254347 116.6508681017613 39.8564171254347 105.1201690802349V70.0487706457926C39.8564171254347 60.5499328767124 46.2124782254001 52.516511741683 54.8848281195347 49.9801244618396V40.949119373777C54.8848281195347 29.3954864970646 64.2667134115718 19.9952606653621 75.7978029852268 19.9952606653621H92.5496980768928C104.0807876505478 19.9952606653621 113.4626729425849 29.3954864970646 113.4626729425849 40.949119373777V49.1407778864972H185.3637564173997V40.949119373777C185.3637564173997 29.3954864970647 194.7456417094368 19.9952606653621 206.2767312830918 19.9952606653621H223.0286263747578C234.5597159484128 19.9952606653621 243.9416012404499 29.3954864970646 243.9416012404499 40.949119373777V49.9801244618396C252.6139511345845 52.5165117416831 258.97001223455 60.5499328767124 258.97001223455 70.0487706457927V105.120169080235C258.97001223455 116.6508681017614 249.6110154646736 126.0281618395305 238.1051030896137 126.0281618395305zM115.7881170284306 159.2649217221136H183.0360230691809C188.2842944622216 159.2649217221136 193.1045552369598 155.8754277886498 195.3155584698178 150.6329500978474L205.6862146769845 126.0281618395304H93.1402146830001L103.5108708901668 150.6329500978474C105.7218741230248 155.8754277886498 110.5398462213286 159.2649217221136 115.7881170284306 159.2649217221136zM238.1051030896138 108.0739362035226C239.727878392799 108.0739362035226 241.0508177470922 106.7484099804306 241.0508177470922 105.1201690802349V70.0487706457926C241.0508177470922 68.4205297455969 239.727878392799 67.0972966731899 238.1051030896138 67.0972966731899H60.7213262703709C59.0985509671857 67.0972966731899 57.7756116128925 68.4205297455969 57.7756116128925 70.0487706457926V105.1201690802349C57.7756116128925 106.7484099804306 59.0985509671857 108.0739362035226 60.7213262703709 108.0739362035226zM95.5411897786927 40.9514125244619C95.5411897786927 39.2979452054795 94.1999392551077 37.9517794520548 92.5496980768929 37.9517794520548H75.7978029852269C74.147561807012 37.9517794520548 72.8040226069925 39.2979452054795 72.8040226069925 40.9514125244619V49.143071037182H95.5411897786927zM226.0201180765577 40.9514125244619C226.0201180765577 39.2979452054795 224.6788675529727 37.9517794520548 223.0286263747578 37.9517794520548H206.2767312830918C204.626490104877 37.9517794520548 203.2829509048575 39.2979452054795 203.2829509048575 40.9514125244619V49.143071037182H226.0201180765578zM226.0201180765577 40.9514125244619M119.65851673118 78.6073567514677H179.1679126288047C184.1163474870147 78.6073567514677 188.1286545037201 82.6275076320939 188.1286545037201 87.5856164383562S184.1163474870147 96.5638761252446 179.1679126288047 96.5638761252446H119.65851673118C114.71008187297 96.5638761252446 110.6977748562646 92.5437252446184 110.6977748562646 87.5856164383562S114.71008187297 78.6073567514677 119.65851673118 78.6073567514677zM119.65851673118 78.6073567514677M213.2347529572756 78.6073567514677C217.9199736192387 78.6073567514677 222.4106438936208 82.7375859099805 222.1954948321911 87.5856164383562C221.9780565083882 92.4497001956947 218.2564307348368 96.5638761252446 213.2347529572756 96.5638761252446C208.5472436188781 96.5638761252446 204.0565727585572 92.4336469667319 204.2740110823601 87.5856164383562C204.4914494061631 82.7215326810176 208.2107865032799 78.6073567514677 213.2347529572756 78.6073567514677zM213.2347529572756 78.6073567514677M85.591676402709 78.6073567514677C90.2791857411066 78.6073567514677 94.7698566014274 82.7375859099805 94.5524182776245 87.5856164383562C94.3349799538216 92.4497001956947 90.6156428567047 96.5638761252446 85.591676402709 96.5638761252446C80.9041670643115 96.5638761252446 76.4134962039907 92.4336469667319 76.6309345277936 87.5856164383562C76.8483728515965 82.7215326810176 80.5677099487134 78.6073567514677 85.591676402709 78.6073567514677zM85.591676402709 78.6073567514677M294.2796835545983 212.1414810176125L153.2401266007934 278.8856101761253C150.8162629829401 280.0322590215265 148.0101663770445 280.0322590215265 145.5863027591912 278.8856101761253L4.5467458053863 212.1414810176125C1.4133467896305 210.6577174168298 -0.587084148728 207.495260665362 -0.587084148728 204.0232080234834V28.9735197651663C-0.587084148728 24.0154109589041 3.4252222820387 19.9975538160469 8.3736577261874 19.9975538160469C13.3220925843975 19.9975538160469 17.3343996011029 24.0154109589041 17.3343996011029 28.9735197651663V198.3335371819961L149.4132146799923 260.8396526418786L281.4920297588817 198.3335371819961V28.9735197651663C281.4920297588817 24.0154109589041 285.5043367755871 19.9975538160469 290.4527716337973 19.9975538160469C295.4012070779459 19.9975538160469 299.4135135087127 24.0154109589041 299.4135135087127 28.9735197651663V204.0232080234833C299.4135135087127 207.495260665362 297.4130825703541 210.6577174168298 294.2796835545983 212.1414810176125zM294.2796835545983 212.1414810176125" >
+    <glyph glyph-name="garage"
+      unicode="&#xF122;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="garage-1"
+      unicode="&#x67;&#x61;&#x72;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M276.5350341796875 184.0647940063129C276.5350341796875 191.8993978473143 272.6486203125 199.1801100063463 266.1369322265625 203.5380085018132L163.0233761718751 272.5731628413417C155.1017759765625 277.8740519776344 144.8684695312501 277.8740519776344 136.94686875 272.5731628413417L33.83331328125 203.5380085018132C27.32391328125 199.1801100063463 23.435211328125 191.8993978473143 23.435211328125 184.0647940063129V11.7172327097484C23.435211328125 5.2467603748794 18.1892396484375 0.000802732227 11.71875 0.000802732227C5.2459716796875 0.000802732227 0 5.2467603748794 0 11.7172327097484V184.0647940063129C0 199.7340022742517 7.7751158203125 214.2931367546927 20.7939146484375 223.0112229973135L123.909759375 292.0463773368419C139.748382421875 302.6504448611144 160.2218625000001 302.6504448611144 176.0604855468751 292.0463773368419L279.1740416015625 223.0112229973135C292.1974183593751 214.2931367546927 299.9702455078126 199.7340022742517 299.9702455078126 184.0647940063129C299.9702455078126 177.5943216714439 294.7242738281251 172.3483640287915 288.2514955078126 172.3483640287915C281.781005859375 172.3483640287915 276.5350341796875 177.5943216714439 276.5350341796875 184.0647940063129zM288.2514955078125 137.2150965142925C281.781005859375 137.2150965142925 276.5350341796875 131.9691382857042 276.5350341796875 125.4986665367712V11.7172327097484C276.5350341796875 5.2467603748795 281.781005859375 0.0008027322271 288.2514955078125 0.0008027322271C294.724273828125 0.0008027322271 299.9702455078125 5.2467603748795 299.9702455078125 11.7172327097484V125.4986665367712C299.9702455078125 131.9691382857042 294.724273828125 137.2150965142925 288.2514955078125 137.2150965142925zM241.5229798828125 103.9609431123202C249.005126953125 96.158382349641 253.0998228515625 86.2043380860485 253.0998228515625 75.5773827323939V11.7172327097484C253.0998228515625 5.2467603748794 247.853851171875 0.000802732227 241.3810728515625 0.000802732227H210.3996275390625C203.929137890625 0.000802732227 198.683166796875 5.2467603748794 198.683166796875 11.7172327097484V17.5765920313846H101.2870787109375V11.7172327097484C101.2870787109375 5.2467603748794 96.04110703125 0.000802732227 89.57061796875 0.000802732227H58.58917265625C52.11639375 0.000802732227 46.87042265625 5.2467603748794 46.87042265625 11.7172327097484V75.3073031816302C46.87042265625 86.0853198498277 51.1528013671875 95.9409450408307 58.2023619140625 103.5008919995663C58.3740234375 103.9174555333709 58.5662841796875 104.3294423216094 58.790588671875 104.7345619407229L80.799866015625 144.404255597988C89.00985703125 159.0640978167695 105.104827734375 168.1461047653056 122.829437109375 168.1461047653056H177.122497265625C194.86083984375 168.1461047653056 210.9649658203125 159.0526539020784 219.14520234375 144.415699512679L241.3215638671875 104.3752179803738C241.3948060546875 104.2401784979599 241.4543150390625 104.098271846421 241.5229798828125 103.9609431123202zM101.271057421875 132.9945261669906L93.14346328125 118.3484171145871H206.7947390625L198.667144921875 133.0219924997467C194.7074888671875 140.1081551793504 186.241149609375 144.7109561445119 177.122497265625 144.7109561445119H122.829437109375C113.7176513671875 144.7109561445119 105.2558900390625 140.1127325108525 101.271057421875 132.9945261669906zM229.664612109375 75.5796713981449C229.664612109375 86.2386704160577 219.4587708984375 94.9132684937933 206.9160462890625 94.9132684937933H93.056487890625C80.511474609375 94.9132684937933 70.3056333984375 86.11736292815 70.3056333984375 75.3073031816302V41.0117406521783H113.9762876953125L123.719787890625 55.2481521680303C125.9033203125 58.438756716608 129.5219419921875 60.3453371618908 133.3900453125 60.3453371618908H167.047119140625C170.803069921875 60.3453371618908 174.330139453125 58.5463310381377 176.53427109375 55.5067883900389L187.042236328125 41.0117406521783H229.664612109375zM202.12783828125 79.0929983253756C195.6573486328125 79.0929983253756 190.411376953125 73.8470406827232 190.411376953125 67.3765683478543C190.411376953125 60.9038073472343 195.6573486328125 55.6578497045819 202.12783828125 55.6578497045819C208.6006166015625 55.6578497045819 213.84658828125 60.9038073472343 213.84658828125 67.3765683478543C213.84658828125 73.8470406827232 208.6006166015625 79.0929983253756 202.12783828125 79.0929983253756zM97.2564697265625 79.0929983253756C90.78369140625 79.0929983253756 85.5377197265625 73.8470406827232 85.5377197265625 67.3765683478543C85.5377197265625 60.9038073472343 90.78369140625 55.6578497045819 97.2564697265625 55.6578497045819C103.726959375 55.6578497045819 108.9729310546875 60.9038073472343 108.9729310546875 67.3765683478543C108.9729310546875 73.8470406827232 103.726959375 79.0929983253756 97.2564697265625 79.0929983253756zM97.2564697265625 79.0929983253756" >
+    <glyph glyph-name="google-docs"
+      unicode="&#xF123;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="google-docs-1"
+      unicode="&#x67;&#x6F;&#x6F;&#x67;&#x6C;&#x65;&#x2D;&#x64;&#x6F;&#x63;&#x73;"
+      horiz-adv-x="300" d="M261.6826171875 227.1140625L191.371875 297.4248046875C189.7306640625 299.0666015625 187.490625 300 185.15625 300H62.109375C47.5705078125 300 35.7421875 288.1716796875 35.7421875 273.6328125V26.3671875C35.7421875 11.8283203125 47.5705078125 0 62.109375 0H237.890625C252.4294921875 0 264.2578125 11.8283203125 264.2578125 26.3671875V220.8984375C264.2578125 223.294921875 263.2517578125 225.5455078125 261.6826171875 227.1140625zM193.9453125 269.9923828125L234.2501953125 229.6875H202.734375C197.8880859375 229.6875 193.9453125 233.6302734375 193.9453125 238.4765625zM237.890625 17.578125H62.109375C57.2630859375 17.578125 53.3203125 21.5208984375 53.3203125 26.3671875V273.6328125C53.3203125 278.4791015625 57.2630859375 282.421875 62.109375 282.421875H176.3671875V238.4765625C176.3671875 223.9376953125 188.1955078125 212.109375 202.734375 212.109375H246.6796875V26.3671875C246.6796875 21.5208984375 242.7369140625 17.578125 237.890625 17.578125zM202.734375 175.78125H97.265625C92.41171875 175.78125 88.4765625 171.84609375 88.4765625 166.9921875S92.41171875 158.203125 97.265625 158.203125H202.734375C207.58828125 158.203125 211.5234375 162.13828125 211.5234375 166.9921875S207.58828125 175.78125 202.734375 175.78125zM202.734375 140.625H97.265625C92.41171875 140.625 88.4765625 136.68984375 88.4765625 131.8359375S92.41171875 123.046875 97.265625 123.046875H202.734375C207.58828125 123.046875 211.5234375 126.98203125 211.5234375 131.8359375S207.58828125 140.625 202.734375 140.625zM202.734375 105.46875H97.265625C92.41171875 105.46875 88.4765625 101.53359375 88.4765625 96.6796875S92.41171875 87.890625 97.265625 87.890625H202.734375C207.58828125 87.890625 211.5234375 91.82578125 211.5234375 96.6796875S207.58828125 105.46875 202.734375 105.46875zM167.578125 70.3125H97.265625C92.41171875 70.3125 88.4765625 66.37734375 88.4765625 61.5234375S92.41171875 52.734375 97.265625 52.734375H167.578125C172.43203125 52.734375 176.3671875 56.66953125 176.3671875 61.5234375S172.43203125 70.3125 167.578125 70.3125z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#xF124;"
+      horiz-adv-x="300" d="M275.4664589327671 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355803 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327671 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart-1-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M275.4664589327672 263.1795851185466C259.9492392164747 279.8583975172449 238.20565656058 289.3484024174195 215.4248702710174 289.3835831584767C192.6258653834073 289.3571976026838 170.859666536833 279.8722185226602 155.3185741748232 263.1902649863675L150.0219879631608 257.5933860206813L144.7254017514984 263.1902649863675C113.8875975323223 296.3801530362236 61.9821834675646 298.2861953285002 28.7929236452274 267.4483911093242C27.3222430235334 266.0813680282451 25.9018206033497 264.6615738355804 24.5347975222707 263.1902649863675C-8.1782658407569 227.9052381610524 -8.1782658407569 173.3738330673837 24.5347975222707 138.0888062420687L142.2382490042594 13.9629848345877C146.3104197816281 9.6640239229039 153.0965334405508 9.4799532598726 157.3954943522346 13.5521240372414C157.5362173164633 13.6853082712435 157.6731709155788 13.822261870359 157.806355149581 13.9629848345877L275.467087160286 138.0888062420687C308.177637613238 173.3700637022704 308.177637613238 227.8983276583448 275.4664589327672 263.1795851185466zM259.952380354069 152.8527811632261H259.9417004862481L150.0219879631608 36.9184183743985L40.0922237997713 152.8527811632261C15.1013330987951 179.8137933634045 15.1013330987951 221.4759577328525 40.0922237997713 248.436969933031C62.7869429192476 273.0345902071895 101.1257837138298 274.5768887660355 125.7234039879883 251.8821696465592C126.9176645013759 250.7802585784468 128.0666926334041 249.6312304464185 129.1686037015166 248.436969933031L142.2382490042594 234.6486323486914C146.5453768736886 230.3691464900929 153.4992272801518 230.3691464900929 157.806355149581 234.6486323486914L170.8760004523238 248.4262900652101C193.5707195718001 273.0239103393685 231.9095603663823 274.5662088982146 256.5071806405408 251.8714897787383C257.7014411539283 250.7695787106259 258.8504692859566 249.6205505785976 259.952380354069 248.4262900652101C285.1606377765772 221.4225583937479 285.3453366671274 179.6843784945156 259.952380354069 152.8527811632261z" >
+    <glyph glyph-name="heart"
+      unicode="&#xF125;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="heart-1"
+      unicode="&#x68;&#x65;&#x61;&#x72;&#x74;"
+      horiz-adv-x="300" d="M277.1150390625 127.78125H270.459375V135.0966796875C270.459375 140.4626953125 268.77421875 145.437890625 265.9136718750001 149.5294921875C271.163671875 162.1072265625 273.2326171875 173.9689453125 272.5828125 187.5603515625C271.6798828125 206.43046875 264.5115234375001 224.1791015625 252.3978515625 237.53671875C239.9595703125 251.2529296875 223.6693359375 258.8068359375 206.52890625 258.8068359375C180.3703125 258.8068359375 158.95546875 242.6009765625 150.0943359375 234.7259765625C141.4875 242.6759765625 120.6703125 258.8068359375 93.4705078125 258.8068359375C76.33125 258.8068359375 60.041015625 251.2529296875 47.6021484375 237.53671875C35.487890625 224.178515625 28.31953125 206.4298828125 27.4166015625 187.5591796875C26.76796875 173.9671875 28.8357421875 162.1048828125 34.0833984375 149.5259765625C31.224609375 145.4349609375 29.540625 140.4609375 29.540625 135.0966796875V127.78125H22.8849609375C10.2662109375 127.78125 0 117.4816406250001 0 104.8224609375S10.2662109375 81.863671875 22.8849609375 81.863671875H29.540625V74.5482421875C29.540625 60.6521484375 40.808203125 49.3470703125 54.65859375 49.3470703125C60.751171875 49.3470703125 66.3427734375 51.5361328125 70.6962890625 55.16953125C74.8189453125 46.8931640625 83.34375 41.1931640625 93.17578125 41.1931640625C107.026171875 41.1931640625 118.29375 52.4982421875 118.29375 66.3943359375V67.7759765625C134.5107421875 56.2125 146.6900390625 47.99765625 146.8318359375 47.9021484375C147.821484375 47.2353515625 148.9634765625 46.901953125 150.10546875 46.901953125S152.389453125 47.2353515625 153.378515625 47.9015625C153.519140625 47.996484375 165.5947265625 56.1380859375001 181.7044921875 67.6289062500001V66.39375C181.7044921875 52.49765625 192.9720703125 41.1925781250001 206.8224609375 41.1925781250001C216.65390625 41.1925781250001 225.179296875 46.8925781250001 229.301953125 55.1689453125001C233.6560546875 51.5355468750001 239.24765625 49.346484375 245.3396484375 49.346484375C259.1900390625 49.346484375 270.4576171875 60.6515625 270.4576171875 74.5476562500001V81.8630859375001H277.11328125C289.73203125 81.8630859375001 299.9982421875 92.1621093750001 299.9982421875 104.821875C300 117.4816406250001 289.7337890625 127.78125 277.1150390625 127.78125zM39.1224609375 186.999609375C40.707421875 220.13203125 65.0876953125 247.0875 93.4705078125 247.0875C123.4359375 247.0875 145.407421875 222.8970703125 145.6189453125 222.659765625C146.7087890625 221.431640625 148.26796875 220.7203125 149.909765625 220.6939453125C151.5609375 220.660546875 153.132421875 221.3349609375 154.2615234375 222.52734375C154.494140625 222.7728515625 177.8455078125 247.0875 206.52890625 247.0875C234.9111328125 247.0875 259.2919921875 220.13203125 260.876953125 186.999609375C261.3767578125 176.5470703125 260.0138671875 167.2611328125 256.51171875 157.6587890625C253.1443359375 159.3439453125 249.352734375 160.297265625 245.34140625 160.297265625C239.248828125 160.297265625 233.6572265625001 158.108203125 229.3037109375001 154.4748046875C225.1810546875 162.751171875 216.65625 168.451171875 206.82421875 168.451171875C192.973828125 168.451171875 181.70625 157.14609375 181.70625 143.25V127.78125H118.2943359375V143.25C118.2943359375 157.14609375 107.0267578125 168.451171875 93.1763671875 168.451171875C83.344921875 168.451171875 74.81953125 162.751171875 70.696875 154.4748046875C66.3427734375 158.108203125 60.751171875 160.297265625 54.6591796875 160.297265625C50.6466796875 160.297265625 46.85390625 159.343359375 43.4859375 157.6576171875C39.9849609375 167.260546875 38.6232421875 176.5470703125 39.1224609375 186.999609375zM118.2943359375 116.0625H181.70625V93.5830078125H118.2943359375zM22.8849609375 93.582421875C16.7279296875 93.582421875 11.71875 98.625 11.71875 104.8224609375S16.7279296875 116.0625 22.8849609375 116.0625H29.540625V93.5830078125H22.8849609375zM54.65859375 61.0658203125C47.2705078125 61.0658203125 41.259375 67.1138671875 41.259375 74.5482421875V135.0966796875C41.259375 142.5310546875 47.2705078125 148.5791015625 54.65859375 148.5791015625S68.0578125 142.5310546875 68.0578125 135.0966796875V74.5482421875C68.0578125 67.114453125 62.047265625 61.0658203125 54.65859375 61.0658203125zM106.5755859375 66.394921875C106.5755859375 58.960546875 100.564453125 52.9125 93.1763671875 52.9125S79.7771484375 58.960546875 79.7771484375 66.394921875V143.2494140625C79.7771484375 150.6837890625 85.78828125 156.7318359375 93.1763671875 156.7318359375S106.5755859375 150.6837890625 106.5755859375 143.2494140625zM150.106640625 59.84765625C144.5953125 63.612890625 132.69140625 71.818359375 118.7572265625 81.8642578125H181.4431640625C167.521875 71.818359375 155.61796875 63.6123046875 150.106640625 59.84765625zM220.2234375 66.394921875C220.2234375 58.960546875 214.2123046875 52.9125 206.82421875 52.9125S193.425 58.960546875 193.425 66.394921875V143.2494140625C193.425 150.6837890625 199.4361328125 156.7318359375 206.82421875 156.7318359375S220.2234375 150.6837890625 220.2234375 143.2494140625zM258.740625 74.5482421875C258.740625 67.1138671875 252.7294921875 61.0658203125 245.34140625 61.0658203125S231.9421875 67.1138671875 231.9421875 74.5482421875V135.0966796875C231.9421875 142.5310546875 237.9533203125 148.5791015625 245.34140625 148.5791015625S258.740625 142.5310546875 258.740625 135.0966796875zM277.1150390625 93.582421875H270.459375V116.0625H277.1150390625C283.2720703125 116.0625 288.28125 111.0205078125 288.28125 104.8224609375C288.28125 98.625 283.2720703125001 93.582421875 277.1150390625 93.582421875z" >
+    <glyph glyph-name="home-1"
+      unicode="&#xF126;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500001 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-1-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M276.551953125 55.659375Q276.5625 55.95703125 276.5625 56.25A18.77109375 18.77109375 0 0 1 257.8125 75V161.71875L274.6875 174.375A4.6875 4.6875 0 0 1 274.640625 181.9095703125L234.375 211.334765625V262.5A4.6875 4.6875 0 0 1 239.0625 267.1875V285.9375A4.6875 4.6875 0 0 1 234.375 290.625H187.5A4.6875 4.6875 0 0 1 182.8125 285.9375V267.1875A4.6875 4.6875 0 0 1 187.5 262.5V245.5892578125L152.765625 270.9720703125A4.6875 4.6875 0 0 1 147.234375 270.9720703125L25.359375 181.9095703125A4.6875 4.6875 0 0 1 25.3125 174.375L42.1875 161.71875V75A18.77109375 18.77109375 0 0 1 23.4375 56.25Q23.4375 55.95703125 23.448046875 55.659375A18.75 18.75 0 0 1 28.125 18.75H271.875A18.75 18.75 0 0 1 276.551953125 55.659375zM192.1875 281.25H229.6875V271.875H192.1875zM196.875 239.0625V262.5H225V218.185546875L196.4314453125 239.0625zM150 261.38203125L263.9970703125 178.07578125L253.0822265625 169.8896484375L152.757421875 242.853515625A4.6875 4.6875 0 0 1 147.242578125 242.853515625L46.9177734375 169.8896484375L36.0029296875 178.07578125zM18.75 37.5A9.3861328125 9.3861328125 0 0 0 27.984375 46.875L27.9955078125 46.875C28.23515625 46.8416015625 28.4748046875 46.812890625 28.719140625 46.7970703125A4.6875 4.6875 0 0 1 33.4201171875 53.0759765625A9.2150390625 9.2150390625 0 0 0 32.8125 56.25A9.3861328125 9.3861328125 0 0 0 42.1875 65.625V28.125H28.125A9.3861328125 9.3861328125 0 0 0 18.75 37.5zM220.3125 28.125H164.0625V131.25H220.3125zM229.6875 28.125V135.9375A4.6875 4.6875 0 0 1 225 140.625H159.375A4.6875 4.6875 0 0 1 154.6875 135.9375V28.125H51.5625V161.675390625L150 233.26640625L248.4375 161.675390625V28.125zM271.875 28.125H257.8125V65.625A9.3861328125 9.3861328125 0 0 0 267.1875 56.25A9.2150390625 9.2150390625 0 0 0 266.5798828125 53.0736328125A4.6875 4.6875 0 0 1 271.2808593750001 46.7947265625C271.5251953125 46.810546875 271.7648437500002 46.8392578125 272.0044921875001 46.87265625L272.0156250000001 46.87265625A9.375 9.375 0 0 0 271.8750000000001 28.12265625zM131.25 140.625H75A4.6875 4.6875 0 0 1 70.3125 135.9375V70.3125A4.6875 4.6875 0 0 1 75 65.625H131.25A4.6875 4.6875 0 0 1 135.9375 70.3125V135.9375A4.6875 4.6875 0 0 1 131.25 140.625zM126.5625 107.8125H107.8125V131.25H126.5625zM98.4375 131.25V107.8125H79.6875V131.25zM79.6875 98.4375H98.4375V75H79.6875zM107.8125 75V98.4375H126.5625V75zM176.3314241860665 80.0442413162038A4.6875 4.6875 0 0 1 179.9190813644892 88.7056119334971A4.6875 4.6875 0 0 1 176.3314241860665 80.0442413162038" >
+    <glyph glyph-name="home-2"
+      unicode="&#xF127;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102261 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355914 150.0017577919009 288.2796295355914S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274923 182.9878946731093 288.2813873274923 179.2965316812694C288.2813873274923 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355914H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907954 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-2-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M126.5645324468854 179.2965316812694C109.5385600949989 179.2965316812694 97.268000765616 165.0490423940345 97.268000765616 147.7500263668785C97.268000765616 128.7365773057347 111.9016183404101 116.2685593528201 134.0527259446179 97.3957336437464C137.9128369589419 94.106904997207 141.9047823658317 90.7055776690117 146.1439905001113 86.9972226887966C147.2484697444952 86.0310230739484 148.6248208028812 85.5476303012074 150.0017577919009 85.5476303012074S152.7550458393066 86.0304371433147 153.8595250836905 86.9972226887966C158.0987332179701 90.7055776690117 162.0906786248599 94.106904997207 165.950789639184 97.3957336437464C188.1018972433917 116.2685593528201 202.7355148181858 128.7365773057347 202.7355148181858 147.7500263668785C202.7355148181858 165.0508001859353 190.4620258356348 179.2965316812694 173.4389831369164 179.2965316812694C161.8000570305817 179.2965316812694 154.4179169775355 172.6509064346902 150.0017577919009 166.2332082045913C145.5861845369 172.6509064346902 138.2034585532202 179.2965316812694 126.5645324468854 179.2965316812694zM155.6524728225841 151.3792807115542C155.6970035507397 151.5409975664348 160.247926782108 167.5779190087616 173.4389831369164 167.5779190087616C183.4601547638114 167.5779190087616 191.016902145678 159.0538001507795 191.016902145678 147.7500263668785C191.016902145678 134.1476467072652 178.7211477990493 123.6712069780433 158.3506833904291 106.3153556794257C155.6477853775151 104.0120623586443 152.8810209255361 101.6548634195693 150.0017577919009 99.1687597410968C147.1224946582657 101.6548634195693 144.3557302062867 104.0126482892779 141.6528321933728 106.3153556794257C121.2823677847526 123.6712069780433 108.9866134381238 134.1476467072652 108.9866134381238 147.7500263668785C108.9866134381238 159.0538001507795 116.5433608199904 167.5779190087616 126.5645324468854 167.5779190087616C139.5874267098433 167.5779190087616 144.1488966926169 152.0917723620427 144.3557302062867 151.362288723179C145.0594328972708 148.8263809408484 147.3685855243884 147.0703468318731 150.0017577919009 147.0703468318731C152.6407893657497 147.0703468318731 154.9540435073027 148.8345839697191 155.6524728225842 151.3792807115542zM67.9714690843467 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 79.6900817568544 240.2333175783096A5.8593063362539 5.8593063362539 0 0 1 67.9714690843467 240.2333175783096M262.3715347085777 160.6440158904388C266.4800803115589 157.5133885149784 271.3872493681715 155.8593063362539 276.5627746549846 155.8593063362539C289.4860607102262 155.8593063362539 300 166.3732456260278 300 179.2965316812694C300 186.6786717343156 296.6291410647532 193.4778108069046 290.7739362429347 197.9343992062593L261.3285781807245 220.5636262075054V294.1389358718453C261.3285781807245 297.3744448307247 258.7053667339836 299.9982422080992 255.4692718444706 299.9982422080992H220.3134338269474C217.0773389374343 299.9982422080992 214.4541274906935 297.3744448307247 214.4541274906935 294.1389358718453V256.5872274934278L164.1929977383078 295.2135326539143C160.0844521353265 298.3441600293747 155.1772830787139 299.9982422080992 150.0017577919009 299.9982422080992S139.9190634484752 298.3441600293747 135.7905962039507 295.1988843880736L91.1784236903474 260.9131533614841C88.6126334457018 258.9414967793346 88.1309984648618 255.2624383308008 90.1032409776448 252.6972340167889C92.0748975597942 250.132029702777 95.753956008328 249.6498087913033 98.3197462529736 251.6220513040863L142.9119971250337 285.8925481342016C144.9621684120889 287.4540532728132 147.4137021831776 288.2796295355915 150.0017577919009 288.2796295355915S155.0413471717128 287.4540532728132 157.0721827478584 285.9071964000422L283.6548790443862 188.6263051604864C286.5950789639184 186.3886360706711 288.2813873274924 182.9878946731093 288.2813873274924 179.2965316812694C288.2813873274924 172.8348886536486 283.0244176826053 167.5779190087616 276.5627746549845 167.5779190087616C273.9747190462612 167.5779190087616 271.5231852751725 168.4034952715398 269.4941074909279 169.9491802830436C262.9305125330563 174.9969726917263 158.8686460705538 255.0321675917861 153.5741768651149 259.1043854954825C151.5427553583356 260.6670624953614 148.731460178201 260.7279992812585 146.6338285098222 259.2543837376906C146.3684019327899 259.0686437268314 30.540462416456 169.9732034390222 30.5281578731499 169.9632426182506C28.1791619629457 168.1714667406242 25.2424776272153 167.3470623391132 22.2472002281223 167.638269864025C16.4453150939637 168.2001773416718 13.2976957301281 170.9288563024652 12.0402885903681 176.4881661543029C10.9867853111096 181.1457287609911 12.6385237672996 185.7980179919767 16.3703159728597 188.6427112182279L56.5235563645738 219.5007480381089C59.0893466092194 221.4724046202584 59.5709815900595 225.1514630687922 57.5987390772764 227.7166673828041S51.9474381159596 230.7640926082898 49.3822338019476 228.7918500955067L9.2483291211431 197.9484615414663C1.8421659121182 192.3024339558521 -1.467170306598 183.0886747420929 0.6111256508713 173.9024542681141C2.9882462314895 163.3920305621418 10.271364007453 157.0247223665348 21.1134244520572 155.9753206017117C27.0576907301867 155.3934914825217 32.9240282340441 157.0528470369488 37.6349105283922 160.6457736823397L37.6261215688878 160.6569063643785C37.8751420881786 160.8403026527033 38.2149818556814 161.0963543395976 38.6755233337109 161.4479127197728V81.0588157170033C25.2688445057284 77.8432283996672 14.9013878743608 66.9349577934633 12.4258309472936 53.1228149670121C4.6962340285075 47.6572540165545 0.0041015144354 38.7780611945954 0.0041015144354 29.2988754038039C0.0041015144354 13.144767834752 13.1465256266528 0.0023437225345 29.3006331957047 0.0023437225345H270.7040542493643C286.8581618184162 0.0023437225345 300.0005859306337 13.144767834752 300.0005859306337 29.2988754038039C300.0005859306337 38.7780611945954 295.3084534165615 47.6572540165545 287.5788564977754 53.1228149670121C285.1027136400745 66.9408170997996 274.7282258411034 77.8526032898052 261.3291641113581 81.0611594395378V161.4461549278719zM226.1727401632012 288.2796295355915H249.6099655082167V229.5693800463276L226.1727401632012 247.5814736546056zM93.7524169638637 11.7203704644086H29.3000472650711C19.6075827236399 11.7203704644086 11.7221282563095 19.6058249317391 11.7221282563095 29.2982894731702C11.7221282563095 35.5589582934575 15.1761893415311 41.3959992656336 20.7360851240024 44.5324859474303C22.4054014992012 45.4740764756663 23.5081229516842 47.1726893825463 23.6903473787416 49.0810654562641C24.8358417674793 61.1119791564942 34.7960766084772 70.3134338269473 46.8785522044663 70.3134338269473C54.4235809736605 70.3134338269473 61.5631457443858 66.5974617484951 65.975203415585 60.3742924887599C67.3579997109409 58.4243153400546 69.7866821873181 57.5090916903317 72.1128268028109 58.0633820697413C73.6145670167928 58.4207997562528 74.9434576938551 58.5948211544396 76.1750838857357 58.5948211544396C85.6372776881521 58.5948211544396 93.6369886290395 50.9953008363183 93.7518310332301 41.2237356593477C93.2526181333813 37.7011206899919 95.1357991898533 35.2923598551579 97.5791299320711 34.4410026445002C102.1142330363316 32.8613336562461 105.4716155670051 28.5734932793756 105.4716155670051 23.4395690675499C105.4710296363714 16.9773401092955 100.2140599914845 11.7203704644086 93.7524169638637 11.7203704644086zM194.6590469642934 43.7379640082343C191.0374097178549 41.6889645824463 188.0479916250982 38.7341163970735 185.9720393901634 35.1570098787905H114.0297184017375C111.9525943055355 38.7352882583407 108.964348074046 41.6895505130799 105.3444686195084 43.7379640082343C105.2460322730593 44.7932250793936 105.090174724515 45.8402831216822 104.8792396964098 46.8814818576345H195.1248618180256C194.9139267899205 45.8408690523158 194.7580692413761 44.7932250793936 194.6590469642934 43.7379640082343zM114.0443666675781 11.7203704644086C116.0441479201416 15.1697441045612 117.1896423088792 19.1734081241235 117.1896423088792 23.4389831369164H182.8138732749226C182.8138732749226 19.1734081241235 183.9599535942938 15.1697441045612 185.9591489162237 11.7203704644086zM276.3137541356938 49.0810654562641C276.4953926321176 47.1726893825463 277.5987000152342 45.4746624062999 279.268016390433 44.5324859474303C284.8279121729043 41.3959992656336 288.2819732581259 35.5589582934575 288.2819732581259 29.2982894731702C288.2819732581259 19.6058249317391 280.3965187907955 11.7203704644086 270.7040542493643 11.7203704644086H206.2516845505717C199.7900415229509 11.7203704644086 194.5330718780639 16.9773401092956 194.5330718780639 23.4389831369164C194.5330718780639 28.5787666550783 197.8963137150737 32.8630914481471 202.4255575129979 34.4404167138666C204.8899817580263 35.2988050921278 206.7491396585196 37.7210423315352 206.2528564118389 41.2231497287141C206.3676988160295 50.9701058190724 214.3445584622055 58.594235223806 223.8296035593333 58.594235223806C225.0612297512139 58.594235223806 226.3901204282762 58.4202138256192 227.8918606422581 58.0627961391078C230.21624746585 57.5096776209654 232.6466877341282 58.4231434787874 234.0294840294841 60.3737065581263C238.4421276313169 66.5968758178615 245.5811064714086 70.3128478963137 253.1261352406027 70.3128478963137C265.2039233915228 70.3134338269474 275.1670878856889 61.1225259078995 276.3137541356938 49.0810654562642zM249.6099655082167 81.8474783498631C240.8532321886853 80.9551059948516 232.7023511443225 76.7651160337964 226.8371855017324 70.1376546368597C225.8135646847888 70.2548407635847 224.8151388850912 70.3134338269473 223.8290176286997 70.3134338269473C214.5847900219919 70.3134338269473 205.9007121010301 65.8955168494119 200.4040968269903 58.5948211544396H99.6000046874451C94.1057331359398 65.893759057511 85.4198974230771 70.3134338269473 76.1744979551021 70.3134338269473C75.1877907680769 70.3134338269473 74.1893649683793 70.2548407635848 73.1663300820694 70.1376546368597C67.3011644394792 76.7657019644301 59.1508693257501 80.9551059948516 50.3935500755851 81.8474783498631V170.4571821423967C58.8989191532912 176.9990976668242 140.2143724878224 239.5425053612653 150.0011718612672 247.0681984195498L249.6099655082167 170.458354003664z" >
+    <glyph glyph-name="home-3"
+      unicode="&#xF128;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home-3-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M294.9615234375001 165.88828125L269.61796875 188.9806640625V265.552734375C269.61796875 270.4248046875 265.6681640625 274.3751953125 260.7955078125 274.3751953125H199.790625C194.9185546875 274.3751953125 190.9681640625 270.425390625 190.9681640625 265.552734375V260.64609375L160.3611328125 288.5349609375C154.453125 293.919140625 145.5439453125 293.9185546875 139.63828125 288.535546875L5.037890625 165.8876953125C0.305859375 161.5751953125 -1.2580078125 154.9306640625 1.0541015625 148.960546875C3.366796875 142.9904296875 8.99765625 139.133203125 15.4001953125 139.133203125H36.89765625V16.2498046875C36.89765625 11.377734375 40.8474609375 7.42734375 45.7201171875 7.42734375H119.497265625C124.3693359375 7.42734375 128.3197265625 11.3771484375 128.3197265625 16.2498046875V90.8607421875H171.6796875V16.24921875C171.6796875 11.3771484375 175.6294921875 7.4267578125 180.5021484375 7.4267578125H254.2763671875001C259.1484375 7.4267578125 263.098828125 11.3765625 263.0982421875001 16.24921875V139.1326171875H284.600390625C291.00234375 139.1326171875 296.6337890625 142.9904296875 298.946484375 148.9599609375C301.2580078125 154.9306640625 299.6947265625 161.5751953125 294.9615234375001 165.88828125zM254.2763671875 156.7775390625C249.404296875 156.7775390625 245.45390625 152.827734375 245.45390625 147.955078125V25.0716796875H189.3251953125V99.683203125C189.3251953125 104.5552734375 185.3748046875 108.5056640625 180.502734375 108.5056640625H119.497265625C114.6251953125 108.5056640625 110.6748046875 104.555859375 110.6748046875 99.683203125V25.0716796875H54.5419921875V147.955078125C54.5419921875 152.8271484375 50.5921875 156.7775390625 45.71953125 156.7775390625H21.2373046875L150.0005859375 274.1056640625L193.8498046875 234.15C196.4326171875 231.796875 200.1609375 231.1904296875 203.3560546875 232.60078125C206.5517578125 234.012890625 208.613671875 237.178125 208.613671875 240.671484375V256.7302734375H251.97421875V185.0841796875C251.97421875 182.6015625 253.01953125 180.2349609375 254.8546875 178.5626953125L278.7626953125 156.7775390625H254.2763671875z" >
+    <glyph glyph-name="home"
+      unicode="&#xF129;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="home-1"
+      unicode="&#x68;&#x6F;&#x6D;&#x65;"
+      horiz-adv-x="300" d="M296.8615411659823 157.5821498976658L275.4429251265052 179.0007659371429L157.5808942630052 296.8627968006429C153.3971195740887 301.0459436722291 146.6141811378561 301.0459436722291 142.4304064489396 296.8627968006429L24.5677477681094 179.000765937143L3.1384588340177 157.5708491857209C-0.9724890445876 153.3142476864931 -0.8550872038272 146.5313092502605 3.4015142954006 142.4203613716553C7.5538981178036 138.4098642658932 14.1365628256802 138.4098642658932 18.2889466480833 142.4203613716553L21.4173604048166 145.5707487349481V10.714958375711C21.4173604048166 4.7971522205899 26.2145126254065 0 32.1323187805276 0H267.8570083248578C273.7748144799789 0 278.5719667005688 4.7971522205899 278.5719667005688 10.714958375711V145.5707487349481L281.7110533519167 142.4310342662699C285.9676548511445 138.3200863876647 292.7505932873771 138.4381160457553 296.8615411659823 142.6940897276529C300.8720382717445 146.8464735500559 300.8720382717445 153.4297660752627 296.8615411659823 157.5821498976658zM182.1392247711606 21.4292889340917H117.8507301515551V107.1477003051192H182.1392247711606V21.4292889340917zM257.1420499491468 21.4292889340917H203.5685137052524V117.8620308634999C203.5685137052524 123.779837018621 198.7713614846624 128.576989239211 192.8535553295413 128.576989239211H107.1357717758441C101.217965620723 128.576989239211 96.4208134001331 123.779837018621 96.4208134001331 117.8620308634999V21.4292889340917H42.8472771562386V167.0000376690398L149.9943496440276 274.1477379741591L257.1420499491468 167.0000376690398V21.4292889340917z" >
+    <glyph glyph-name="hospital"
+      unicode="&#xF12A;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="hospital-1"
+      unicode="&#x68;&#x6F;&#x73;&#x70;&#x69;&#x74;&#x61;&#x6C;"
+      horiz-adv-x="300" d="M297.371484375 153.8501953125L169.8333984375 279.1998046875C158.896875 289.95 141.1025390625 289.9494140625 130.1666015625 279.200390625L2.628515625 153.8501953125C-0.8337890625 150.4470703125 -0.8818359375 144.882421875 2.520703125 141.420703125C5.9232421875 137.9595703125 11.487890625 137.9103515625 14.949609375 141.312890625L24.8748046875 151.0681640625V50.991796875C24.8748046875 29.8986328125 42.0357421875 12.7376953125 63.1289062500001 12.7376953125H236.8710937500001C257.9642578125 12.7376953125 275.1251953125 29.8986328125 275.1251953125 50.991796875V151.0681640625L285.0503906250001 141.312890625C286.7619140625 139.63125 288.98671875 138.7921875 291.2103515625 138.7921875C293.4849609375001 138.7921875 295.758984375 139.669921875 297.4792968750001 141.4201171875C300.8818359375 144.882421875 300.8337890625 150.4470703125 297.371484375 153.8501953125zM257.546484375 50.991796875C257.546484375 39.5912109375 248.27109375 30.3158203125 236.8705078125 30.3158203125H63.12890625C51.7283203125 30.3158203125 42.4529296875 39.5912109375 42.4529296875 50.991796875V168.34453125L142.48828125 266.6636718750001C143.5236328125 267.6814453125001 144.721875 268.4449218750001 146.0009765625 268.9541015625C149.518359375 270.3533203125 153.64921875 269.82890625 156.7060546875 267.3796875000001C156.9837890625 267.15703125 157.252734375 266.9185546875001 157.51171875 266.6636718750001L257.5470703125 168.3451171875V50.991796875zM123.5912109375 184.58203125V156.2982421875H95.3056640625C90.4517578125 156.2982421875 86.5166015625 152.3630859375 86.5166015625 147.5091796875V112.4314453125C86.5166015625 107.5775390625 90.4517578125 103.6423828125 95.3056640625 103.6423828125H123.5912109375V75.3591796875001C123.5912109375 70.5052734375001 127.5263671875 66.5701171875001 132.3802734375 66.5701171875001H167.4580078125C172.3119140625 66.5701171875001 176.2470703125 70.5052734375001 176.2470703125 75.3591796875001V103.6423828125H204.5279296875C209.3818359375 103.6423828125 213.3169921875 107.5775390625 213.3169921875 112.4314453125V147.5091796875C213.3169921875 152.3630859375 209.3818359375 156.2982421875 204.5279296875 156.2982421875H176.2470703125V184.58203125C176.2470703125 189.4359375 172.3119140625 193.37109375 167.4580078125 193.37109375H132.3802734375C127.5263671875 193.37109375 123.5912109375 189.4359375 123.5912109375 184.58203125zM141.1693359375 147.5091796875V175.79296875H158.6689453125V147.5091796875C158.6689453125 142.6552734375 162.6041015625 138.7201171875 167.4580078125 138.7201171875H195.7388671875V121.2205078125H167.4580078125C162.6041015625 121.2205078125 158.6689453125 117.2853515625 158.6689453125 112.4314453125V84.1482421875001H141.1693359375V112.4314453125C141.1693359375 117.2853515625 137.2341796875 121.2205078125 132.3802734375 121.2205078125H104.0947265625V138.7201171875H132.3802734375C137.2341796875 138.7201171875 141.1693359375 142.6552734375 141.1693359375 147.5091796875z" >
+    <glyph glyph-name="house-1"
+      unicode="&#xF12B;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-1-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M294.140061952883 11.7187042238116H268.3589126604974V58.0075859078675C268.3589126604974 61.2437060792731 265.735094784786 63.8669380197733 262.4995605485916 63.8669380197733C259.2640263123972 63.8669380197733 256.6402084366858 61.2437060792731 256.6402084366858 58.0075859078675V11.7187042238116H186.3279830938161V123.0463943500221C186.3279830938161 126.2825145214277 183.7041652181046 128.9057464619279 180.4686309819102 128.9057464619279H119.5313690180898C116.2958347818954 128.9057464619279 113.672016906184 126.2825145214277 113.672016906184 123.0463943500221V11.7187042238116H43.3597915633142V144.1406478880942H45.6144702559756C47.168370436053 144.1406478880942 48.6584036781106 144.758223600689 49.7576181343042 145.8568521216714L150 246.0992339873673L250.2423818656959 145.8568521216714C251.3415963218894 144.758223600689 252.831629563947 144.1406478880942 254.3855297440245 144.1406478880942H256.6402084366859V100.1955070488006C256.6402084366859 96.959386877395 259.2640263123973 94.3361549368948 262.4995605485917 94.3361549368948C265.7350947847861 94.3361549368948 268.3589126604975 96.959386877395 268.3589126604975 100.1955070488006V144.1406478880942H294.1400619528831C296.510169882149 144.1406478880942 298.6464896621498 145.5685719977657 299.5535173690729 147.7576259467737C300.4605450759958 149.9466798957817 299.9583986000055 152.4673731743236 298.2832098312117 154.1431478783286L154.1431478783286 298.2832098312116C151.8544849434182 300.5712868309108 148.1455150565819 300.5712868309108 145.8562661864602 298.2832098312116L90.7783563345456 243.205299979297C88.4902793348464 240.9172229795978 88.4902793348464 237.207081222339 90.7783563345456 234.9190042226398C93.067019269456 232.6303412877294 96.7771610267148 232.6303412877294 99.065238026414 234.9190042226398L150 285.8537661962258L279.9938281491088 155.8593521119058H256.8124733887758L154.1431478783286 258.5286776223531C151.8544849434182 260.8167546220523 148.1455150565819 260.8167546220523 145.8562661864602 258.5286776223531L43.186940676013 155.8593521119058H20.00558591568L66.2528661997414 202.106046460756C68.5409431994406 204.3941234604552 68.5409431994406 208.104265217714 66.2528661997414 210.3929281526244C63.9647892000422 212.6804192171124 60.2546474427834 212.6810051523236 57.965984507873 210.3929281526244L1.7162042335772 154.1431478783286C0.0410154647833 152.4673731743235 -0.461131011207 149.9472658309928 0.445896695716 147.7576259467736C1.3529244026391 145.5679860625544 3.4898301178511 144.1406478880942 5.859938047117 144.1406478880942H31.6410873395026V11.7192901590228H5.859938047117C2.6244038109226 11.7192901590228 0.0005859352112 9.0960582185226 0.0005859352112 5.8599380471169S2.6244038109226 0.0005859352112 5.859938047117 0.0005859352112H37.5004394514084H119.5313690180898H180.4686309819102H262.4995605485916H294.140061952883C297.3755961890774 0.0005859352112 299.9994140647888 2.6238178757114 299.9994140647888 5.859938047117S297.3755961890775 11.7187042238116 294.140061952883 11.7187042238116zM174.6092788700044 11.7187042238116H125.3907211299956V117.1870422381163H174.6092788700044V11.7187042238116zM237.8902816785872 128.9057464619279H205.0779098519147C201.8423756157203 128.9057464619279 199.2185577400088 126.2825145214277 199.2185577400088 123.0463943500221V64.4528732309639C199.2185577400088 61.2167530595583 201.8423756157203 58.5935211190581 205.0779098519147 58.5935211190581H237.8902816785872C241.1258159147816 58.5935211190581 243.749633790493 61.2167530595583 243.749633790493 64.4528732309639V123.0463943500221C243.749633790493 126.2825145214277 241.1258159147816 128.9057464619279 237.8902816785872 128.9057464619279zM232.0309295666814 70.3122253428697H210.9372619638205V117.1870422381163H232.0309295666814V70.3122253428697zM94.9220901480854 128.9057464619279H62.1097183214128C58.8741840852184 128.9057464619279 56.250366209507 126.2825145214277 56.250366209507 123.0463943500221V64.4528732309639C56.250366209507 61.2167530595583 58.8741840852184 58.5935211190581 62.1097183214128 58.5935211190581H94.9220901480854C98.1576243842798 58.5935211190581 100.7814422599912 61.2167530595583 100.7814422599912 64.4528732309639V123.0463943500221C100.7814422599912 126.2825145214277 98.1576243842798 128.9057464619279 94.9220901480854 128.9057464619279zM89.0627380361796 70.3122253428697H67.9690704333186V117.1870422381163H89.0627380361796V70.3122253428697zM150 203.7179542267413C135.1383393033621 203.7179542267413 123.0469802852333 191.6265952086125 123.0469802852333 176.7649345119746S135.1383393033621 149.8119147972078 150 149.8119147972078C164.8616606966379 149.8119147972078 176.9530197147668 161.9032738153366 176.9530197147668 176.7649345119746S164.8616606966379 203.7179542267413 150 203.7179542267413zM150 161.5306190210195C141.5994468771606 161.5306190210195 134.7656845090449 168.3649673243464 134.7656845090449 176.7649345119746S141.5994468771606 191.9992500029297 150 191.9992500029297C158.4005531228394 191.9992500029297 165.2343154909551 185.1649016996028 165.2343154909551 176.7649345119746S158.4005531228394 161.5306190210195 150 161.5306190210195zM143.0092069952852 68.5954351740813C141.9199534376819 69.6852746668958 140.407654657599 70.3122253428697 138.867230987379 70.3122253428697C137.3262213819477 70.3122253428697 135.8145085370761 69.6852746668958 134.7246690442616 68.5954351740813C133.6348295514471 67.5055956812668 133.0078788754732 65.9938828363951 133.0078788754732 64.4528732309639S133.6342436162359 61.400150780661 134.7246690442616 60.3103112878465C135.8150944722872 59.220471795032 137.3262213819477 58.5935211190581 138.867230987379 58.5935211190581S141.9199534376819 59.220471795032 143.0092069952852 60.3103112878465C144.0990464880997 61.400150780661 144.7265830992848 62.9118636255327 144.7265830992848 64.4528732309639S144.0996324233109 67.5055956812669 143.0092069952852 68.5954351740813zM82.0719450314647 226.2120069843477C80.9826914738614 227.3018464771622 79.4709786289897 227.9287971531361 77.9299690235585 227.9287971531361S74.8772465732556 227.3018464771622 73.7874070804411 226.2120069843477C72.6975675876266 225.1221674915332 72.0706169116527 223.6104546466615 72.0706169116527 222.0694450412303S72.6969816524154 219.0167225909274 73.7874070804411 217.9268830981129C74.8778325084668 216.8370436052984 76.3889594181273 216.2100929293245 77.9299690235585 216.2100929293245S80.9826914738615 216.8370436052984 82.0719450314647 217.9268830981129C83.1617845242792 219.0167225909274 83.7893211354643 220.5284354357991 83.7893211354643 222.0694450412303S83.1623704594904 225.1221674915332 82.0719450314647 226.2120069843477zM266.6415365564979 84.8088484029359C265.5522829988946 85.8981019605392 264.0399842188117 86.5256385717243 262.4995605485916 86.5256385717243C260.9585509431604 86.5256385717243 259.4468380982887 85.8986878957504 258.3569986054742 84.8088484029359C257.2671591126598 83.7131495580095 256.6402084366858 82.2072960652497 256.6402084366858 80.6662864598185S257.2665731774486 77.6135640095156 258.3569986054742 76.5178651645892C259.4468380982887 75.4280256717747 260.9585509431604 74.8069343479127 262.4995605485916 74.8069343479127S265.5522829988946 75.4280256717747 266.6415365564979 76.5178651645892C267.7313760493124 77.6135640095156 268.3589126604974 79.1194175022754 268.3589126604974 80.6662864598185C268.3589126604974 82.2072960652497 267.7319619845236 83.7190089101214 266.6415365564979 84.8088484029359z" >
+    <glyph glyph-name="house-2"
+      unicode="&#xF12C;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-2-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x32;"
+      horiz-adv-x="300" d="M287.935546875 113.349609375A4.6875 4.6875 0 0 1 295.3125 117.1875V145.3125A4.674609375 4.674609375 0 0 1 293.314453125 149.150390625L253.125 177.287109375V210.9375A4.6875 4.6875 0 0 1 248.4375 215.625H220.3125A4.6875 4.6875 0 0 1 215.625 210.9375V203.537109375L152.689453125 247.587890625A4.6875 4.6875 0 0 1 147.310546875 247.587890625L6.685546875 149.150390625A4.674609375 4.674609375 0 0 1 4.6875 145.3125V117.1875A4.6875 4.6875 0 0 1 12.064453125 113.349609375L32.8125 127.869140625V28.125H9.375A4.6875 4.6875 0 0 1 4.6875 23.4375V9.375A4.6875 4.6875 0 0 1 9.375 4.6875H290.625A4.6875 4.6875 0 0 1 295.3125 9.375V23.4375A4.6875 4.6875 0 0 1 290.625 28.125H267.1875V127.869140625zM225 206.25H243.75V183.849609375L225 196.974609375zM285.9375 18.75V14.0625H14.0625V18.75zM117.1875 121.875H60.9375A4.6875 4.6875 0 0 1 56.25 117.1875V28.125H42.1875V134.431640625L150 209.900390625L257.8125 134.431640625V28.125H121.875V117.1875A4.6875 4.6875 0 0 1 117.1875 121.875zM112.5 112.5V28.125H65.625V112.5zM152.689453125 219.462890625A4.681640625 4.681640625 0 0 1 147.310546875 219.462890625L14.0625 126.193359375V142.869140625L150 238.025390625L285.9375 142.869140625V126.193359375zM150 267.1875A14.103515625 14.103515625 0 0 1 137.81953125 260.15625A4.6875 4.6875 0 0 1 145.93828125 255.46875A4.6916015625 4.6916015625 0 0 0 154.06171875 255.46875A4.6875 4.6875 0 1 1 162.18046875 260.15625A14.103515625 14.103515625 0 0 1 150 267.1875zM166.245703125 262.496484375A4.6875 4.6875 0 0 1 174.359765625 267.191015625A28.133203125 28.133203125 0 0 1 125.640234375 267.191015625A4.6875 4.6875 0 1 1 133.754296875 262.496484375A18.7599609375 18.7599609375 0 0 0 166.245703125 262.496484375zM115.16953125 267.816796875A4.6875 4.6875 0 0 1 121.573828125 269.53125A32.8271484375 32.8271484375 0 0 0 178.426171875 269.53125A4.6875 4.6875 0 0 1 186.542578125 274.21875A42.2021484375 42.2021484375 0 0 1 113.457421875 274.21875A4.6875 4.6875 0 0 1 115.16953125 267.816796875zM135.9375 117.1875V51.5625A4.6875 4.6875 0 0 1 140.625 46.875H239.0625A4.6875 4.6875 0 0 1 243.75 51.5625V117.1875A4.6875 4.6875 0 0 1 239.0625 121.875H140.625A4.6875 4.6875 0 0 1 135.9375 117.1875zM145.3125 112.5H234.375V56.25H145.3125zM103.125 65.625A4.6875 4.6875 0 0 1 107.8125 70.3125V79.6875A4.6875 4.6875 0 0 1 98.4375 79.6875V70.3125A4.6875 4.6875 0 0 1 103.125 65.625z" >
+    <glyph glyph-name="house-3"
+      unicode="&#xF12D;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-3-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x33;"
+      horiz-adv-x="300" d="M249 66.5C252.901539 62.6161325 259.208461 62.6161325 263.11 66.5L280.82 84.155C284.716291 88.074818 284.716291 94.405182 280.82 98.325L260 119.17V175C260 180.5228475 255.5228475 185 250 185H225C219.4771525 185 215 180.5228475 215 175V164.17L199.04 180.13C219.3268664999999 200.046973 225.5527115 230.255518 214.794109 256.5708222C204.035507 282.8861264 178.4296105 300.0807597500001 150 300.0807597500001S95.964493 282.8861264 85.205891 256.5708222C74.4472885 230.255518 80.6731335 200.046973 100.96 180.13L19.16 98.335C15.26039475 94.414599 15.26039475 88.080401 19.16 84.16L36.865 66.5C40.7676975 62.609491 47.0823025 62.609491 50.985 66.5L54.985 70.5V10H35C32.23857625 10 30 7.7614235 30 5S32.23857625 0 35 0H265C267.7614234999999 0 270 2.2385765 270 5S267.7614234999999 10.0000000000001 265 10.0000000000001H245V70.5zM225 175H250V129.17L225 154.17zM273.77 91.24L256.085 73.585L243.5550000000001 86.11L243.5000000000001 86.15L167.36 162.265C176.017207 164.4877575 184.1655035 168.3565005 191.36 173.66zM90 230C90 263.137085 116.862915 290 150 290S210 263.137085 210 230S183.137085 170 150 170C116.877765 170.035824 90.035824 196.877765 90 230zM43.93 73.59L26.235 91.265L108.63 173.66C115.824239 168.3560705 123.9726225 164.487286 132.63 162.265L56.5 86.175L56.405 86.08zM130 10.0000000000001V30C130 41.045695 138.954305 50 150 50S170 41.045695 170 30V10.0000000000001zM235 10.0000000000001H180V30C180 46.5685425 166.5685425 60 150 60S120 46.5685425 120 30V10.0000000000001H65V80.5L144.785 160.265C146.515 160.135 148.24 160 150 160S153.5 160.135 155.215 160.265L235 80.5zM5 1e-13H15C17.76142375 1e-13 20 2.2385765 20 5.0000000000001S17.76142375 10.0000000000001 15 10.0000000000001H5C2.23857625 10.0000000000001 0 7.7614235 0 5.0000000000001S2.23857625 1e-13 5 1e-13zM285 1e-13H295C297.7614235 1e-13 300 2.2385765 300 5.0000000000001S297.7614235 10.0000000000001 295 10.0000000000001H285C282.2385765 10.0000000000001 280 7.7614235 280 5.0000000000001S282.2385765 1e-13 285 1e-13zM135 212.5C135 215.2614235 132.7614235 217.5 130 217.5S125 215.2614235 125 212.5C125.4827115 201.2920065 133.8917565 192.0231365 145 190.455V190C145 187.2385765 147.2385765 185 150 185S155 187.2385765 155 190V190.455C166.1082435 192.0231365 174.5172885 201.2920065 175 212.5C174.5172885 223.7079935 166.1082435 232.9768635 155 234.545V259.23C160.5642045 257.9676878 164.6339795 253.1938415 165 247.5C165 244.7385765 167.2385765 242.5 170 242.5S175.0000000000001 244.7385765 175.0000000000001 247.5C174.5172885 258.7079936 166.1082435000001 267.9768634 155.0000000000001 269.545V270C155.0000000000001 272.76142375 152.7614235 275 150 275S145 272.76142375 145 270V269.545C133.8917565000001 267.9768634 125.4827115 258.7079936 125.0000000000001 247.5C125.4827115 236.2920065 133.8917565000001 227.0231365 145 225.455V200.77C139.4357955000001 202.032312 135.3660205000001 206.8061585 135 212.5zM165 212.5C164.6339795 206.8061585 160.5642045 202.032312 155 200.77V224.23C160.5642045 222.967688 164.6339795 218.1938415 165 212.5zM135 247.5C135.3660205 253.1938415 139.4357955 257.9676878 145 259.23V235.77C139.4357955 237.032312 135.3660205 241.8061585 135 247.5zM125 130C122.2385765 130 120 127.7614235 120 125V75C120 72.2385765 122.2385765 70 125 70H175C177.7614235 70 180 72.2385765 180 75V125C180 127.7614235 177.7614235 130 175 130zM170 105H155V120H170zM145 120V105H130V120zM130 95H145V80H130zM155 80V95H170V80zM155 25A5 5 0 0 1 165 25A5 5 0 0 1 155 25M45 230C45 227.2385765 47.23857625 225 50 225H65C67.7614235 225 70 227.2385765 70 230S67.7614235 235 65 235H50C47.23857625 235 45 232.7614235 45 230zM230 230C230 227.2385765 232.2385765 225 235 225H250C252.7614235 225 255.0000000000001 227.2385765 255.0000000000001 230S252.7614235 235 250 235H235C232.2385765 235 230 232.7614235 230 230zM73.885 191.83L60.885 184.33C59.325246 183.443192 58.360234 181.788634 58.3562895 179.9944085S59.310073 176.541398 60.865913 175.6477405C62.4217525 174.7540835 64.337148 174.762578 65.885 175.67L78.885 183.17C80.444754 184.056808 81.409766 185.711366 81.4137105 187.5055915S80.459927 190.958602 78.904087 191.8522595C77.3482475 192.7459165 75.432852 192.737422 73.885 191.83zM234.1 284.33L221.1 276.83C219.540246 275.9431921 218.575234 274.28863395 218.5712895 272.4944085S219.525073 269.04139795 221.080913 268.1477407C222.6367525 267.25408345 224.552148 267.2625781 226.1 268.17L239.1 275.67C240.659754 276.5568079 241.624766 278.21136605 241.6287105 280.0055915S240.6749270000001 283.45860205 239.119087 284.3522593C237.5632475 285.24591655 235.6478520000001 285.2374219 234.1 284.33zM78.885 276.83L65.885 284.33C64.337148 285.2374219 62.4217525 285.24591655 60.865913 284.3522593C59.310073 283.45860205 58.352345 281.79981695 58.3562895 280.0055915S59.325246 276.5568079 60.885 275.67L73.885 268.17C75.432852 267.2625781 77.3482475 267.25408345 78.904087 268.1477407C80.459927 269.04139795 81.417655 270.70018305 81.4137105 272.4944085S80.444754 275.9431921000001 78.885 276.83z" >
+    <glyph glyph-name="house-4"
+      unicode="&#xF12E;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-4-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x34;"
+      horiz-adv-x="300" d="M297.425390625 156.214453125L156.214453125 297.425390625C152.7826171875 300.8578125 147.2173828125 300.8578125 143.7849609375 297.425390625L2.5740234375 156.214453125C0.0603515625 153.70078125 -0.69140625 149.9203125 0.6685546875 146.6361328125C2.0296875 143.3525390625 5.2341796875 141.2109375 8.7890625 141.2109375H37.655859375V8.7890625C37.655859375 3.93515625 41.591015625 0 46.444921875 0H253.55390625C258.4078125 0 262.34296875 3.93515625 262.34296875 8.7890625V141.2109375H291.2109375C294.7658203125 141.2109375 297.9703125 143.3525390625 299.330859375 146.63671875C300.6908203125 149.9208984375 299.9390625000001 153.70078125 297.425390625 156.214453125zM253.555078125 158.7890625C248.701171875 158.7890625 244.766015625 154.85390625 244.766015625 150V17.578125H55.2345703125V150C55.2345703125 154.85390625 51.2994140625 158.7890625 46.4455078125 158.7890625H30.0076171875L150 278.780859375L269.9923828125 158.7890625zM94.1408203125 112.344140625V68.914453125L77.8869140625 52.660546875C74.4544921875 49.228125 74.4544921875 43.6634765625 77.8869140625 40.2310546875C81.31875 36.7986328125 86.883984375 36.7986328125 90.31640625 40.2310546875L106.5703125 56.4849609375H150C180.800390625 56.4849609375 205.8591796875 81.5431640625 205.8591796875 112.344140625V159.4142578125C205.8591796875 164.2681640625 201.9240234375 168.2033203125 197.0701171875 168.2033203125H150C119.199609375 168.2033203125 94.1408203125 143.1451171875 94.1408203125 112.344140625zM188.2810546875 112.344140625C188.2810546875 91.20234375 171.141796875 74.0630859375 150 74.0630859375L124.1484375 74.0625L156.2150390625 106.1291015625C159.6474609375 109.5615234375 159.6474609375 115.126171875 156.2150390625 118.55859375C152.783203125 121.991015625 147.21796875 121.991015625 143.785546875 118.55859375L111.7189453125 86.492578125V112.344140625C111.7189453125 133.4859375 128.858203125 150.6251953125 150 150.6251953125H188.2810546875z" >
+    <glyph glyph-name="house-key"
+      unicode="&#xF12F;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747578 139.0957622091874 273.5747709747578 141.82429315231C273.5747709747578 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house-key-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;&#x2D;&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M272.7542344954855 91.4206155671258C269.0964212746326 94.5000988598168 264.3066631516509 95.7852764779543 259.5861069004152 94.9746259803598L161.5665985632373 77.9311935675212L133.7227311672049 105.7750609635537C132.7983918803137 106.7043432412839 131.5379292163712 107.2233572793778 130.2280366440388 107.2233572793778H75.8551374151453H56.0831740591841H6.653265669281C3.9247347261583 107.2233572793778 1.7102748302906 105.0088973835102 1.7102748302906 102.2803664403875V23.1925130165425C1.7102748302906 20.4639820734199 3.9247347261583 18.2495221775522 6.653265669281 18.2495221775522H56.0831740591841H75.8551374151453C78.583668358268 18.2495221775522 80.7981282541356 20.4639820734199 80.7981282541356 23.1925130165425V28.1355038555329H94.4605549331049L147.3060699927503 1.7102748302906C149.5946747512028 0.5684439464839 152.066170170698 0 154.5327225993541 0C157.3452843867396 0 160.1529031832861 0.7365056350096 162.6688855203322 2.2045739141897L270.4952876820668 65.1041323403414C275.4382785210572 67.9908389903118 278.5128188229092 73.3391550780992 278.5128188229092 79.058195478811C278.5128188229092 83.8380676201147 276.4169907071772 88.3460752652738 272.7542344954855 91.4206155671258zM51.1401832201938 28.1355038555329H11.5962565082713V97.3373756013972H51.1401832201938V28.1355038555329zM70.912146576155 28.1355038555329H61.0261648981744V97.3373756013972H70.912146576155V28.1355038555329zM265.5226388980426 73.6456205101167L157.6912937454689 10.7460620839649C155.8574441442035 9.683319053582 153.6232122849799 9.6091741909972 151.7251038028076 10.5532854412443L97.8366176761352 37.4975285045805C97.1544849403546 37.8435378633098 96.3932643511501 38.0214855335134 95.6271007711066 38.0214855335134H80.7981282541356V97.3373756013972H128.1816384366968L167.1225202662625 58.3964937718315C168.8327950965531 56.6862189415409 169.7719633559613 54.4173861464443 169.7719633559613 52.0052066170171C169.7719633559613 47.0177288604758 165.7187108679892 42.9644763725038 160.731233111448 42.9644763725038C158.3190535820207 42.9644763725038 156.0502207869242 43.9036446319119 154.3399459566335 45.6139194622026L128.7797403282146 71.1741250906215L121.7903512818823 64.1847360442892L147.3505569103012 38.6245304158703C150.9292822777302 35.0458050484413 155.6794964739999 33.0784946945232 160.731233111448 33.0784946945232C171.1708297633956 33.0784946945232 179.6579450339419 41.5656099650695 179.6579450339419 52.0052066170171C179.6579450339419 57.0569432544652 177.6906346800237 61.8121004415739 174.1119093125948 65.3858828181639L170.1130297238516 69.384762406907L261.2864957490279 85.2418770183879C263.1104593686154 85.5532854412443 264.9789099057537 85.0540433665063 266.3975482765439 83.8627825743096C267.8161866473341 82.666578791274 268.6317801357675 80.9167600342714 268.6317801357675 79.06313846965C268.6317801357675 76.8437355829434 267.4405193435709 74.7676794305674 265.5226388980426 73.6456205101167zM293.346734330719 300H169.7719633559613H164.8289725169709H90.6841099321162C82.5084030844263 300 75.8551374151453 293.346734330719 75.8551374151453 285.1710274830291C75.8551374151453 281.3599815461676 77.3429776576814 277.9147169313913 79.7106702695578 275.2850458050484C77.3429776576814 272.6553746787056 75.8551374151453 269.2101100639294 75.8551374151453 265.3990641270679C75.8551374151453 261.5880181902063 77.3429776576814 258.1427535754301 79.7106702695578 255.5130824490872C77.3380346668424 252.8834113227444 75.8551374151453 249.4381467079681 75.8551374151453 245.6271007711066C75.8551374151453 237.4513939234166 82.5084030844263 230.7981282541357 90.6841099321162 230.7981282541357H140.2375930929941C128.1915244183747 221.7771699729783 120.3420549660581 207.4326105582284 120.3420549660581 191.2542015422132C120.3420549660581 175.1301654254268 128.2557832992816 159.9798985039215 141.5128847294536 150.7216766624926C143.7817175245502 149.1349766031767 146.3965596783761 148.2996111513874 149.0904896856258 148.1414354445397C152.6445000988598 142.6992025308113 158.2498517102749 138.7200949054241 164.8289725169709 137.3805443880577V92.3943847624069H169.7719633559613H174.7149541949516H184.6009358729322V102.2803664403875H174.7149541949516V112.1663481183682H184.6009358729322V122.0523297963488H174.7149541949516V137.3805443880577C181.2841890199697 138.7200949054241 186.8895406313847 142.6893165491334 190.4386080537797 148.1167204903447C193.1621960060634 148.2798391880314 195.7770381598893 149.1448625848547 198.0310419824689 150.7216766624926C211.2881434126409 159.9798985039215 219.2018717458644 175.1301654254268 219.2018717458644 191.2542015422132C219.2018717458644 198.1200158175707 217.7881763659131 204.8276543860805 215.0695314044685 211.0261648981744H293.346734330719C296.0752652738417 211.0261648981744 298.2897251697094 213.2406247940421 298.2897251697094 215.9691557371647V295.0570091610097C298.2897251697094 297.7855401041324 296.0752652738417 300 293.346734330719 300zM183.152639557108 155.3236011335926C183.1476965662691 155.3137151519146 183.152639557108 155.3038291702366 183.1476965662691 155.2988861793976C180.7651749818757 150.2718644961445 175.6887233902327 146.7672839913003 169.7719633559613 146.7672839913003C163.8650893033678 146.7672839913003 158.7935807025638 150.2669215053055 156.4110591181704 155.2741712252027C156.4061161273314 155.2840572068807 156.4110591181704 155.2988861793976 156.4011731364925 155.3087721610756C155.4372899228893 157.3650563500956 154.9429908389903 159.4806564291834 154.9429908389903 161.5962565082713C154.9429908389903 162.5107098134845 155.0517366374481 163.4004481645027 155.2148553351348 164.270414552165C155.2642852435247 164.5373360574705 155.3334871152706 164.794371581098 155.3928030053384 165.0612930864035C155.5410927305081 165.6791669412773 155.7289263823898 166.2822118236341 155.9563039609833 166.865484742635C156.0551637777631 167.1225202662624 156.149080603704 167.3844987807289 156.2627693930007 167.6415343043564C156.5593488433401 168.3038950767811 156.9103011929085 168.9365979041719 157.2958544783497 169.5445857773677C157.3749423317735 169.6731035391814 157.4342582218414 169.8065642918342 157.5232320569433 169.9350820536479C160.192447109998 173.8449878072893 164.6856257826402 176.4252290252422 169.7719633559613 176.4252290252422S179.3514796019245 173.8449878072893 182.0206946549792 169.9350820536479C182.1047254992421 169.8115072826732 182.16404138931 169.6731035391814 182.2480722335728 169.5445857773677C182.633625519014 168.9365979041719 182.9845778685823 168.3038950767811 183.2811573189218 167.6415343043564C183.3948461082186 167.3844987807289 183.4887629341594 167.1225202662624 183.5876227509392 166.860541751796C183.8100573386937 166.2772688327951 183.9978909905754 165.6742239504383 184.1461807157451 165.0612930864035C184.2104395966519 164.799314571937 184.2796414683978 164.5373360574705 184.3290713767877 164.270414552165C184.4921900744744 163.4004481645027 184.6009358729322 162.5107098134845 184.6009358729322 161.5962565082713C184.6009358729322 159.4806564291834 184.1115797798722 157.3749423317736 183.152639557108 155.3236011335926zM185.9899162986885 180.092928227773C181.640084360377 183.9138601463125 176.0050748039281 186.3112107032228 169.7719633559613 186.3112107032228S157.9038423515455 183.9138601463125 153.5540104132341 180.092928227773C151.2901206089765 183.3651881631846 150 187.2306069992751 150 191.2542015422132C150 202.1584393330258 158.8677255651486 211.0261648981744 169.7719633559613 211.0261648981744S189.5439267119225 202.1584393330258 189.5439267119225 191.2542015422132C189.5439267119225 187.2306069992751 188.2538061029461 183.3651881631846 185.9899162986885 180.092928227773zM288.4037434917288 220.912146576155H206.7356488499308C204.9116852303434 220.912146576155 203.2360113359257 219.903776445001 202.3759309299414 218.2973044223292C201.515850523957 216.6858894088183 201.6147103407368 214.7334080274171 202.6329664535689 213.2159098398471C207.0025703552363 206.7010479140579 209.3158900678838 199.1036709945298 209.3158900678838 191.2542015422132C209.3158900678838 179.2279048309497 203.8044552824095 167.873854873789 194.4572596058789 160.3852237527187C194.4770315692348 160.7856060106769 194.4869175509128 161.1909312594741 194.4869175509128 161.5962565082713C194.4869175509128 163.1928425492652 194.3089698807091 164.7647136360641 194.0123904303698 166.306926777829C193.9876754761748 166.4305015488038 193.9777894944968 166.5590193106176 193.9481315494629 166.6825940815923C193.6515520991235 168.1012324523825 193.2066829236143 169.4753839056219 192.6629539313254 170.8198774138272C192.5789230870626 171.0274830290648 192.5047782244778 171.2350886443024 192.4158043893759 171.44269425954C192.34660251763 171.6008699663877 192.2971726092401 171.7689316549133 192.2230277466553 171.9221643709221C196.8447241811112 177.2754234495486 199.4299083899032 184.1313517432281 199.4299083899032 191.2542015422132C199.4299083899032 207.6105582284321 186.1283200421802 220.912146576155 169.7719633559613 220.912146576155S140.1140183220194 207.6105582284321 140.1140183220194 191.2542015422132C140.1140183220194 184.1313517432281 142.6992025308113 177.2754234495486 147.3208989652673 171.9221643709221C147.2467541026824 171.7639886640744 147.1973241942925 171.6008699663877 147.1281223225466 171.44269425954C147.0391484874448 171.2350886443024 146.96500362486 171.0274830290648 146.8809727805971 170.8198774138272C146.3372437883082 169.4803268964608 145.8923746127991 168.1012324523825 145.5957951624597 166.6825940815923C145.5710802082647 166.5590193106176 145.5562512357477 166.4305015488038 145.5315362815528 166.306926777829C145.2349568312134 164.7647136360641 145.0570091610097 163.1928425492652 145.0570091610097 161.5962565082713C145.0570091610097 161.1909312594741 145.0668951426877 160.7856060106769 145.0866671060436 160.3852237527187C135.739471429513 167.873854873789 130.2280366440388 179.2279048309497 130.2280366440388 191.2542015422132C130.2280366440388 213.0577341329994 147.968430765175 230.7981282541357 169.7719633559613 230.7981282541357V240.6841099321163H90.6841099321162C87.9605219798326 240.6841099321163 85.7411190931259 242.9035128188229 85.7411190931259 245.6271007711066S87.9605219798326 250.5700916100969 90.6841099321162 250.5700916100969H169.7719633559613V260.4560732880775H90.6841099321162C87.9605219798326 260.4560732880775 85.7411190931259 262.6754761747842 85.7411190931259 265.3990641270679S87.9605219798326 270.3420549660582 90.6841099321162 270.3420549660582H169.7719633559613V280.2280366440388H90.6841099321162C87.9605219798326 280.2280366440388 85.7411190931259 282.4474395307454 85.7411190931259 285.1710274830291S87.9605219798326 290.1140183220194 90.6841099321162 290.1140183220194H164.8289725169709H169.7719633559613H288.4037434917288V220.912146576155zM268.6317801357675 146.7672839913003C257.7275423449549 146.7672839913003 248.8598167798063 155.635009556449 248.8598167798063 166.5392473472616C248.8598167798063 169.2677782903842 246.6453568839386 171.4822381862519 243.916825940816 171.4822381862519C241.1882949976933 171.4822381862519 238.9738351018256 169.2677782903842 238.9738351018256 166.5392473472616C238.9738351018256 155.635009556449 230.106109536677 146.7672839913003 219.2018717458644 146.7672839913003C216.4733408027417 146.7672839913003 214.2588809068741 144.5528240954327 214.2588809068741 141.82429315231C214.2588809068741 139.0957622091874 216.4733408027417 136.8813023133197 219.2018717458644 136.8813023133197C230.106109536677 136.8813023133197 238.9738351018256 128.0135767481711 238.9738351018256 117.1093389573585C238.9738351018256 114.3808080142358 241.1882949976933 112.1663481183682 243.916825940816 112.1663481183682C246.6453568839386 112.1663481183682 248.8598167798063 114.3808080142358 248.8598167798063 117.1093389573585C248.8598167798063 128.0135767481711 257.7275423449549 136.8813023133197 268.6317801357675 136.8813023133197C271.3603110788901 136.8813023133197 273.5747709747579 139.0957622091874 273.5747709747579 141.82429315231C273.5747709747579 144.5528240954327 271.3603110788902 146.7672839913003 268.6317801357675 146.7672839913003zM243.916825940816 133.4854676069334C241.7221380083042 136.7873854873789 238.8799182758848 139.6246622289593 235.5780003954393 141.8242931523101C238.8799182758848 144.0189810848217 241.7221380083043 146.8612008172412 243.916825940816 150.1631186976867C246.1115138733276 146.8612008172412 248.9537336057471 144.0239240756607 252.2556514861926 141.8242931523101C248.9537336057471 139.6296052197983 246.1164568641666 136.7873854873789 243.916825940816 133.4854676069334zM90.6841099321163 186.3112107032228C79.7798721413036 186.3112107032228 70.912146576155 195.1789362683715 70.912146576155 206.0831740591841C70.912146576155 208.8117050023067 68.6976866802874 211.0261648981744 65.9691557371647 211.0261648981744S61.0261648981744 208.8117050023067 61.0261648981744 206.0831740591841C61.0261648981744 195.1789362683715 52.1584393330258 186.3112107032228 41.2542015422131 186.3112107032228C38.5256705990905 186.3112107032228 36.3112107032228 184.0967508073552 36.3112107032228 181.3682198642325S38.5256705990905 176.4252290252422 41.2542015422131 176.4252290252422C52.1584393330258 176.4252290252422 61.0261648981744 167.5575034600936 61.0261648981744 156.653265669281C61.0261648981744 153.9247347261583 63.2406247940421 151.7102748302907 65.9691557371647 151.7102748302907S70.912146576155 153.9247347261583 70.912146576155 156.653265669281C70.912146576155 167.5575034600936 79.7798721413036 176.4252290252422 90.6841099321163 176.4252290252422C93.4126408752389 176.4252290252422 95.6271007711066 178.6396889211099 95.6271007711066 181.3682198642325S93.4126408752389 186.3112107032228 90.6841099321163 186.3112107032228zM65.9691557371647 173.0293943188559C63.774467804653 176.3313121993014 60.9322480722336 179.1685889408818 57.6303301917881 181.3682198642325C60.9322480722336 183.5629077967442 63.774467804653 186.4051275291636 65.9691557371647 189.7070454096092C68.1638436696764 186.4051275291637 71.0060634020958 183.5678507875832 74.3079812825414 181.3682198642325C71.0060634020958 179.1735319317208 68.1687866605154 176.3313121993014 65.9691557371647 173.0293943188559z" >
+    <glyph glyph-name="house"
+      unicode="&#xF130;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="house-1"
+      unicode="&#x68;&#x6F;&#x75;&#x73;&#x65;"
+      horiz-adv-x="300" d="M296.8078125 113.7111328125C291.1013671875001 122.0970703125 279.6099609375001 124.3166015625 271.1982421875 118.6634765625L232.9130859375 93.0416015625L232.8017578125 172.7935546875L246.1025390625 160.33359375C248.930859375 157.6845703125 252.61875 156.2267578125 256.490625 156.2267578125C256.49765625 156.2267578125 256.505859375 156.2267578125 256.5134765625 156.2267578125C260.6935546875 156.2326171875 264.7294921875 157.9845703125 267.5865234375 161.034375C270.362109375 163.9974609375 271.8181640625 167.8634765625 271.6857421875 171.9216796875C271.5533203125 175.9798828125 269.8482421875 179.743359375 266.88515625 182.5189453125L241.6693359375 206.1404296875C239.9431640625 207.7576171875 237.233203125 207.669140625 235.6166015625 205.94296875C234 204.216796875 234.0884765625 201.507421875 235.8140625 199.890234375L261.0298828125 176.26875C262.3236328125 175.05703125 263.0677734375 173.4140625 263.12578125 171.6427734375C263.183203125 169.871484375 262.548046875 168.1833984375 261.3357421875 166.890234375C260.0701171875 165.5390625 258.3533203125 164.79375 256.5005859375 164.79140625C256.4970703125 164.79140625 256.494140625 164.79140625 256.490625 164.79140625C254.8013671875 164.79140625 253.191796875 165.427734375 251.9572265625 166.584375C251.956640625 166.5849609375 251.956640625 166.5849609375 251.956640625 166.5849609375L151.83046875 260.38125C150.18046875 261.9263671875 147.612890625 261.9240234375 145.9669921875 260.373046875L46.1009765625 166.29609375C44.811328125 165.080859375 43.125 164.44453125 41.353125 164.49375C39.58125 164.546484375 37.9365234375 165.2865234375 36.7212890625 166.57734375C35.5060546875 167.8669921875 34.865625 169.5533203125 34.9189453125 171.324609375C34.9716796875 173.096484375 35.71171875 174.7412109375 37.0013671875 175.9564453125L144.331640625 277.0646484375C146.87578125 279.46171875 150.8671875 279.467578125 153.4177734375 277.076953125L216.2109375 218.253515625C217.9365234375 216.6369140625 220.646484375 216.7248046875 222.263671875 218.4509765625C223.8802734375 220.1771484375 223.791796875 222.8865234375 222.0662109375 224.5037109375L159.2736328125 283.3271484375C153.430078125 288.8021484375 144.2876953125 288.78984375 138.459375 283.2984375L104.1005859375 250.93125L104.0912109375 256.7044921875C104.0888671875 258.5244140625 103.3775390625 260.2341796875 102.0890625 261.5185546875C100.8029296875 262.801171875 99.0955078125 263.5072265625 97.2791015625 263.5072265625C97.2755859375 263.5072265625 97.27265625 263.5072265625 97.269140625 263.5072265625L72.6908203125 263.47265625C70.8708984375 263.4703125 69.16171875 262.758984375 67.8767578125 261.4705078125C66.5923828125 260.18203125 65.8857421875 258.4705078125 65.888671875 256.65L65.956640625 214.9974609375L31.1291015625 182.1890625C28.1736328125 179.4052734375 26.4796875 175.637109375 26.3583984375 171.57890625C26.237109375 167.520703125 27.7037109375 163.658203125 30.4875 160.70390625C33.270703125 157.7484375 37.0388671875 156.05390625 41.09765625 155.9326171875C41.2529296875 155.9279296875 41.408203125 155.9255859375 41.5634765625 155.9255859375C45.451171875 155.9255859375 49.1326171875 157.3845703125 51.973828125 160.0623046875L65.2447265625 172.5638671875L65.2974609375 134.893359375C61.0037109375 135.5185546875 56.6595703125 135.8466796875 52.2955078125 135.8466796875H44.968359375V138.4142578125C44.968359375 147.033984375 37.9552734375 154.0470703125 29.335546875 154.0470703125H15.6328125C7.0130859375 154.04765625 0 147.03515625 0 138.41484375V71.314453125C0 68.949609375 1.9171875 67.032421875 4.28203125 67.032421875S8.5640625 68.949609375 8.5640625 71.314453125V138.41484375C8.5640625 142.3125 11.73515625 145.48359375 15.6328125 145.48359375H29.3349609375C33.2326171875 145.48359375 36.4037109375 142.3125 36.4037109375 138.41484375V131.565234375V43.794140625V37.0119140625C36.4037109375 33.1142578125 33.2326171875 29.9431640625 29.3349609375 29.9431640625H15.6328125C11.73515625 29.9431640625 8.5640625 33.1142578125 8.5640625 37.0119140625V44.5048828125C8.5640625 46.8697265625 6.646875 48.7869140625 4.28203125 48.7869140625S0 46.8697265625 0 44.5048828125V37.0119140625C0 28.3921875 7.0130859375 21.3791015625 15.6328125 21.3791015625H29.3349609375C37.9546875 21.3791015625 44.9677734375 28.3916015625 44.9677734375 37.0119140625V37.59375L107.6771484375 13.846875C107.7931640625 13.8029296875 107.9109375 13.7642578125 108.03046875 13.730859375C110.7568359375 12.9609374999999 113.48203125 12.5748046875 116.17265625 12.5748046875C117.628125 12.5748046875 119.0736328125 12.687890625 120.5044921875 12.9140625L212.661328125 26.1984375C212.6830078125 26.2013671875 212.7041015625 26.2048828125 212.72578125 26.2083984375C220.5609375 27.459375 227.9525390625 30.7716796875 234.10078125 35.7861328125C234.1541015625 35.8294921875 234.2068359375 35.874609375 234.2578125 35.9208984375L293.7955078125 89.4685546875C300.72890625 95.623828125 302.0232421875 106.0458984375 296.8078125 113.7111328125zM95.5294921875 254.940234375L95.5494140625 242.87578125L74.5072265625 223.053515625L74.455078125 254.9115234375L95.5294921875 254.940234375zM148.9107421875 251.38125L224.2259765625 180.82734375L224.356640625 87.3158203125L212.2330078125 79.2017578125L199.39453125 79.921875L199.0552734375 83.33203125C197.860546875 95.342578125 188.994140625 105.0041015625 177.2701171875 107.309765625L177.1927734375 162.9416015625C177.1869140625 167.2107421875 173.7111328125 170.680078125 169.442578125 170.680078125C169.4390625 170.680078125 169.4361328125 170.680078125 169.43203125 170.680078125L128.619140625 170.62265625C126.5490234375001 170.6197265625 124.6037109375 169.8111328125 123.1423828125 168.3451171874999C121.68046875 166.8796874999999 120.8771484375 164.93203125 120.880078125 162.8625L120.948046875 114.3580078125C112.8638671875 116.2060546875 105.1447265625 119.258203125 97.927734375 123.4798828125C97.0271484375 124.006640625 96.1177734375 124.515234375 95.20078125 125.009765625C94.843359375 125.2025390624999 94.480078125 125.3835937499999 94.1197265625 125.5716796874999C93.5619140625 125.862890625 93.0052734375 126.155859375 92.4416015625 126.4353515624999C91.9927734375 126.6580078124999 91.538671875 126.8689453125 91.086328125 127.083984375C90.6064453125 127.3119140625 90.1271484375 127.5421875 89.64375 127.7619140625C89.1515625 127.9851562499999 88.6552734375 128.1978515625 88.1595703125001 128.4123046875C87.7066406250001 128.6080078125 87.2537109375001 128.8048828125 86.7978515625 128.99296875C86.2880859375 129.2033203124999 85.775390625 129.40546875 85.262109375 129.6064453125C84.8068359375 129.7845703124999 84.3509765625 129.9615234375 83.893359375 130.1326171875C83.3853515625 130.3224609375 82.875 130.505859375 82.3634765625 130.6857421875C81.8835937500001 130.855078125 81.403125 131.0203125 80.9203125 131.1814453125C80.43046875 131.344921875 79.939453125 131.5048828125 79.4460937500001 131.66015625C78.9205078125001 131.8259765625 78.392578125 131.9841796875 77.8640625000001 132.140625C77.4099609375001 132.27421875 76.9564453125001 132.4078125 76.5000000000001 132.534375C75.9041015625001 132.7001953125 75.3052734375001 132.85546875 74.7058593750001 133.008984375C74.4251953125001 133.0810546875 74.1462890625001 133.1625 73.8638671875001 133.2322265625L73.7976562500001 180.6216796875L148.9107421875 251.38125zM168.7048828125 108.3814453125L132.889453125 112.5046875L129.5150390625 112.8931640625L129.4458984375 162.059765625L168.6298828125 162.11484375L168.7048828125 108.3814453125zM288.0896484375 95.853515625L228.610546875 42.35859375C223.6541015625 38.3396484375 217.70859375 35.68125 211.4068359375 34.669921875L119.28984375 21.39140625C119.2705078125001 21.3884765625 119.2517578125 21.385546875 119.232421875 21.3826171875L119.1685546875 21.37265625C116.377734375 20.930859375 113.471484375 21.1171875 110.5294921875 21.924609375L44.968359375 46.751953125V127.283203125H52.2955078125C58.5328125 127.283203125 64.7279296875 126.5630859375 70.7607421875 125.164453125C70.98515625 125.1123046875 71.208984375 125.058984375 71.4328125 125.005078125C72.1740234375 124.8263671875 72.9134765625 124.6423828125 73.6494140625 124.4431640625C73.7138671875 124.4255859375001 73.777734375 124.4068359375 73.8421875 124.3892578125C74.5798828125 124.1876953125001 75.3146484375 123.975 76.0470703125 123.7529296875C76.1783203125 123.7130859375001 76.31015625 123.673828125 76.4408203125 123.6333984375C77.2201171875 123.392578125 77.9958984375 123.1412109375 78.767578125 122.8775390625C78.847265625 122.85 78.9263671875 122.821875 79.0060546875 122.7943359375C80.61328125 122.239453125 82.2046875 121.6341796875 83.776171875 120.9791015625C83.86171875 120.943359375 83.947265625 120.9076171875 84.0328125 120.8712890625C84.8162109375 120.5419921875 85.594921875 120.2015625 86.368359375 119.84765625C86.3888671875 119.83828125 86.4099609375 119.8283203125 86.43046875 119.818359375C87.178125 119.475 87.9205078125 119.11875 88.658203125 118.7525390625C88.744921875 118.709765625 88.8322265625 118.667578125 88.9189453125 118.62421875C89.6396484375 118.2638671875 90.3544921875 117.890625 91.065234375 117.50859375C91.1994140625 117.4365234375 91.3330078125 117.3626953125 91.4671875 117.2900390625C92.184375 116.89921875 92.8974609375 116.50078125 93.603515625 116.0876953125C103.7935546875 110.126953125 114.8865234375 106.2662109375 126.5748046875 104.612109375C126.61171875 104.6068359375 126.648046875 104.6021484375 126.6849609375 104.598046875L174.662109375 99.0744140625C174.9275390624999 99.036328125 175.1912109375 98.9923828125 175.453125 98.9431640625C182.5160156249999 97.6166015625 188.090625 92.39765625 189.9556640625 85.6013671875C190.2322265624999 84.5947265625 190.4267578125 83.5529296875 190.5333984375 82.484765625L190.7238281249999 80.56875L100.8058593749999 88.4466796875C98.4515624999999 88.65234375 96.3726562499999 86.9103515625 96.1664062499999 84.5548828125C95.9595703124999 82.198828125 97.7027343749999 80.1216796875 100.0582031249999 79.9154296875L195.1218749999999 71.586328125C195.1447265624999 71.5845703125 195.1669921874999 71.58515625 195.1892578124999 71.5833984375C195.2115234374999 71.581640625 195.2332031249999 71.578125 195.2560546874999 71.5763671875L213.1839843749999 70.5703125C213.2642578124999 70.565625 213.3439453124999 70.5638671875 213.4236328124999 70.5638671875C213.5085937499999 70.5638671875 213.5923828124999 70.57734375 213.6767578124999 70.5826171875C213.7722656249999 70.5884765625 213.8677734374999 70.5919921875 213.9626953124999 70.6037109375C214.0904296874999 70.6201171875 214.2152343749999 70.64765625 214.3406249999999 70.6751953125C214.4302734374999 70.6951171875 214.5205078124999 70.709765625 214.6083984374999 70.735546875C214.7455078124999 70.7748046875 214.8773437499999 70.828125 215.0103515624999 70.8814453125C215.0818359374999 70.91015625 215.1556640624999 70.9318359375 215.2259765624999 70.9646484375C215.4257812499999 71.0572265625 215.6203124999999 71.1638671875 215.8054687499999 71.2880859375L231.0234374999999 81.472265625C231.0240234374999 81.4728515625 231.0246093749999 81.4734375000001 231.0251953124999 81.4740234375L275.9677734374999 111.5513671875C280.4894531249999 114.590625 286.6617187499998 113.3982421875 289.7267578124999 108.8935546875C292.5287109375 104.7767578125 291.833203125 99.178125 288.0896484375 95.853515625z" >
+    <glyph glyph-name="key-1"
+      unicode="&#xF131;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key-1-1"
+      unicode="&#x6B;&#x65;&#x79;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M73.8265388829537 229.1001560513349C73.8265388829537 216.1769961973473 84.3403754997451 205.6631595805559 97.2635353537327 205.6631595805559S120.7005318245116 216.1769961973473 120.7005318245116 229.1001560513349S110.1866952077202 252.5371525221138 97.2635353537327 252.5371525221138S73.8265388829537 242.0227299804106 73.8265388829537 229.1001560513349zM108.9820335891221 229.1001560513349C108.9820335891221 222.6385761243411 103.7251152807264 217.3816578159454 97.2635353537327 217.3816578159454S85.5450371183432 222.6385761243411 85.5450371183432 229.1001560513349S90.8019554267389 240.8186542867243 97.2635353537327 240.8186542867243S108.9820335891221 235.5617359783286 108.9820335891221 229.1001560513349zM38.6710441767853 229.1001560513349C38.6710441767853 196.7916704914543 64.9550497938521 170.5076648743875 97.2635353537327 170.5076648743875C120.6454548828053 170.5076648743875 141.7287909830062 184.4731851464129 150.9805453398462 205.6631595805559H258.9788110021074C259.8887523900854 205.6631595805559 260.7858034300045 205.8746784737047 261.5990672075405 206.2818962873844L296.754561913709 223.8596436404687C298.4396819599579 224.7022036635932 299.6168051077028 226.3029505225474 299.9179705123524 228.1620902675919S299.6091880838498 231.9114237780048 298.2773807593978 233.2438170273686L263.1218860532294 268.399311733537C260.8332633478578 270.686762589085 257.1243586563571 270.686762589085 254.8351500260737 268.399311733537L241.4010636490232 254.964053506663L227.966391347061 268.3987258086252C225.6777686416894 270.6861766641732 221.9688639501886 270.6861766641732 219.6796553199053 268.3987258086252L206.2455689428548 254.964053506663L192.8108966408925 268.3987258086252C190.522273935521 270.6861766641732 186.8133692440202 270.6861766641732 184.5241606137368 268.3987258086252L168.6625873272254 252.5371525221138H150.9799594149345C141.7282050580945 273.7271269562568 120.6454548828053 287.6926472282823 97.2629494288209 287.6926472282823C64.9550497938521 287.6926472282823 38.6710441767853 261.4080556863036 38.6710441767853 229.1001560513349zM141.472741796563 244.7250156734914C142.3000677719815 242.3836597260606 144.5131061637348 240.8186542867243 146.9968418647256 240.8186542867243H171.0900742366864C172.643947102699 240.8186542867243 174.1339541533288 241.4362191437294 175.2331492878083 242.5348283532971L188.6678215897706 255.9689147303476L202.1024938917328 242.5342424283854C204.3911165971044 240.2467915728373 208.1000212886051 240.2467915728373 210.3892299188885 242.5342424283854L223.823316295939 255.9689147303476L237.2579885979012 242.5342424283854C239.5466113032728 240.2467915728373 243.2555159947736 240.2467915728373 245.5447246250569 242.5342424283854L258.9788110021074 255.9689147303476L284.2427213477836 230.7050043846715L257.5954422854197 217.3816578159454H146.9968418647256C144.5136920886465 217.3816578159454 142.3000677719815 215.8166523766091 141.472741796563 213.4752964291783C134.8640947167151 194.7842917437321 117.0976795420411 182.2261631097769 97.2635353537326 182.2261631097769C71.4172156457576 182.2261631097769 50.3895424121747 203.2538363433598 50.3895424121747 229.1001560513349S71.4172156457576 275.9741489928927 97.2635353537326 275.9741489928927C117.0982654669529 275.9741489928927 134.8640947167151 263.4160203589376 141.472741796563 244.7250156734914zM223.823316295939 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 235.5418145313285 63.8693309323433A5.8592491176947 5.8592491176947 0 0 1 223.823316295939 63.8693309323433M242.8488841060056 125.152389304136L209.3093703064974 102.894859680749C205.2366062447878 110.0618932015132 197.5246625560779 114.8447982562875 188.9256285509492 114.8447982562875H160.4028038460112C157.5013036829287 114.8447982562875 154.7509721470828 115.8578624287369 152.658634287154 117.6982525766048L148.5302073588263 121.3280574050167C126.4672048061468 140.7497104554394 93.1860838927289 140.7514682301747 71.1172220909317 121.329815179752L62.2451470769183 113.5258812798944L46.8739929415579 102.6599037911294V106.0553386548336C46.8739929415579 109.2908160176246 44.2502211866542 111.9145877725283 41.0147438238632 111.9145877725283H5.8592491176948C2.6237717549037 111.9145877725283 0 109.2908160176246 0 106.0553386548335V18.1666018894125C0 14.9311245266214 2.6237717549037 12.3073527717177 5.8592491176948 12.3073527717177H41.0147438238632C44.2502211866542 12.3073527717177 46.8739929415579 14.9311245266214 46.8739929415579 18.1666018894125V32.8147246836493H65.2966440174137L166.4161512155013 12.4227799793363C166.8005179576221 12.3454378909827 167.1878143243017 12.3073527717177 167.5745247660695 12.3073527717177C168.8131700295502 12.3073527717177 170.0318938460307 12.7005083875151 171.0467157932154 13.4463908001976L211.930798361754 43.5195728216776C214.5369923693046 45.4367191329873 215.0959647351327 49.1046090806643 213.178818423823 51.7113890131266C211.2616721125133 54.3175830206772 207.5943680897481 54.8759694615935 204.987002232374 52.9594090751956L166.1917419742936 24.4225221723752L67.0397706299279 44.4172097865084C66.6589194372777 44.4939659499503 66.2704512207746 44.532636994127 65.8813970793597 44.532636994127H46.8739929415579V88.308259002248C71.9047051723498 106.0166676106568 67.606360019609 102.4020968299509 78.8578761003182 112.5309807797098C96.5135514666677 128.0685375900127 123.1368076076491 128.0691235149245 140.7901392743516 112.5292230049745L144.9197380525028 108.8982463267391C149.1518736902137 105.1752794373558 154.6496071373467 103.1251281710744 160.4028038460112 103.1251281710744H188.9262144758609C195.3649433312957 103.1251281710744 200.6447127112504 97.7984847981782 200.6447127112504 91.3421781953903C200.6447127112504 84.9163396880145 195.3877944028547 79.6881317002955 188.9262144758609 79.6881317002955H118.615225063524C115.379747700733 79.6881317002955 112.7559759458293 77.0643599453918 112.7559759458293 73.8288825826007S115.379747700733 67.969633464906 118.615225063524 67.969633464906H188.9262144758609C201.6829716549059 67.969633464906 212.0848966135493 78.1881639261656 212.3509065234927 90.8476575698568L249.3110499579111 115.3750603014388C260.9275972586527 123.0243100245892 275.8669247340389 121.4446564624588 285.5768723718827 112.2374323989132L247.4519102128666 84.1944801967144C244.845716205316 82.2773338854048 244.2867438394879 78.6094439377278 246.2038901507976 76.0026640052655C248.1210364621073 73.3964699977148 251.7877545599607 72.836911706975 254.3957063422466 74.7546439431964L297.6129419094512 106.5440000312493C300.1892537465016 108.4394671208235 300.7699053340651 112.0505223520588 298.9172107630501 114.6584741343447C286.0456123012982 132.7688272322274 261.4262193585685 137.3835718373237 242.8488841060056 125.152389304136zM35.1554947061684 24.026436932019H11.7184982353895V100.1966754620506H35.1554947061684z" >
+    <glyph glyph-name="key"
+      unicode="&#xF132;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="key-1"
+      unicode="&#x6B;&#x65;&#x79;"
+      horiz-adv-x="300" d="M64.5698548828125 23.53134140625H268.702698046875C263.868713671875 9.8991392578125 250.8476255859375 0.107574609375 235.5789187500001 0.107574609375H64.5698548828125C45.19500703125 0.107574609375 29.4319154296875 15.870666796875 29.4319154296875 35.2455140625V158.2305908203125L15.78826875 145.783996875L0 163.08975234375L150.075530859375 300L272.735595703125 188.099670703125H237.977600390625L150.075530859375 268.29071015625L52.857971484375 179.6012876953125V35.2455140625C52.857971484375 28.786468359375 58.1108091796875 23.53134140625 64.5698548828125 23.53134140625zM300 105.523681640625C300 73.2307435546875 273.728942578125 46.9573974609375 241.4360044921875 46.9573974609375C222.9583740234375 46.9573974609375 205.5816650390625 55.7853697265625 194.5999148437501 70.383453515625H106.7459109375L76.284026953125 99.3232728515625V111.0466001953125L106.656646875 140.66162109375H194.5999148437501C205.5816650390625 155.259704296875 222.9583740234375 164.0876771484375 241.4360044921875 164.0876771484375C273.7289425781251 164.0876771484375 300 137.8166197265625 300 105.523681640625zM276.5739439453125 105.523681640625C276.5739439453125 124.89852890625 260.81085234375 140.66162109375 241.4360044921875 140.66162109375C228.9413449218751 140.66162109375 217.2798158203125 133.925628515625 211.0061648437501 123.081207421875L207.62100234375 117.2355650390625H116.1872865234375L103.9741517578125 105.3291322265625L116.0980224609375 93.809508984375H132.8865052734375L148.187255859375 109.91592421875L165.1382449218751 93.809508984375H207.623291015625L211.0061648437501 87.9638671875C217.2821044921875 77.11944609375 228.9413449218751 70.383453515625 241.4360044921875 70.383453515625C260.81085234375 70.383453515625 276.5739439453125 86.146545703125 276.5739439453125 105.523681640625zM253.1478878906251 117.2355650390625C246.6796875000001 117.2355650390625 241.4360044921875 111.99188203125 241.4360044921875 105.523681640625C241.4360044921875 99.0531919921875 246.6796875 93.809508984375 253.1478878906251 93.809508984375C259.6183775390625 93.809508984375 264.8620605468751 99.0531919921875 264.8620605468751 105.523681640625C264.8620605468751 111.99188203125 259.6183775390625 117.2355650390625 253.1478878906251 117.2355650390625zM253.1478878906251 117.2355650390625" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#xF133;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote-1-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M279.858984375 164.6888671875C267.2859375 177.4921875 250.618359375 184.904296875 232.7642578125 185.6724609375C232.6798828125 186.7880859375 232.6171875 188.3255859375 232.6171875 190.4296875C232.6171875 199.05 239.17265625 225.3896484375 243.3052734375 239.9671875L247.533984375 254.8828125H196.215234375L192.7775390625 249.3439453125C191.4140625 247.1466796875 159.375 194.61796875 159.375 115.4296875C159.375 76.659375 190.9171875 45.1171875 229.6875 45.1171875S300 76.659375 300 115.4296875C300 133.9693359375 292.846875 151.4630859375 279.858984375 164.6888671875zM229.6875 68.5546875C203.840625 68.5546875 182.8125 89.5828125 182.8125 115.4296875C182.8125 173.625 202.05234375 216.699609375 209.65546875 231.4453125H216.7623046875C213.394921875 218.2125 209.1796875 199.7806640625 209.1796875 190.4296875C209.1796875 183.009375 209.73046875 177.048046875 212.4205078125 172.072265625C214.81640625 167.640234375 219.82734375 162.3615234375 230.105859375 162.3052734375L230.6173828125 162.2923828125C255.9515625 161.8013671875 276.5625 140.7791015625 276.5625 115.4296875C276.5625 89.5828125 255.534375 68.5546875 229.6875 68.5546875zM120.483984375 164.6888671875C107.9109375 177.4921875 91.243359375 184.904296875 73.3892578125 185.6724609375C73.3048828125 186.7880859375 73.2421875 188.3255859375 73.2421875 190.4296875C73.2421875 199.05 79.79765625 225.3896484375 83.9302734375 239.9671875L88.158984375 254.8828125H36.840234375L33.4025390625 249.3439453125C32.0390625 247.1466796875 0 194.61796875 0 115.4296875C0 76.659375 31.5421875 45.1171875 70.3125 45.1171875S140.625 76.659375 140.625 115.4296875C140.625 133.9693359375 133.471875 151.4630859375 120.483984375 164.6888671875zM70.3125 68.5546875C44.465625 68.5546875 23.4375 89.5828125 23.4375 115.4296875C23.4375 173.625 42.67734375 216.699609375 50.28046875 231.4453125H57.3873046875C54.019921875 218.2125 49.8046875 199.7806640625 49.8046875 190.4296875C49.8046875 183.009375 50.35546875 177.048046875 53.0455078125 172.072265625C55.44140625 167.640234375 60.45234375 162.3615234375 70.730859375 162.3052734375L71.2423828125 162.2923828125C96.5765625 161.8013671875 117.1875 140.7791015625 117.1875 115.4296875C117.1875 89.5828125 96.159375 68.5546875 70.3125 68.5546875z" >
+    <glyph glyph-name="left-quote"
+      unicode="&#xF134;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937501 73.96046484375 299.9970135937501 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quote-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M237.32467875 177.06718125C236.7204665625 183.5992096875 237.18264703125 201.3559340625 254.19310921875 226.0478090625C255.4798364062501 227.9110903125 255.2463946875 230.42405671875 253.6484418750001 232.021558125C246.7132687500001 238.9567134375 242.419516875 243.3329653125 239.4078253125 246.39530625C235.4478117187501 250.4331215625 233.6398420312501 252.27296484375 230.9937534375001 254.67202640625C229.2270182812501 256.26015328125 226.5537496875001 256.2878071875 224.7682748437501 254.7310884375C195.1189040625 228.9315590625 162.1873495312501 175.62062109375 166.9526695312501 110.30686453125C169.7449921875 71.955620625 197.7190551562501 44.1189046875 233.4659278125001 44.1189046875C270.1507687500001 44.1189046875 299.9970135937502 73.96046484375 299.9970135937502 110.64577078125C299.99701359375 146.0354625 272.2203253125 175.0576528125 237.32467875 177.06718125zM233.4659278125 53.49390515625C202.76795625 53.49390515625 178.73092875 77.672964375 176.30045390625 110.98421203125C176.30045390625 110.98421203125 176.30045390625 110.98421203125 176.30045390625 110.9888971875C170.93984484375 184.44624234375 214.605778125 232.15890515625 227.79874171875 244.79312015625C229.08498609375 243.52515046875 230.554515 242.0331225 232.7196834375 239.8267153125C235.32873984375 237.17171296875 238.8996717187501 233.53702921875 244.30108640625 228.11687015625C223.6512421875 196.30233984375 227.5470253125 173.63406140625 229.254215625 170.3837428125C230.06467171875 168.84108796875 231.7263900000001 167.80186640625 233.46592734375 167.80186640625C264.982813125 167.80186640625 290.622013125 142.16265703125 290.622013125 110.64577171875C290.62201359375 79.13312296875 264.98281359375 53.49390515625 233.4659278125 53.49390515625zM70.84531640625 177.06718125C70.23641015625 183.580935 70.6850053125 201.32406046875 87.71375109375 226.0478090625C88.99578421875 227.9110903125 88.76656265625 230.42405671875 87.1690659375 232.021558125C80.247500625 238.94311921875 75.95844234375 243.31468171875 72.95093953125 246.377026875C68.97781453125 250.42374703125 67.16469046875 252.2687446875 64.519066875 254.67202640625C62.75187984375 256.26015328125 60.078598125 256.28312203125 58.2935971875 254.7357778125C28.6442240625 228.93624421875 -4.29202640625 175.6342153125 0.46391015625 110.30686921875V110.3021840625C3.26562890625 71.9556253125 31.243910625 44.11890890625 66.99078515625 44.11890890625C103.6760953125 44.11890890625 133.52234953125 73.9604690625 133.52234953125 110.645775C133.52234953125 146.03968265625 105.745160625 175.06655765625 70.84531640625 177.06718125zM66.99078515625 53.49390515625C36.2979721875 53.49390515625 12.24688125 77.672964375 9.81172171875 110.9888971875V110.98421203125C4.46515921875 184.45984125 48.13109625 232.16358984375 61.32359953125 244.7931196875C62.61453796875 243.52515 64.08875578125 242.02374328125 66.25860046875 239.8126509375C68.86297171875 237.1576528125 72.42922359375 233.52764953125 77.82171984375 228.1168696875C57.17187984375 196.29765421875 61.06765875 173.6340609375 62.7748490625 170.3884359375C63.58531875 168.8457721875 65.25125671875 167.80186546875 66.990785625 167.80186546875C98.50813171875 167.80186546875 124.14735 142.16265609375 124.14735 110.64577078125C124.14734953125 79.13312296875 98.50813171875 53.49390515625 66.99078515625 53.49390515625z" >
+    <glyph glyph-name="left-quotes-sign"
+      unicode="&#xF135;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="left-quotes-sign-1"
+      unicode="&#x6C;&#x65;&#x66;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;&#x73;&#x2D;&#x73;&#x69;&#x67;&#x6E;"
+      horiz-adv-x="300" d="M0.0637740038264 91.8274795096488C0.0637740038264 52.3856201431372 32.0358079221485 20.4135862248152 71.4770767886246 20.4135862248152C110.9189361551362 20.4135862248152 142.8909700734582 52.3856201431372 142.8909700734582 91.8274795096488S110.9189361551362 163.240782294447 71.4770767886246 163.240782294447C63.371282802277 163.240782294447 55.6121123367267 161.8277157096629 48.3483714009023 159.3375770602546C64.4194203651652 251.5093180905591 136.2956751777405 310.9496421569786 69.6666036799962 262.0290762217446C-4.2149892528994 207.7816094668966 -0.0153530009212 94.0099676405981 0.067317004039 91.9249120154947C0.067317004039 91.8924345135461 0.0637740038264 91.86350001181 0.0637740038264 91.8274795096488zM157.1728039303683 91.8274795096488C157.1728039303683 52.3856201431372 189.1448378486903 20.4135862248152 228.5866972152019 20.4135862248152S300.0005905000355 52.3856201431372 300.0005905000355 91.8274795096488S268.027966081678 163.240782294447 228.5861067151664 163.240782294447C220.4797222287834 163.240782294447 212.7211422632686 161.8277157096629 205.4574013274441 159.3375770602546C221.528450291707 251.5093180905591 293.4047051042824 310.9496421569786 226.7756336065381 262.0290762217446C152.8940406736425 207.7816094668966 157.0930864255852 94.0099676405981 157.1763469305809 91.9249120154947C157.1763469305809 91.8924345135461 157.1728039303683 91.86350001181 157.1728039303683 91.8274795096488z" >
+    <glyph glyph-name="location"
+      unicode="&#xF136;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875001C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="location-1"
+      unicode="&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M150 156.296484375C177.1171875 156.296484375 199.17890625 178.3552734375 199.17890625 205.4689453125S177.1171875 254.6408203125 150 254.6408203125S100.82109375 232.5826171875001 100.82109375 205.4689453125S122.8828125 156.296484375 150 156.296484375zM150 237.0650390625C167.424609375 237.0650390625 181.60078125 222.890625 181.60078125 205.4689453125C181.60078125 188.0466796875 167.4251953125 173.872265625 150 173.872265625S118.39921875 188.0466796875 118.39921875 205.4689453125C118.39921875 222.890625 132.575390625 237.0650390625001 150 237.0650390625001zM96.45234375 117.1107421875C109.7736328125 99.07734375 104.4216796875 106.0904296875 142.791796875 51.308203125C146.279296875 46.3095703125 153.6955078125 46.2861328125 157.2029296875 51.3005859375C195.746484375 106.34296875 190.4431640625 99.371484375 203.54765625 117.111328125C216.8220703125 135.0832031250001 230.5494140625 153.6667968750001 238.0716796875 175.44375C248.9589843750001 206.9677734375001 244.252734375 238.1589843750001 224.8212890625 263.2722656250001C224.8207031250001 263.2722656250001 224.8207031250001 263.2728515625 224.8201171875 263.2728515625C207.0205078125 286.2703125000001 179.0501953125001 300.0000000000001 150 300.0000000000001S92.9794921875 286.2703125000001 75.179296875 263.2716796875002C55.7478515625 238.1583984375001 51.0416015625 206.9666015625001 61.9294921875 175.442578125C69.4505859375 153.6662109375001 83.1779296875 135.0826171875 96.45234375 117.1107421875zM89.08125 252.5162109375001C103.576171875 271.243359375 126.3498046875 282.42421875 150 282.42421875S196.423828125 271.243359375 210.91875 252.5162109375001L210.917578125 252.516796875C226.6013671875 232.2480468750001 230.3431640625 206.9132812500001 221.4556640625 181.180078125C214.81171875 161.944921875 201.8970703125 144.4611328125 189.4078125 127.552734375C179.68359375 114.3884765625001 182.5939453125 118.4150390625 150 71.6935546875C117.4400390625 118.3681640625001 120.3134765625 114.3925781250001 110.5921875 127.552734375C98.1029296875 144.4611328125 85.18828125 161.9455078125001 78.5443359375 181.180078125C69.6568359375 206.9138671875 73.3986328125 232.2480468750001 89.08125 252.5162109375001zM103.67109375 79.0037109375C101.07890625 83.1064453125 95.65078125 84.3328125000001 91.546875 81.7400390625L66.556640625 65.956640625C61.105078125 62.513671875 61.0998046875 54.54375 66.556640625 51.097265625L145.306640625 1.358203125C148.1736328125 -0.4529296875 151.8275390625 -0.45234375 154.6939453125 1.358203125L233.4439453125 51.097265625C238.89609375 54.540234375 238.90078125 62.51015625 233.4439453125 65.956640625L208.4537109375 81.7400390625C204.3486328125 84.3322265625 198.92109375 83.1064453125 196.3294921875 79.0037109375C193.73671875 74.900390625 194.9625 69.4728515625 199.06640625 66.8806640625L212.293359375 58.526953125L150 19.182421875L87.7072265625 58.526953125L100.9341796875 66.8806640625001C105.0380859375 69.4722656250001 106.26328125 74.8998046875001 103.67109375 79.0037109375001z" >
+    <glyph glyph-name="loupe"
+      unicode="&#xF137;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="loupe-1"
+      unicode="&#x6C;&#x6F;&#x75;&#x70;&#x65;"
+      horiz-adv-x="300" d="M132.113671875 300C59.2681640625 300 0 240.7318359375 0 167.886328125C0 95.03671875 59.2681640625 35.77265625 132.113671875 35.77265625C204.96328125 35.77265625 264.22734375 95.03671875 264.22734375 167.886328125C264.22734375 240.7318359375 204.96328125 300 132.113671875 300zM132.113671875 60.1623046875C72.7154296875 60.1623046875 24.390234375 108.4875 24.390234375 167.8857421875S72.7154296875 275.609765625 132.113671875 275.609765625S239.837109375 227.2845703125 239.837109375 167.886328125S191.5119140625 60.1623046875 132.113671875 60.1623046875zM296.426953125 20.8171875L226.508203125 90.7359375C221.7439453125 95.5001953125 214.0283203125 95.5001953125 209.2640625 90.7359375C204.4998046875 85.97578125 204.4998046875 78.251953125 209.2640625 73.491796875L279.1828125 3.573046875C281.5646484375 1.1912109375 284.6830078125 0 287.8048828125 0C290.92265625 0 294.04453125 1.1912109375 296.426953125 3.573046875C301.1912109375 8.333203125 301.1912109375 16.05703125 296.426953125 20.8171875z" >
+    <glyph glyph-name="mall"
+      unicode="&#xF138;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="mall-1"
+      unicode="&#x6D;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M273.1400390625 48.69609375C288.5888671875 52.8369140625 300 66.95390625 300 83.6912109375S288.5888671875 114.5455078125 273.1400390625 118.686328125V181.640625H283.7888671875V237.4998046875H226.0740234375C222.90703125 253.6048828125 214.686328125 268.3224609375 202.442578125 279.5724609375C188.105859375 292.7455078125 169.4818359375 300 150 300C130.5181640625 300 111.894140625 292.7455078125 97.557421875 279.573046875C85.313671875 268.323046875 77.09296875 253.60546875 73.9259765625 237.500390625H16.2111328125V181.640625H26.8599609375V118.686328125C11.4111328125 114.5455078125 0 100.428515625 0 83.6912109375C0 66.9544921875 11.4111328125 52.8375 26.8599609375 48.69609375V17.578125H0V0H300V17.578125H273.1400390625V48.69609375zM33.7892578125 219.9216796875H89.5681640625L90.289453125 227.9220703125C91.6265625 242.7580078125 98.431640625 256.5046875 109.45078125 266.6291015625C120.534375 276.81328125 134.9349609375 282.421875 150 282.421875S179.465625 276.81328125 190.54921875 266.6291015625C201.568359375 256.5046875 208.3734375 242.7580078125 209.710546875 227.9220703125L210.43125 219.922265625H266.21015625V199.21875H194.4603515625L150 243.6796875L105.5396484375 199.21875H33.7892578125V219.9216796875zM150 137.3865234375L194.2541015625 181.640625H255.5619140625V121.2890625H44.4380859375V181.640625H105.7458984375L150 137.3865234375zM121.7126953125 190.5328125L150 218.820703125L178.2873046875 190.5333984375L150 162.2455078125L121.7126953125 190.5328125zM17.578125 83.6912109375C17.578125 93.976171875 25.9453125 102.3439453125 36.2302734375 102.3439453125C46.5158203125 102.3439453125 54.8830078125 93.976171875 54.8830078125 83.6912109375S46.5158203125 65.0390625 36.2302734375 65.0390625C25.9453125 65.0390625 17.578125 73.40625 17.578125 83.6912109375zM91.2111328125 17.578125H44.5330078125V48.4318359375C60.5208984375 52.196484375 72.4611328125 66.5712890625 72.4611328125 83.6912109375C72.4611328125 91.0880859375 70.228125 97.97109375 66.4083984375 103.7109375H91.2111328125V17.578125zM141.2109375 17.578125H108.7892578125V103.7109375H141.2109375V17.578125zM191.2107421875 17.578125H158.7890625V103.7109375H191.2107421875V17.578125zM255.4669921875 17.578125H208.7888671875V103.7109375H233.5916015625C229.7712890625 97.97109375 227.5388671875 91.0880859375 227.5388671875 83.6912109375C227.5388671875 66.5712890625 239.4791015625 52.196484375 255.4669921875 48.4318359375V17.578125zM245.1169921875 83.6912109375C245.1169921875 93.976171875 253.4841796875 102.3439453125 263.7697265625 102.3439453125C274.0546875 102.3439453125 282.421875 93.976171875 282.421875 83.6912109375S274.0546875 65.0390625 263.7697265625 65.0390625C253.4841796875 65.0390625 245.1169921875 73.40625 245.1169921875 83.6912109375z" >
+    <glyph glyph-name="maps-and-location"
+      unicode="&#xF139;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="maps-and-location-1"
+      unicode="&#x6D;&#x61;&#x70;&#x73;&#x2D;&#x61;&#x6E;&#x64;&#x2D;&#x6C;&#x6F;&#x63;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M289.7026060546875 173.34365859375C288.3247376953125 174.4560240234375 286.51886015625 174.886321875 284.7908021484375 174.51553359375L195.3666685546875 155.38330078125L185.337066796875 157.5279234375L211.800384375 210.53466796875C211.8438720703125 210.621643359375 211.88507109375 210.7086181640625 211.923980859375 210.79559296875C215.476226953125 218.881988671875 217.2775265625 227.48565703125 217.2775265625 236.370849609375C217.2775265625 271.45614609375 188.7359619140625 300 153.6506654296875 300C118.565368359375 300 90.0215150390625 271.45614609375 90.0215150390625 236.370849609375C90.0215150390625 227.48565703125 91.822815234375 218.881988671875 95.37735 210.79559296875C95.416259765625 210.7086181640625 95.45516953125 210.621643359375 95.4986572265625 210.53466796875L114.385986328125 172.70965546875L105.940246875 174.51553359375C105.8624267578125 174.533844140625 105.78231796875 174.54071015625 105.702209765625 174.5521546875C105.5877685546875 174.57275390625 105.4756166015625 174.593353125 105.361175390625 174.607086328125C105.2558900390625 174.6185302734375 105.152893359375 174.6208189453125 105.04989609375 174.627685546875C104.93545546875 174.6345521484375 104.823303515625 174.643707421875 104.7111509765625 174.643707421875C104.603576953125 174.643707421875 104.498291015625 174.6345521484375 104.39071640625 174.62997421875C104.280853125 174.623108203125 104.17098984375 174.6185302734375 104.063415234375 174.607086328125C103.95126328125 174.593353125 103.8414 174.57275390625 103.73153671875 174.554443359375C103.6491392578125 174.54071015625 103.56903046875 174.533844140625 103.48663359375 174.517822265625L12.835693359375 155.1200865234375C10.1348876953125 154.543304296875 8.203125 152.1537779296875 8.203125 149.391174609375V101.0627748046875C8.203125 97.8263853515625 10.826110546875 95.2033998046875 14.0625 95.2033998046875S19.921875 97.8263853515625 19.921875 101.0627748046875V144.6533203125L98.854065234375 161.540221875V29.99267578125L19.921875 13.10577421875V54.1877748046875C19.921875 57.424163671875 17.298889453125 60.0471498046875 14.0625 60.0471498046875S8.203125 57.424163671875 8.203125 54.1877748046875V5.859375C8.203125 4.0901185546875 9.0019224609375 2.414703515625 10.377502734375 1.304626171875C11.43035859375 0.453186328125 12.7326966796875 0 14.0625 0C14.469909375 0 14.881897265625 0.0434876953125 15.289306640625 0.1304625L104.713440234375 19.2626953125L194.1398619140625 0.1304625C194.1719056640625 0.123596484375 194.203948828125 0.1190185546876 194.235992578125 0.114440625C194.366455078125 0.0892640625 194.496917578125 0.06866484375 194.627380078125 0.05264296875C194.6868896484375 0.0457763671875 194.7441099609375 0.03662109375 194.80361953125 0.0297544921875C194.989013671875 0.0114439453125 195.176696484375 1e-13 195.3666685546875 1e-13C195.554351953125 1e-13 195.742034765625 0.0114439453125 195.92742890625 0.0297544921875C195.9869384765625 0.0366210937501 196.046448046875 0.0457763671876 196.103668359375 0.05264296875C196.234130859375 0.06866484375 196.364593359375 0.0892640625 196.4927671875 0.114440625C196.5248109375 0.1213072265625 196.559143359375 0.123596484375 196.5911865234375 0.1304625L287.242126171875 19.5259095703125C289.9452210937501 20.10498046875 291.8769837890626 22.4922181640625 291.8769837890626 25.254821484375V73.5832212890625C291.8769837890626 76.8196107421875 289.25399765625 79.4425962890625 286.0176087890626 79.4425962890625C282.7812193359375 79.4425962890625 280.1582337890626 76.8196107421875 280.1582337890626 73.5832212890625V29.994964453125L201.2260435546875 13.10577421875V144.6533203125L280.1582337890626 161.5402218750001V120.4582212890625C280.1582337890626 117.221832421875 282.7812193359375 114.5988462890625 286.0176087890626 114.5988462890625C289.25399765625 114.5988462890625 291.8769837890626 117.221832421875 291.8769837890626 120.4582212890625V168.78662109375C291.8769837890626 170.5558775390625 291.078186328125 172.22900390625 289.7026060546875 173.34365859375zM101.7402650390625 236.370849609375C101.7402650390625 264.99481171875 125.026702734375 288.28125 153.6506654296875 288.28125C182.2746275390625 288.28125 205.5610658203125 264.99481171875 205.5610658203125 236.370849609375C205.5610658203125 229.1656494140625 204.1099546875 222.1916197265625 201.251220703125 215.638733203125L153.6506654296875 120.298004296875L106.05011015625 215.638733203125C103.1890869140625 222.1916197265625 101.7402650390625 229.1656494140625 101.7402650390625 236.370849609375zM110.572815234375 161.540221875L121.083069140625 159.2926025390625L148.40927109375 104.5646666015625C149.400329296875 102.577972265625 151.430511328125 101.3214111328125 153.6506654296875 101.3214111328125C155.8708189453125 101.3214111328125 157.9010009765625 102.577972265625 158.8943484375 104.5646666015625L179.9308775390625 146.701812890625L189.5072935546875 144.6533203125V13.10577421875L110.57510390625 29.994964453125V161.540221875zM110.572815234375 161.540221875M191.326904296875 236.370849609375C191.326904296875 257.1464537109375 174.42626953125 274.049377734375 153.6506654296875 274.049377734375S115.9721373046875 257.1464537109375 115.9721373046875 236.370849609375S132.875061328125 198.6946107421875 153.6506654296875 198.6946107421875S191.326904296875 215.5952455078125 191.326904296875 236.370849609375zM127.6908873046875 236.370849609375C127.6908873046875 250.685119921875 139.3363951171875 262.330627734375 153.6506654296875 262.330627734375C167.96493515625 262.330627734375 179.61044296875 250.685119921875 179.61044296875 236.370849609375C179.61044296875 222.0588685546875 167.96493515625 210.4133607421875 153.6506654296875 210.4133607421875C139.3363951171875 210.4133607421875 127.6908873046875 222.0588685546875 127.6908873046875 236.370849609375zM127.6908873046875 236.370849609375M14.0625 71.7658998046875C17.28973359375 71.7658998046875 19.921875 74.398040625 19.921875 77.6252748046875C19.921875 80.8525083984375 17.28973359375 83.4846498046875 14.0625 83.4846498046875S8.203125 80.8525083984375 8.203125 77.6252748046875C8.203125 74.398040625 10.83526640625 71.7658998046875 14.0625 71.7658998046875zM14.0625 71.7658998046875M286.0176087890626 102.8800962890625C282.790374609375 102.8800962890625 280.1582337890626 100.24795546875 280.1582337890626 97.0207212890625C280.1582337890626 93.7934876953125 282.790374609375 91.1613462890625 286.0176087890626 91.1613462890625C289.2448423828125 91.1613462890625 291.8769837890626 93.7934876953125 291.8769837890626 97.0207212890625C291.8769837890626 100.24795546875 289.2448423828125 102.8800962890625 286.0176087890626 102.8800962890625zM286.0176087890626 102.8800962890625" >
+    <glyph glyph-name="measure"
+      unicode="&#xF13A;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="measure-1"
+      unicode="&#x6D;&#x65;&#x61;&#x73;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M141.2109375 106.0546875H158.7890625V70.3125H141.2109375zM141.2109375 106.0546875M123.6328125 123.6328125H176.3671875V70.3125H211.5234375V247.265625H88.4765625V70.3125H123.6328125zM158.7890625 229.1015625H176.3671875V211.5234375H158.7890625zM158.7890625 193.9453125H176.3671875V176.3671875H158.7890625zM158.7890625 158.7890625H176.3671875V141.2109375H158.7890625zM123.6328125 229.1015625H141.2109375V211.5234375H123.6328125zM123.6328125 193.9453125H141.2109375V176.3671875H123.6328125zM123.6328125 158.7890625H141.2109375V141.2109375H123.6328125zM123.6328125 158.7890625M264.2578125 35.15625H211.5234375V52.734375H193.9453125V35.15625H106.0546875V52.734375H88.4765625V0H106.0546875V17.578125H193.9453125V0H211.5234375V17.578125H264.2578125V0H281.8359375V52.734375H264.2578125zM264.2578125 35.15625M18.1640625 282.421875H35.7421875V264.84375H18.1640625V247.265625H35.7421875V87.890625H18.1640625V70.3125H70.8984375V87.890625H53.3203125V247.265625H70.8984375V264.84375H53.3203125V282.421875H70.8984375V300H18.1640625zM18.1640625 282.421875M106.0546875 264.84375H193.9453125V282.421875H211.5234375V300H88.4765625V282.421875H106.0546875zM106.0546875 264.84375M229.1015625 229.1015625V70.3125H281.8359375V229.1015625zM264.2578125 106.0546875H246.6796875V123.6328125H264.2578125zM264.2578125 141.2109375H246.6796875V158.7890625H264.2578125zM264.2578125 176.3671875H246.6796875V193.9453125H264.2578125zM264.2578125 176.3671875" >
+    <glyph glyph-name="metro"
+      unicode="&#xF13B;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="metro-1"
+      unicode="&#x6D;&#x65;&#x74;&#x72;&#x6F;"
+      horiz-adv-x="300" d="M150 300C67.405700390625 300 0 232.5874330078125 0 150C0 104.937744140625 20.709228515625 62.1711732421875 56.5727232421875 33.4098814453125L23.435211328125 0H276.564788671875L243.4272767578125 33.4098814453125C279.290771484375 62.1711732421875 300 104.937744140625 300 150C300 232.5920103515625 232.5897216796875 300 150 300zM65.627288671875 17.578125L85.81924453125 38.0859375H214.18075546875L234.372711328125 17.578125zM211.5234375 158.7890625H158.7890625V193.9453125H211.5234375zM89.9871826171875 211.5234375C93.617248828125 221.7521666015625 103.385925 229.1015625 114.84375 229.1015625H185.15625C196.614075 229.1015625 206.382751171875 221.7521666015625 210.0128173828125 211.5234375zM88.4765625 193.9453125H141.2109375V158.7890625H88.4765625zM88.4765625 141.2109375H211.5234375V88.4765625H88.4765625zM181.494140625 70.8984375L196.746826171875 55.6640625H103.253173828125L118.505859375 70.8984375zM230.9783935546875 45.96405L206.252288671875 70.8984375H229.1015625V202.734375C229.1015625 226.9660951171875 209.3879701171875 246.6796875 185.15625 246.6796875H114.84375C90.6120298828125 246.6796875 70.8984375 226.9660951171875 70.8984375 202.734375V70.8984375H93.747711328125L69.0216064453125 45.96405C36.749267578125 71.104430859375 17.578125 109.739684765625 17.578125 150C17.578125 223.01788359375 76.98211640625 282.421875 150 282.421875S282.421875 223.01788359375 282.421875 150C282.421875 109.739684765625 263.250732421875 71.104430859375 230.9783935546875 45.96405zM230.9783935546875 45.96405M114.84375 127.27432265625L127.27432265625 114.846038671875L114.84375 102.415466015625L102.415466015625 114.846038671875zM114.84375 127.27432265625M185.15625 127.276611328125L197.58682265625 114.846038671875L185.15625 102.4177552734375L172.72567734375 114.846038671875zM185.15625 127.276611328125" >
+    <glyph glyph-name="mortarboard"
+      unicode="&#xF13C;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortarboard-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x61;&#x72;&#x62;&#x6F;&#x61;&#x72;&#x64;"
+      horiz-adv-x="300" d="M282.421875 86.2259765625V207.648046875L294.2859375 212.0783203125C297.721875 213.362109375 300 216.64453125 300 220.3125S297.721875 227.262890625 294.2859375 228.54609375L153.075 281.28046875C151.0921875 282.02109375 148.9083984375 282.02109375 146.9255859375 281.28046875L5.7146484375 228.54609375C2.278125 227.262890625 0 223.98046875 0 220.3125S2.278125 213.362109375 5.7140625 212.07890625L64.23046875 190.2263671875C50.3771484375 151.137890625 53.872265625 130.576171875 53.3203125 123.6328125C53.3203125 120.7166015625 54.7669921875 117.9896484375 57.181640625 116.3548828125C59.596875 114.71953125 62.66484375 114.3896484375 65.373046875 115.4724609375C65.5775390625 115.5539062500001 86.0068359375 123.6328125 106.0546875 123.6328125C124.6001953125 123.6328125 144.3234375 108.1283203125 144.5091796875 107.9806640625C147.71953125 105.4130859375 152.28046875 105.4130859375 155.490234375 107.9806640625C160.932421875 112.3341796875 178.449609375 123.6328125 193.9453125 123.6328125C213.882421875 123.6328125 234.42890625 115.5509765625001 234.6263671875 115.4724609375C237.333984375 114.3896484375 240.403125 114.7201171875 242.8177734375 116.3548828125C245.2330078125 117.9896484375 246.6796875 120.7166015625 246.6796875 123.6328125C246.1693359375 130.048828125 249.5501953125 151.34296875 235.7689453125 190.2263671875L264.84375 201.0837890625V86.2259765625C260.325 83.784375 256.3833984375 79.4044921875 253.341796875 73.3212890625C249.4236328125 65.484375 247.265625 55.259765625 247.265625 44.53125V26.953125C247.265625 22.09921875 251.20078125 18.1640625 256.0546875 18.1640625H291.2109375C296.06484375 18.1640625 300 22.09921875 300 26.953125V44.53125C300 55.259765625 297.8419921875 65.484375 293.923828125 73.3212890625C290.8822265625 79.4044921875 286.940625 83.784375 282.421875 86.2259765625zM150 263.66484375L266.08828125 220.3125C254.1123046875 215.8400390625 161.58984375 181.287890625 150 176.96015625C138.41015625 181.287890625 45.8876953125 215.8400390625 33.91171875 220.3125zM229.0294921875 135.8068359375C220.016015625 138.3697265625 207.0662109375 141.2109375 193.9453125 141.2109375C175.9669921875 141.2109375 158.5705078125 131.3572265625 150 125.6484375C141.4294921875 131.3572265625 124.032421875 141.2109375 106.0546875 141.2109375C92.934375 141.2109375 79.983984375 138.3697265625 70.9705078125 135.8068359375C71.476171875 153.6755859375 74.649609375 166.983984375 80.698828125 184.0763671875L146.9255859375 159.34453125C148.9078125 158.60390625 151.0921875 158.60390625 153.075 159.34453125L219.3017578125 184.0763671875C225.350390625 166.983984375 228.5232421875 153.675 229.0294921875 135.8068359375zM282.421875 35.7421875H264.84375V44.53125C264.84375 52.4671875 266.382421875 60.0955078125 269.0642578125 65.459765625C271.3107421875 69.952734375 273.328125 70.8984375 273.6328125 70.8984375S275.9548828125 69.952734375 278.2013671875 65.459765625C280.883203125 60.0955078125 282.421875 52.4671875 282.421875 44.53125z" >
+    <glyph glyph-name="mortgage"
+      unicode="&#xF13D;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mortgage-1"
+      unicode="&#x6D;&#x6F;&#x72;&#x74;&#x67;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M292.4982861428546 15.0004980439568H269.9984179780197V134.9997949230767H284.9983300879096C291.0633336132796 134.9997949230767 296.5330281267883 138.6548516317288 298.8580145038213 144.2598969146666C301.1777274742531 149.8649421976043 299.8980474723781 156.314904404857 295.6078382353228 160.6098011144466L160.608629246313 295.6090101034564C157.6789589123501 298.533992964885 153.8393329726583 299.9988281318664 149.9991210988998 299.9988281318664S142.3192832854495 298.533992964885 139.394300424021 295.6037366968553L97.4994287142849 253.7141383937204V269.9990039120865C97.4994287142849 278.2841116165335 90.7846243088419 284.9989160219764 82.4995166043949 284.9989160219764H67.4996044945049C59.2144967900579 284.9989160219764 52.4996923846149 278.2841116165335 52.4996923846149 269.9990039120865V208.7144020640504L4.3950914350111 160.6098011144466C0.1048821979559 156.3195918773914 -1.1800712105203 149.8696296701387 1.1449151665127 144.2598969146666C3.4646281369445 138.6548516317288 8.93490858452 134.9997949230767 14.99991210989 134.9997949230767H29.99982421978V15.0004980439568H7.499956054945C3.3550584664543 15.0004980439568 0 11.6454395775025 0 7.5005419890118C0 3.3556444005211 3.3550584664543 0.0005859340669 7.499956054945 0.0005859340669H292.4982861428546C296.6431837313453 0.0005859340669 299.9982421977996 3.3556444005212 299.9982421977996 7.5005419890119C299.9982421977996 11.6454395775025 296.6431837313453 15.0004980439568 292.4982861428546 15.0004980439568zM67.4996044945049 269.9990039120865H82.4995166043949V238.7142262838304L67.4996044945049 223.7143141739404V269.9990039120865zM254.9985058681297 15.0004980439568H44.9997363296699V149.9997070329667H14.99991210989L149.9991210988998 284.9989160219764L284.9983300879096 149.9997070329666H254.9985058681297V15.0004980439568zM84.6967855852407 50.3077459116451L204.6933002736312 170.3042606000356L215.2997381265344 159.6978227471324L95.3032234381439 39.7013080587419L84.6967855852407 50.3077459116451zM112.4993408241749 172.4995751978016C95.959593986754 172.4995751978016 82.4995166043949 159.0447712220436 82.4995166043949 142.4997509780216C82.4995166043949 125.9547307339996 95.9642814592883 112.4999267582417 112.4993408241749 112.4999267582417C129.0390876615957 112.4999267582417 142.4991650439548 125.9547307339997 142.4991650439548 142.4997509780216C142.4991650439548 159.0447712220436 129.0390876615957 172.4995751978016 112.4993408241749 172.4995751978016zM112.4993408241749 127.4998388681317C104.2241939988633 127.4998388681317 97.4994287142849 134.2298775593112 97.4994287142849 142.4997509780217C97.4994287142849 150.7696243967321 104.2241939988633 157.4996630879117 112.4993408241749 157.4996630879117S127.4992529340648 150.7696243967321 127.4992529340648 142.4997509780217C127.4992529340648 134.2298775593112 120.7744876494864 127.4998388681317 112.4993408241749 127.4998388681317zM187.4989013736247 97.5000146483517C170.9591545362039 97.5000146483517 157.4990771538448 84.0452106725938 157.4990771538448 67.5001904285718C157.4990771538448 50.9551701845497 170.9591545362039 37.5003662087918 187.4989013736247 37.5003662087918C204.0386482110456 37.5003662087918 217.4987255934047 50.9551701845498 217.4987255934047 67.5001904285718C217.4987255934047 84.0452106725938 204.0386482110456 97.5000146483517 187.4989013736247 97.5000146483517zM187.4989013736247 52.5002783186818C179.2237545483132 52.5002783186818 172.4989892637348 59.2303170098613 172.4989892637348 67.5001904285718C172.4989892637348 75.7700638472822 179.2237545483132 82.5001025384618 187.4989013736247 82.5001025384618C195.7740481989363 82.5001025384618 202.4988134835148 75.7700638472822 202.4988134835148 67.5001904285718C202.4988134835148 59.2303170098613 195.7740481989363 52.5002783186818 187.4989013736247 52.5002783186818z" >
+    <glyph glyph-name="mountain"
+      unicode="&#xF13E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="mountain-1"
+      unicode="&#x6D;&#x6F;&#x75;&#x6E;&#x74;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M189.3580078125 293.171484375L194.2447265625 279.430078125C194.45390625 278.841796875 194.8681640625 278.375390625 195.3908203125 278.13984375L207.5994140625 272.6396484375C209.3244140625 271.8626953125 209.3244140625 269.1146484375 207.5994140625 268.337109375L195.3908203125 262.836328125C194.8681640625 262.60078125 194.45390625 262.134375 194.2447265625 261.54609375L189.3580078125 247.8046875C188.6677734375 245.8634765625 186.226171875 245.8634765625 185.5353515625 247.8046875L180.6486328125 261.54609375C180.439453125 262.134375 180.0251953125 262.60078125 179.5025390625 262.836328125L167.2939453125 268.337109375C165.5689453125 269.1140625 165.5689453125 271.862109375 167.2939453125 272.6396484375L179.5025390625 278.13984375C180.0251953125 278.375390625 180.439453125 278.841796875 180.6486328125 279.430078125L185.5353515625 293.171484375C186.2255859375 295.1126953125 188.6671875 295.1126953125 189.3580078125 293.171484375zM261.1142578125 237.67734375L264.739453125 227.484375C264.8947265625 227.0478515625 265.2017578125 226.7021484375 265.5896484375 226.5275390625L274.6458984375 222.44765625C275.9255859375001 221.87109375 275.9255859375001 219.8326171875 274.6458984375 219.2560546875L265.5896484375 215.176171875C265.2017578125001 215.0015625 264.8947265625 214.655859375 264.739453125 214.2193359375L261.1142578125 204.0263671875C260.6021484375 202.5861328125 258.791015625 202.5861328125 258.27890625 204.0263671875L254.6537109375 214.2193359375C254.4984375 214.655859375 254.19140625 215.0015625 253.803515625 215.176171875L244.747265625 219.2560546875C243.467578125 219.8326171875 243.467578125 221.87109375 244.747265625 222.44765625L253.803515625 226.5275390625C254.19140625 226.7021484375 254.4984375 227.0478515625 254.6537109375 227.484375L258.27890625 237.67734375C258.791015625 239.117578125 260.6021484375 239.117578125 261.1142578125 237.67734375zM32.9932892578125 236.1786796875A10.675771999128 10.675771999128 0 0 1 44.2192798828125 254.34088125A10.675771999128 10.675771999128 0 0 1 32.9932892578125 236.1786796875M72.759375 273.903515625A4.603125 4.603125 0 0 1 81.965625 273.903515625A4.603125 4.603125 0 0 1 72.759375 273.903515625M287.4966796875 72.5630859375H275.71640625C276.11484375 75.5408203125 275.307421875 78.584765625 273.3556640625 81.0375L267.411328125 88.505859375C269.7826171875 89.521875 271.7501953125 91.3658203125 272.9255859375 93.80390625C274.76484375 97.61953125 274.2697265625 102.048046875 271.6318359375 105.3615234375L262.8908203125 116.3431640625C264.5953125 117.303515625 266.002734375 118.773046875 266.896875 120.6287109375C268.5451171875 124.04765625 268.100390625 128.016796875 265.73671875 130.986328125L248.30390625 152.8875000000001C246.5455078125 155.0964843750001 243.917578125 156.36328125 241.0939453125 156.36328125S235.6423828125 155.096484375 233.883984375 152.8875000000001C233.883984375 152.8869140625001 233.8833984375 152.8869140625001 233.8833984375 152.8869140625001L216.4505859375 130.9857421875C214.0863281249999 128.015625 213.6427734375 124.046484375 215.291015625 120.6275390625C216.1857421875 118.7724609375 217.5931640625 117.3029296875001 219.2970703125 116.3431640625L210.7330078125 105.5841796875C204.1962890625 119.4978515625 196.4443359375 135.591796875 188.3138671875 151.6107421875C175.4525390625 176.9490234375 164.15859375 197.17265625 154.744921875 211.7197265625C137.7544921875 237.973828125 129.62578125 241.5140625 123.9140625 241.5140625S110.073046875 237.9744140625 93.0837890625 211.7197265625C83.66953125 197.17265625 72.3755859375 176.9490234375001 59.51484375 151.6107421875C43.21875 119.5048828125 28.442578125 87.0919921875 21.929296875 72.5630859375H12.5033203125C5.60859375 72.5630859375 0 66.9544921875 0 60.059765625V17.87578125C0 10.981640625 5.60859375 5.3724609375 12.5033203125 5.3724609375H287.4966796875C294.39140625 5.3724609375 300 10.981640625 300 17.87578125V60.059765625C300 66.9544921875 294.39140625 72.5630859375 287.4966796875 72.5630859375zM248.684765625 115.08515625L261.0767578125001 99.5173828125H221.1111328125001L233.5031250000001 115.08515625zM229.2779296875001 87.61875H252.9093750000001L263.2294921875001 74.6531250000001H218.956640625zM241.0933593750001 142.8404296875L253.7144531250001 126.9837890625H228.4710937500001zM102.2015625 203.9015625000001C117.305859375 227.5207031250001 123.2238281250001 229.4572265625001 123.9134765625 229.6066406250001C124.603125 229.4566406250001 130.52109375 227.5207031250001 145.6253906250001 203.9015625000001C150.648046875 196.0482421875001 156.2238281250001 186.5396484375 162.2953125000001 175.4888671875C159.5361328125001 174.3656250000001 157.5193359375001 172.7384765625001 155.7562500000001 171.3093750000001C153.0240234375 169.0951171875001 150.8654296875001 167.3460937500001 146.2576171875001 167.3460937500001S139.4912109375 169.0945312500001 136.758984375 171.3093750000001C133.705078125 173.7849609375001 129.9041015625 176.8652343750001 122.7662109375 176.8652343750001C115.6294921875 176.8652343750001 111.828515625 173.7843750000001 108.774609375 171.3093750000001C106.04296875 169.0951171875001 103.885546875 167.3466796875001 99.2783203125 167.3466796875001S92.5130859375 169.0951171875001 89.7814453125 171.3093750000001C88.4291015625 172.4056640625001 86.9291015625 173.6191406250001 85.0587890625 174.6322265625C91.316015625 186.0544921875001 97.0482421875 195.8437500000001 102.2015625 203.9015625000001zM69.523828125 145.0417968750001C73.7484375 153.3855468750001 77.794921875 161.1544921875001 81.6603515625 168.3562500000001C82.9365234375 167.66484375 84.05390625 166.7625000000001 85.28671875 165.7634765625C88.3412109375 163.2884765625 92.1416015625 160.2076171875 99.27890625 160.2076171875C106.415625 160.2076171875 110.2166015625 163.2884765625 113.2705078125 165.7634765625C116.0015625 167.9777343750001 118.1595703125 169.726171875 122.766796875 169.726171875C127.374609375 169.726171875 129.533203125 167.9771484375 132.2654296875 165.762890625C135.319921875 163.2878906250001 139.1208984375 160.20703125 146.258203125 160.20703125S157.1970703125 163.2873046875001 160.2509765625 165.762890625C162.0416015625 167.2142578125 163.590234375 168.46171875 165.739453125 169.151953125C169.7337890625 161.729296875 173.92265625 153.69375 178.303125 145.041796875C190.316015625 121.3154296875 201.4453125 97.545703125 208.9365234375 81.1705078125L208.83046875 81.0369140625C206.8787109375 78.584765625 206.071875 75.540234375 206.4703125 72.5630859375H34.976953125C42.1142578125 88.359375 55.191796875 116.733984375 69.523828125 145.041796875zM12.5033203125 60.6644531250001H287.4966796875001C287.8300781250001 60.6644531250001 288.1013671875001 60.3931640625001 288.1013671875001 60.0597656250001V46.6500000000001H11.8986328125V60.0597656250001C11.8986328125 60.3937500000001 12.169921875 60.6644531250001 12.5033203125 60.6644531250001zM287.4966796875001 17.2710937500001H12.5033203125C12.169921875 17.2710937500001 11.8986328125 17.5423828125001 11.8986328125 17.87578125V39.5115234375H288.1013671875001V17.87578125C288.1013671875001 17.5423828125 287.8300781250001 17.2710937500001 287.4966796875001 17.2710937500001zM70.841015625 102.215625C69.9966796875 102.215625 69.139453125 102.39609375 68.3244140625 102.7775390625C65.3484375 104.1697265625 64.0640625 107.7111328125 65.4568359375 110.687109375L71.090625 122.7328125C72.4828125 125.709375 76.0236328125 126.9931640625 79.0001953125 125.6021484375C81.9767578125 124.210546875 83.2611328125 120.669140625 81.8689453125 117.6931640625L76.233984375 105.6462890625C75.2232421875 103.484765625 73.0787109375 102.215625 70.841015625 102.215625zM83.6642578125 129.631640625C82.8193359375 129.631640625 81.962109375 129.812109375 81.146484375 130.194140625C78.1705078125 131.5869140625 76.8873046875 135.12890625 78.2806640625 138.104296875L79.2685546875 140.216015625C80.6595703125 143.192578125 84.19921875 144.479296875 87.176953125 143.0876953125C90.153515625 141.6966796875 91.4390625 138.155859375 90.048046875 135.179296875L89.056640625 133.060546875C88.0453125 130.899609375 85.901953125 129.631640625 83.6642578125 129.631640625zM139.0734375 89.066015625C137.10234375 89.066015625 135.50390625 90.664453125 135.50390625 92.635546875V99.376171875C135.50390625 101.347265625 137.10234375 102.945703125 139.0734375 102.945703125S142.64296875 101.347265625 142.64296875 99.376171875V92.635546875C142.64296875 90.664453125 141.04453125 89.066015625 139.0734375 89.066015625zM162.458203125 98.3115234375C160.487109375 98.3115234375 158.888671875 99.9099609375 158.888671875 101.8810546875V108.6216796875C158.888671875 110.5927734375 160.487109375 112.1912109375 162.458203125 112.1912109375S166.027734375 110.5927734375 166.027734375 108.6216796875V101.8810546875C166.027734375 99.9099609375 164.429296875 98.3115234375 162.458203125 98.3115234375zM147.11953125 122.5294921875C145.1484375 122.5294921875 143.55 124.1279296875 143.55 126.0990234375V132.8396484375C143.55 134.8107421875 145.1484375 136.4091796875 147.11953125 136.4091796875S150.6890625 134.8107421875 150.6890625 132.8396484375V126.0990234375C150.6896484375 124.1279296875 149.0912109375 122.5294921875 147.11953125 122.5294921875z" >
+    <glyph glyph-name="office"
+      unicode="&#xF13F;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351352 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="office-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x65;"
+      horiz-adv-x="300" d="M231.0810810810811 8.1081081081081H68.9189189189189A4.0540540540541 4.0540540540541 0 0 0 64.8648648648649 12.1621621621621V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 271.6216216216216H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 235.1351351351352 267.5675675675676V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 231.0810810810811 8.1081081081081zM72.972972972973 16.2162162162162H227.0270270270271V263.5135135135135H72.972972972973zM287.8378378378379 101.7162162162162A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 105.7702702702703V117.5675675675676A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 117.5675675675676V105.7702702702703A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 101.7162162162162zM287.8378378378379 8.1081081081081H231.0810810810811A4.0540540540541 4.0540540540541 0 0 0 227.0270270270271 12.1621621621621V206.7567567567568A4.0540540540541 4.0540540540541 0 0 0 232.6783783783784 210.4824324324324L289.4351351351353 186.1581081081081A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 182.4324324324325V145.945945945946A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 145.945945945946V179.7608108108108L235.1351351351352 200.6067567567568V16.2162162162162H283.7837837837838V37.0135135135135A4.0540540540541 4.0540540540541 0 1 0 291.891891891892 37.0135135135135V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 8.1081081081081zM287.8378378378379 61.3378378378378A4.0540540540541 4.0540540540541 0 0 0 283.7837837837838 65.3918918918919V77.3918918918919A4.0540540540541 4.0540540540541 0 0 0 291.891891891892 77.3918918918919V65.3918918918919A4.0540540540541 4.0540540540541 0 0 0 287.8378378378379 61.3378378378378zM68.9189189189189 8.1081081081081H12.1621621621622A4.0540540540541 4.0540540540541 0 0 0 8.1081081081081 12.1621621621621V182.4324324324325A4.0540540540541 4.0540540540541 0 0 0 10.5648648648649 186.1581081081082L67.3216216216216 210.4824324324325A4.0540540540541 4.0540540540541 0 0 0 72.972972972973 206.7567567567568V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 68.9189189189189 8.1081081081081zM16.2162162162162 16.2162162162162H64.8648648648649V200.6067567567568L16.2162162162162 179.7608108108108zM198.6486486486487 263.5135135135135H101.3513513513514A4.0540540540541 4.0540540540541 0 0 0 97.2972972972973 267.5675675675676V287.8378378378378A4.0540540540541 4.0540540540541 0 0 0 101.3513513513514 291.8918918918919H198.6486486486487A4.0540540540541 4.0540540540541 0 0 0 202.7027027027027 287.8378378378378V267.5675675675676A4.0540540540541 4.0540540540541 0 0 0 198.6486486486487 263.5135135135135zM105.4054054054054 271.6216216216216H194.5945945945946V283.7837837837838H105.4054054054054zM200.1040540540541 210.8108108108108H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 243.2432432432433H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 210.8108108108108zM178.3783783783784 218.9189189189189H198.6486486486487V235.1351351351352H178.3783783783784zM200.1040540540541 235.1351351351352H200.1040540540541zM127.1310810810811 210.8108108108108H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 217.4635135135135V236.5905405405406A6.6608108108108 6.6608108108108 0 0 0 103.95 243.2432432432433H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 236.5905405405406V217.4635135135135A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 210.8108108108108zM105.4054054054054 218.9189189189189H125.6756756756757V235.1351351351352H105.4054054054054zM200.1040540540541 164.6959459459459H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 197.1283783783784H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 164.6959459459459zM178.3783783783784 172.8040540540541H198.6486486486487V189.0202702702703H178.3783783783784zM200.1040540540541 189.0202702702703H200.1040540540541zM127.1310810810811 164.6959459459459H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 171.3486486486486V190.4756756756757A6.6608108108108 6.6608108108108 0 0 0 103.95 197.1283783783784H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 190.4756756756757V171.3486486486487A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 164.6959459459459zM105.4054054054054 172.8040540540541H125.6756756756757V189.0202702702703H105.4054054054054zM200.1040540540541 118.5810810810811H176.922972972973A6.6608108108108 6.6608108108108 0 0 0 170.2702702702703 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 176.922972972973 151.0135135135135H200.1040540540541A6.6608108108108 6.6608108108108 0 0 0 206.7567567567568 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 200.1040540540541 118.5810810810811zM178.3783783783784 126.6891891891892H198.6486486486487V142.9054054054054H178.3783783783784zM200.1040540540541 142.9054054054054H200.1040540540541zM127.1310810810811 118.5810810810811H103.95A6.6608108108108 6.6608108108108 0 0 0 97.2972972972973 125.2337837837838V144.3608108108108A6.6608108108108 6.6608108108108 0 0 0 103.95 151.0135135135135H127.1310810810811A6.6608108108108 6.6608108108108 0 0 0 133.7837837837838 144.3608108108108V125.2337837837838A6.6608108108108 6.6608108108108 0 0 0 127.1310810810811 118.5810810810811zM105.4054054054054 126.6891891891892H125.6756756756757V142.9054054054054H105.4054054054054zM183.445945945946 8.1081081081081H116.5540540540541A4.0540540540541 4.0540540540541 0 0 0 112.5 12.1621621621621V86.6554054054054A4.0540540540541 4.0540540540541 0 0 0 116.5540540540541 90.7094594594595H183.4459459459459A4.0540540540541 4.0540540540541 0 0 0 187.5 86.6554054054054V12.1621621621621A4.0540540540541 4.0540540540541 0 0 0 183.445945945946 8.1081081081081zM120.6081081081081 16.2162162162162H179.3918918918919V82.6013513513514H120.6081081081081zM266.3027027027028 145.9459459459459H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 154.054054054054H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 145.9459459459459zM266.3027027027028 119.5945945945946H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 127.7027027027027H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 119.5945945945946zM266.3027027027028 93.2432432432432H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 101.3513513513513H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 93.2432432432432zM266.3027027027028 66.8918918918919H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 75H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 66.8918918918919zM266.3027027027028 40.5405405405405H252.8716216216217A4.0540540540541 4.0540540540541 0 0 0 252.8716216216217 48.6486486486486H266.3027027027028A4.0540540540541 4.0540540540541 0 0 0 266.3027027027028 40.5405405405405zM47.1283783783784 145.9459459459459H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 154.054054054054H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 145.9459459459459zM47.1283783783784 119.5945945945946H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 127.7027027027027H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 119.5945945945946zM47.1283783783784 93.2432432432432H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 101.3513513513513H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 93.2432432432432zM47.1283783783784 66.8918918918919H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 75H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 66.8918918918919zM47.1283783783784 40.5405405405405H33.6972972972973A4.0540540540541 4.0540540540541 0 1 0 33.6972972972973 48.6486486486486H47.1283783783784A4.0540540540541 4.0540540540541 0 0 0 47.1283783783784 40.5405405405405z" >
+    <glyph glyph-name="official-documents"
+      unicode="&#xF140;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="official-documents-1"
+      unicode="&#x6F;&#x66;&#x66;&#x69;&#x63;&#x69;&#x61;&#x6C;&#x2D;&#x64;&#x6F;&#x63;&#x75;&#x6D;&#x65;&#x6E;&#x74;&#x73;"
+      horiz-adv-x="300" d="M120.7107421875 103.125A5.859375 5.859375 0 0 1 132.4294921875 103.125A5.859375 5.859375 0 0 1 120.7107421875 103.125M23.4451171875 220.3125V196.875C23.4451171875 193.6388671875 26.068359375 191.015625 29.3044921875 191.015625H198.6404296875C201.8759765625 191.015625 204.4998046875 193.6388671875 204.4998046875 196.875V220.3125C204.4998046875 223.5486328125 201.8759765625 226.171875 198.6404296875 226.171875H29.3044921875C26.068359375 226.171875 23.4451171875 223.5486328125 23.4451171875 220.3125zM85.5544921875 214.453125H192.7810546875V202.734375H85.5544921875zM35.1638671875 214.453125H73.8357421875V202.734375H35.1638671875zM29.3044921875 167.578125H198.6404296875C201.8759765625 167.578125 204.4998046875 170.2013671875 204.4998046875 173.4375S201.8759765625 179.296875 198.6404296875 179.296875H29.3044921875C26.068359375 179.296875 23.4451171875 176.6736328125 23.4451171875 173.4375S26.068359375 167.578125 29.3044921875 167.578125zM29.3044921875 144.140625H198.6404296875C201.8759765625 144.140625 204.4998046875 146.7638671875 204.4998046875 150S201.8759765625 155.859375 198.6404296875 155.859375H29.3044921875C26.068359375 155.859375 23.4451171875 153.2361328125 23.4451171875 150S26.068359375 144.140625 29.3044921875 144.140625zM29.3044921875 120.703125H126.5701171875C129.80625 120.703125 132.4294921875 123.3263671875 132.4294921875 126.5625S129.80625 132.421875 126.5701171875 132.421875H29.3044921875C26.068359375 132.421875 23.4451171875 129.7986328125 23.4451171875 126.5625S26.068359375 120.703125 29.3044921875 120.703125zM29.3044921875 97.265625H103.1326171875C106.36875 97.265625 108.9919921875 99.8888671875 108.9919921875 103.125S106.36875 108.984375 103.1326171875 108.984375H29.3044921875C26.068359375 108.984375 23.4451171875 106.3611328125 23.4451171875 103.125S26.068359375 97.265625 29.3044921875 97.265625zM79.6951171875 50.390625H109.5814453125C112.3037109375 37.0341796875 124.140234375 26.953125 138.2888671875 26.953125C154.4431640625 26.953125 167.5857421875 40.095703125 167.5857421875 56.25S154.4431640625 85.546875 138.2888671875 85.546875C124.1408203125 85.546875 112.3037109375 75.4658203125 109.5814453125 62.109375H79.6951171875C76.458984375 62.109375 73.8357421875 59.4861328125 73.8357421875 56.25S76.458984375 50.390625 79.6951171875 50.390625zM138.2888671875 62.109375H121.7185546875C124.1373046875 68.9291015625 130.65 73.828125 138.2888671875 73.828125C147.9814453125 73.828125 155.8669921875 65.942578125 155.8669921875 56.25S147.9814453125 38.671875 138.2888671875 38.671875C130.6505859375 38.671875 124.1373046875 43.5708984375 121.7185546875 50.390625H138.2888671875C141.5244140625 50.390625 144.1482421875 53.0138671875 144.1482421875 56.25S141.525 62.109375 138.2888671875 62.109375zM198.6404296875 253.125C201.8759765625 253.125 204.4998046875 255.7482421875 204.4998046875 258.984375S201.8759765625 264.84375 198.6404296875 264.84375H186.9216796875C183.6861328125 264.84375 181.0623046875 262.2205078125 181.0623046875 258.984375S183.6861328125 253.125 186.9216796875 253.125zM163.4841796875 253.125C166.7197265625 253.125 169.3435546875 255.7482421875 169.3435546875 258.984375S166.7197265625 264.84375 163.4841796875 264.84375H151.7654296875C148.5298828125 264.84375 145.9060546875 262.2205078125 145.9060546875 258.984375S148.5298828125 253.125 151.7654296875 253.125zM128.3279296875 253.125C131.5640625 253.125 134.1873046875 255.7482421875 134.1873046875 258.984375S131.5640625 264.84375 128.3279296875 264.84375H116.6091796875C113.373046875 264.84375 110.7498046875 262.2205078125 110.7498046875 258.984375S113.373046875 253.125 116.6091796875 253.125zM108.9919921875 5.859375A5.859375 5.859375 0 0 1 120.7107421875 5.859375A5.859375 5.859375 0 0 1 108.9919921875 5.859375M5.8669921875 0H88.4841796875C91.7203125 0 94.3435546875 2.6232421875 94.3435546875 5.859375S91.7203125 11.71875 88.4841796875 11.71875H11.7263671875V241.40625H52.7419921875C55.978125 241.40625 58.6013671875 244.0294921875 58.6013671875 247.265625V288.28125H216.2185546875V122.66484375C213.5607421875 119.5201171875 211.0787109375 116.7591796875 208.93125 114.5560546875L196.509375 126.9779296875C185.0630859375 138.4318359375 166.5251953125 138.437109375 155.0748046875 126.9791015625L146.7896484375 118.6939453125C144.5015625 116.405859375 144.5015625 112.695703125 146.7896484375 110.4076171875L216.2179687500001 40.979296875V11.7187500000001H141.2179687500001C137.9818359375 11.7187500000001 135.3585937500001 9.0955078125 135.3585937500001 5.8593750000001S137.9818359375 1e-13 141.2179687500001 1e-13H222.0773437500001C225.312890625 1e-13 227.9367187500001 2.6232421875 227.9367187500001 5.8593750000001V29.260546875L229.6529296875 27.5443359375C231.941015625 25.2580078125001 235.6517578125 25.2562500000001 237.93984375 27.5443359375L246.225 35.8294921875C257.673046875 47.2775390625 257.6753906250001 65.8125 246.225 77.2623046875L233.8048828125 89.6830078125C244.9195312500001 100.512890625 269.3677734375001 118.5017578125 282.21328125 124.0962890625C300.2437500000001 131.944921875 306.7500000000001 156.4599609375 291.3662109375 171.84375C276.0984375 187.119140625 251.6923828125001 180.9123046875001 243.6966796875 162.8302734375001C240.6978515625001 156.0533203125 234.48515625 146.5248046875001 227.9373046875 137.595703125V294.1406250000001C227.9373046875 297.3767578125001 225.3134765625001 300.0000000000001 222.0779296875 300.0000000000001H52.7419921875C51.144140625 300.0000000000001 49.6423828125 299.3261718750001 48.598828125 298.2837890625001L1.723828125 251.4087890625001C0.6638671875 250.3511718750001 0.0076171875 248.855859375 0.0076171875 247.2656250000001V5.8593750000001C0.0076171875 2.6232421875 2.630859375 1e-13 5.8669921875 1e-13zM237.9380859375 68.9759765625C244.80703125 62.1076171875 244.808203125 50.9859375 237.9380859375 44.1158203125L233.7966796875 39.973828125L159.2197265625 114.55078125L163.362890625 118.6939453125C170.23125 125.5658203125 181.3494140625 125.5693359375 188.221875 118.6927734375zM226.6705078125 116.8927734375C236.8248046875 129.139453125 249.3416015625 146.62734375 254.4134765625 158.089453125C258.96796875 168.3884765625 273.4423828125 173.1990234375 283.079296875 163.5580078125C292.7203125 153.9169921875 287.8224609375 139.318359375 277.53515625 134.840625C262.9552734375 128.490234375 237.57890625 109.7625 225.51796875 97.969921875L217.2181640625 106.2697265625C219.99609375 109.112109375 223.2416015624999 112.7560546875 226.6705078125 116.8927734375zM46.8826171875 279.994921875V253.125H20.0126953125z" >
+    <glyph glyph-name="online-shop"
+      unicode="&#xF141;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844131L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="online-shop-1"
+      unicode="&#x6F;&#x6E;&#x6C;&#x69;&#x6E;&#x65;&#x2D;&#x73;&#x68;&#x6F;&#x70;"
+      horiz-adv-x="300" d="M227.3905821871616 254.3907787287995C228.063448265231 256.7758693113721 231.2728575998027 259.2037366033751 233.7504383649277 259.2037366033751H286.9843190602997C291.7729982619553 259.2037366033751 295.6552736745964 263.0848558887343 295.6552736745964 267.8746912176718S291.7729982619553 276.5456458319685 286.9843190602997 276.5456458319685H233.7504383649277C223.588079556972 276.5456458319685 213.4638729493192 268.8851464620579 210.7018848728452 259.1054657844132L196.3208176132137 208.2092744530555C194.6768046183431 208.6671008566903 192.9449259500476 208.9318540042469 191.1436796448376 208.9318540042469H19.1512484247766C13.6769857449506 208.9318540042469 8.4801936127821 206.661220022583 4.893886784309 202.7026402093361C1.3075799558359 198.7440603960892 -0.4416406216882 193.3495704987148 0.0971146916801 187.9042110009365L8.1183257735455 106.5960915190357C9.1877435093088 95.7597105057287 18.554686747313 87.2714240019732 29.4442496155877 87.2714240019732H162.9364862208896C173.1416217382759 87.2714240019732 183.2218955092162 94.9885736086972 185.8856127667282 104.8387780505382L202.6101500267836 166.6846508688297L227.3905821871616 254.3907787287995zM169.1437335974442 109.3650163592011C168.5078635923957 107.01114121324 165.373602531148 104.6133332305665 162.9353300936078 104.6133332305665H29.4430934883058C27.5389518550062 104.6133332305665 25.5631303302285 106.4041743902392 25.3758377105597 108.2990670052835L17.3534705014124 189.6071864871844C17.2933518827533 190.2083726737756 17.4286187747363 190.7101319141229 17.7430853954148 191.0569700986948C18.0587081433752 191.4049644105485 18.5442816017758 191.5887886483716 19.1500922974947 191.5887886483716H191.1436796448377C191.2280769364168 191.5887886483716 191.3020690824588 191.5853202665259 191.3668122102456 191.5806957573983C191.3552509374265 191.5159526296115 191.3379090281979 191.4442727381334 191.3159426098417 191.3633438283999L169.1437335974442 109.3650163592011zM54.7541880710787 77.3957847599302C39.881766716637 77.3957847599302 27.7828947114884 65.2969127547816 27.7828947114884 50.4256475276218C27.7828947114884 35.5543823004621 39.881766716637 23.4555102953134 54.7541880710787 23.4555102953134C69.6254532982384 23.4555102953134 81.7243253033871 35.5543823004621 81.7243253033871 50.4256475276218C81.7243253033871 65.2969127547816 69.6254532982384 77.3957847599302 54.7541880710787 77.3957847599302zM54.7541880710787 40.7974195239068C49.4440954652834 40.7974195239068 45.1248039400818 45.1167110491084 45.1248039400818 50.4256475276218C45.1248039400818 55.7345840061352 49.4440954652834 60.0538755313369 54.7541880710787 60.0538755313369C60.0631245495921 60.0538755313369 64.3824160747937 55.7345840061352 64.3824160747937 50.4256475276218C64.3824160747937 45.1167110491085 60.0631245495921 40.7974195239068 54.7541880710787 40.7974195239068zM140.2706108591182 77.3957847599302C125.3993456319584 77.3957847599302 113.3004736268098 65.2969127547816 113.3004736268098 50.4256475276218C113.3004736268098 35.5543823004621 125.3993456319584 23.4555102953134 140.2706108591182 23.4555102953134S167.2407480914265 35.5543823004621 167.2407480914265 50.4256475276218C167.2407480914265 65.2969127547816 155.1430322135598 77.3957847599302 140.2706108591182 77.3957847599302zM140.2706108591182 40.7974195239068C134.9616743806048 40.7974195239068 130.6423828554031 45.1167110491084 130.6423828554031 50.4256475276218C130.6423828554031 55.7345840061352 134.9616743806048 60.0538755313369 140.2706108591182 60.0538755313369S149.8988388628332 55.7345840061352 149.8988388628332 50.4256475276218C149.8988388628332 45.1167110491085 145.5807034649135 40.7974195239068 140.2706108591182 40.7974195239068zM294.2193635904689 206.0403796721994H231.6231641662202C228.4310967408772 206.0403796721994 225.8425277566891 203.4529668152933 225.8425277566891 200.2597432626683C225.8425277566891 197.0665197100433 228.4310967408772 194.4791068531372 231.6231641662202 194.4791068531372H294.2193635904689C297.4114310158119 194.4791068531372 300 197.0665197100433 300 200.2597432626683C300 203.4529668152933 297.4114310158119 206.0403796721994 294.2193635904689 206.0403796721994zM276.8647369617746 179.132673313114H221.2122379926547C218.0201705673116 179.132673313114 215.4316015831236 176.5452604562079 215.4316015831236 173.3520369035829C215.4316015831236 170.1588133509579 218.0201705673116 167.5714004940518 221.2122379926547 167.5714004940518H276.8647369617746C280.0568043871176 167.5714004940518 282.6453733713057 170.1588133509579 282.6453733713057 173.3520369035829C282.6453733713057 176.5452604562079 280.0568043871176 179.132673313114 276.8647369617746 179.132673313114zM261.8246771514565 152.2238108267467H214.2731620466536C211.0810946213105 152.2238108267467 208.4925256371225 149.6363979698405 208.4925256371225 146.4431744172156S211.0810946213105 140.6625380076844 214.2731620466536 140.6625380076844H261.8246771514565C265.0167445767996 140.6625380076844 267.6053135609876 143.2499508645906 267.6053135609876 146.4431744172156S265.0167445767996 152.2238108267467 261.8246771514565 152.2238108267467z" >
+    <glyph glyph-name="operator"
+      unicode="&#xF142;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="operator-1"
+      unicode="&#x6F;&#x70;&#x65;&#x72;&#x61;&#x74;&#x6F;&#x72;"
+      horiz-adv-x="300" d="M264.4445876741707 51.6962956886551C263.7777881944852 92.4677440146251 222.0916878581557 104.5134941933367 191.6532877081551 113.3090363634233C188.1019066480729 114.3350169336599 184.6864636189986 115.3223254778339 181.4860604924238 116.3078762026415V133.1272778409291C187.7087410497698 137.0278790151524 193.1614967245966 142.0476251860359 197.5601467193231 147.9029214957871H216.1016253969742C225.174903026965 147.9029214957871 232.5571584264001 155.2851768952222 232.5571584264001 164.358454525213V184.2780635861859C233.656967410029 186.8421361020942 234.2681026097758 189.6640221250864 234.2681026097758 192.6271196371861V198.8222610244571C234.2681026097758 201.7824288376127 233.656967410029 204.6025570412385 232.5571584264001 207.1648717377802V217.4410837542334C232.5571584264001 262.963917827804 195.5222481337818 300 150 300C104.4865409630506 300 67.4592478876871 262.963917827804 67.4592478876871 217.4404978144446V207.4584275719827C67.4592478876871 207.3799116402798 67.4680369845195 207.3043254075211 67.4709666834636 207.2263954156071C66.3541654459588 204.6470884651893 65.7318973902242 201.8064523689545 65.7318973902242 198.8216750846683V192.6265336973972C65.7318973902242 180.915355138106 75.2522470790901 171.3873882319853 86.9540506017602 171.3873882319853H91.796257016629C95.1501763678764 155.3045129082535 105.0238477494053 141.5876624518064 118.5139395075762 133.1302075398732V116.3078762026414C115.3129504412127 115.3223254778339 111.8980933519272 114.3356028734487 108.3467122918449 113.3090363634233C77.9083121418443 104.5134941933367 36.2222118055149 92.4671580748362 35.5554123258294 51.696295688655C35.5548263860406 51.6640690002695 35.5548263860406 51.6324282516729 35.5548263860406 51.6002015632874V5.859397888273C35.5548263860406 2.6232524345799 38.1786647604092 0 41.4142242743136 0H58.7861671334654C62.0217266473697 0 64.6455650217384 2.6232524345799 64.6455650217384 5.859397888273S62.0217266473697 11.718795776546 58.7861671334654 11.718795776546H47.2730362227977V51.5515685608147C47.519716873894 65.7764288141751 54.0541173988961 76.4399470310431 67.836007171903 85.108926206743C76.9303786342915 90.8294563650639 88.0485861272896 94.9052535361466 99.0080039375154 98.3148371673327L113.1648951753718 70.7323075480763C114.7428310266837 67.6578814760995 118.7828858706479 66.6131508326204 121.6539908359017 68.5502677744835L127.9663201809382 72.8082922198915L133.3856772878019 52.439267340888L124.1002894542557 11.7193817163348H111.4018023507904C108.1662428368861 11.7193817163348 105.5424044625174 9.0961292817549 105.5424044625174 5.8599838280618S108.1662428368861 0.0005859397888 111.4018023507904 0.0005859397888H258.5857757256864C261.8213352395908 0.0005859397888 264.4451736139594 2.6238383743686 264.4451736139594 5.8599838280618V51.6007875030761C264.4451736139594 51.6324282516728 264.4451736139594 51.6640690002695 264.4445876741707 51.696295688655zM188.4001500005859 102.0513752006844C188.7862843214231 101.9400466408072 189.1788639799374 101.8257883819859 189.5679279997187 101.7132879425311L179.4387868702612 81.9589139020075L160.4830487619092 94.741190395275L176.5442443134543 105.574631150903C180.2755088887066 104.4004078140931 184.2434931386451 103.2525517677804 188.4001500005859 102.0513752006844zM150.0041015785218 87.6729987226513L161.7533662240868 79.7499208981286L156.0750237305615 58.4064781503053H143.9249762694386L138.2483915952797 79.7434755604515zM150.0029296989442 101.8076242485323L130.2321493443334 115.1395122637198V127.4747166981121C136.4202594541385 125.2862315868422 143.0712619971172 124.085640959535 149.9994140602112 124.085640959535C156.9269801835164 124.085640959535 163.5791546060727 125.2821300083204 169.766678776089 127.4706151195904V115.1395122637198zM197.7359286559713 216.3688139406795C197.655654904902 216.4197907023075 197.5759670936215 216.4707674639354 197.4956933425521 216.5217442255634C185.4727948156048 224.1752897472256 175.0887698780074 230.7852765049864 158.8183938218509 226.1299848827535C158.6672213563334 226.0866253383803 158.5172207703936 226.0374063961188 158.370149883398 225.982328055969C154.9207223465717 224.6868151828719 151.7841866569791 223.4791932780988 148.7501904304314 222.311415278966C130.2210164883457 215.1787702295713 120.1041800944535 211.2834425134474 102.2634854042399 211.7850069726835V216.4772128016126C102.2634854042399 242.7999718748902 123.6778268665112 264.2148992769504 149.9994140602112 264.2148992769504S197.7353427161825 242.7999718748902 197.7353427161825 216.4772128016126V216.3688139406795zM220.8383626498541 164.358454525213C220.8383626498541 161.746334946621 218.7137449755664 159.6217172723332 216.1016253969743 159.6217172723332H204.4250172852238C206.0738518509838 163.3594271852625 207.3512005906273 167.2963566263931 208.2043289231599 171.3879741717742H213.0465353380287C215.7975226465729 171.3879741717742 218.4242907198857 171.9200075000294 220.838948589643 172.878019054762V164.358454525213zM222.5493068332299 192.6271196371861C222.5493068332299 187.3776850690824 218.2865948695112 183.1067699483202 213.0459493982399 183.1067699483202H209.4494509744179C209.4506228539956 183.2520830159493 209.4553103723062 208.326204399236 209.4553103723062 208.326204399236H213.0465353380287C218.2865948695113 208.326204399236 222.5498927730187 204.0629064957286 222.5498927730187 198.8222610244572V192.6271196371861zM86.9540506017602 183.1061840085313C81.7139910702777 183.1061840085313 77.4506931667702 187.3770991292935 77.4506931667702 192.6265336973973V198.8216750846684C77.4506931667702 204.0623205559397 81.7134051304888 208.3256184594472 86.9540506017602 208.3256184594472H90.5452755674827S90.5499630857934 183.2514970761605 90.551134965371 183.1061840085313zM90.6548463079934 220.045000175782H86.9534646619714C84.2141961492038 220.045000175782 81.5979749920899 219.5176543658374 79.192106219165 218.5684319079372C79.7973820210236 257.111551216997 111.3256301782429 288.2812042234541 150 288.2812042234541C188.6855026777449 288.2812042234541 220.2225399317966 257.1080355782641 220.8237141551335 218.5619865702601C218.4137438036868 219.5153106066821 215.7910773088958 220.045000175782 213.0459493982399 220.045000175782H209.3445677522178C207.4929980195236 251.1748092765988 181.5850843167357 275.9336950534964 150 275.9336950534964C118.4143297434756 275.9336950534964 92.5064160406877 251.17422333681 90.6548463079934 220.045000175782zM102.6162211571139 177.8415150059181C102.6156352173251 177.8473744038063 102.6144633377475 177.8532338016946 102.6138773979586 177.8590931995829C102.3918062179931 179.7241395474202 102.2640713440287 181.61789694491 102.2640713440287 183.54153727163V200.0667971359264C122.3108293391772 199.5781233520444 134.2692744893535 204.1789225739164 152.9601678131556 211.3742631807156C155.9039293122239 212.5074707323076 158.9467146356041 213.6787643701734 162.2613760210001 214.9250583010091C173.3297786319479 218.0147188074954 179.6983581967118 213.9594295290217 191.202700010547 206.6357681084692C193.1989968710816 205.3648647065028 195.3886538619292 203.9720858284603 197.7359286559714 202.5418068039329V183.54153727163C197.7359286559714 174.8280266719793 195.3781069457303 166.6600260157267 191.284145641194 159.6211313325443H150C146.7644404860957 159.6211313325443 144.1406021117271 156.9978788979645 144.1406021117271 153.7617334442713S146.7644404860957 147.9023355559983 150 147.9023355559983H181.7134051304888C173.2747002917981 140.3841421255553 162.1641100160548 135.8038507962923 150 135.8038507962923C125.6079125309084 135.8044367360811 105.4433806382057 154.1982585869477 102.6162211571139 177.8415150059181zM120.5752756846707 81.9583279622187L110.4350016992254 101.7144598221088C110.8228938394291 101.8263743217748 111.2143016183657 101.9400466408073 111.5998499994141 102.0513752006845C115.756506861355 103.2525517677804 119.7244911112935 104.4009937538819 123.4569275661234 105.5752170906918L139.5245684553456 94.7400185156974zM136.120258282259 11.7187957765461L144.0943128684097 46.6876823737594H155.9074449509569L163.893804272673 11.7187957765461zM252.7263778374135 11.7187957765461H175.9143590404651L166.6143227121982 52.439853280677L172.0360235782172 72.8164953769352L178.3635873577632 68.5496818346948C181.2358642025946 66.6131508326205 185.2759190465589 67.6578814760996 186.853268958082 70.7340653674429L200.99433982164 98.3136652877551C211.953171692077 94.9040816565691 223.0707932452862 90.8288704252752 232.1645787678859 85.1089262067431C245.945882601104 76.440532970832 252.4808690658949 65.7764288141751 252.7275497169912 51.5515685608148V11.7187957765461zM229.5876155766233 41.0175430372775H200.0580080390939C196.8224485251895 41.0175430372775 194.1986101508209 38.3942906026977 194.1986101508209 35.1581451490045S196.8224485251895 29.2987472607315 200.0580080390939 29.2987472607315H229.5876155766233C232.8231750905277 29.2987472607315 235.4470134648963 31.9219996953113 235.4470134648963 35.1581451490045S232.8237610303165 41.0175430372775 229.5876155766233 41.0175430372775zM85.0942777120223 11.718795776546C81.858718198118 11.718795776546 79.2348798237493 9.0955433419662 79.2348798237493 5.859397888273S81.858718198118 0 85.0942777120223 0H85.1106840261095C88.3462435400138 0 90.9612928175501 2.6232524345799 90.9612928175501 5.859397888273S88.3298372259267 11.718795776546 85.0942777120223 11.718795776546z" >
+    <glyph glyph-name="package"
+      unicode="&#xF143;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101324 152.622985546875 294.1406135101324 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="package-1"
+      unicode="&#x70;&#x61;&#x63;&#x6B;&#x61;&#x67;&#x65;"
+      horiz-adv-x="300" d="M211.5234292373661 165.3236390625H164.3005306913855C161.064141364682 165.3236390625 158.4411559202673 162.7006529296875 158.4411559202673 159.4642640625C158.4411559202673 156.227874609375 161.064141364682 153.6048890625 164.3005306913855 153.6048890625H211.5234292373661C214.7598185640696 153.6048890625 217.3828040084843 156.227874609375 217.3828040084843 159.4642640625C217.3828040084843 162.7006529296875 214.7598185640696 165.3236390625 211.5234292373661 165.3236390625zM211.5234292373661 165.3236390625M211.5234292373661 141.8861390625H153.4400881468716C150.203698820168 141.8861390625 147.5807133757534 139.2631529296875 147.5807133757534 136.0267640625C147.5807133757534 132.790374609375 150.203698820168 130.1673890625 153.4400881468716 130.1673890625H211.5234292373661C214.7598185640696 130.1673890625 217.3828040084843 132.790374609375 217.3828040084843 136.0267640625C217.3828040084843 139.2631529296875 214.7598185640696 141.8861390625 211.5234292373661 141.8861390625zM211.5234292373661 141.8861390625M130.0025890623989 141.8861390625C128.4622145131948 141.8861390625 126.9493051972928 141.2590025390625 125.859827700788 140.1741029296875C124.7703502042832 139.0777587890625 124.1432142912807 137.571716015625 124.1432142912807 136.0267640625C124.1432142912807 134.4841001953125 124.7703502042832 132.973480078125 125.859827700788 131.8840025390625C126.9493051972928 130.792236328125 128.4622145131948 130.1673890625 130.0025890623989 130.1673890625S133.0558723415675 130.792236328125 134.1453498380723 131.8840025390625C135.2348273345771 132.973480078125 135.8619638335171 134.4841001953125 135.8619638335171 136.0267640625C135.8619638335171 137.567138671875 135.2348273345771 139.0777587890625 134.1453498380723 140.1741029296875C133.0558723415675 141.2590025390625 131.542963611603 141.8861390625 130.0025890623989 141.8861390625zM130.0025890623989 141.8861390625M291.8907050042694 130.393981640625C282.8132520385449 138.503265234375 269.0254107802574 138.613128515625 259.8197834054773 130.648040625L242.5781155242924 115.7295228515625V228.88641328125C242.5781155242924 239.666748046875 233.8073639137749 248.4375 223.0270295692567 248.4375H76.9729587119938C66.1926243674756 248.4375 57.4218727569581 239.666748046875 57.4218727569581 228.88641328125V97.5494384765625C56.7398052054764 97.043609765625 56.066892341137 96.530914453125 55.403135335815 95.99990859375L2.2087094840348 53.6064146484375C-0.3227232295811 51.5899658203125 -0.7392884476841 47.902679296875 1.2771608876109 45.371246484375C2.435302639246 43.9201353515625 4.1404721038878 43.1648255859375 5.8639521146894 43.1648255859375C7.1434016740859 43.1648255859375 8.4320065065622 43.581390234375 9.5123287299871 44.4419859375L62.7067539958299 86.8354798828125C73.9883396879555 95.8282470703125 88.146969213009 100.778961328125 102.5711022433163 100.778961328125H164.2478877246919C171.3569575641814 100.778961328125 177.1385122211519 94.997405859375 177.1385122211519 87.888336328125C177.1385122211519 80.78155546875 171.3569575641814 74.997711328125 164.2478877246919 74.997711328125H124.7062632927241C121.4721632237436 74.997711328125 118.8468885216059 72.3747251953125 118.8468885216059 69.138336328125C118.8468885216059 65.904235546875 121.4721632237437 63.278961328125 124.7062632927241 63.278961328125H164.2478877246919C164.6484310684207 63.278961328125 165.0466857403639 63.2904052734375 165.442651154584 63.3087158203125C165.6394892328325 63.2904052734375 165.8386165688041 63.278961328125 166.0423212483469 63.278961328125H176.2321401862445C191.4733811924461 63.278961328125 206.2133708510402 68.772125390625 217.7398596585993 78.7445068359375L267.4873249028389 121.7857359375C272.2526442479436 125.90789765625 279.3868906489496 125.85067734375 284.0858349966471 121.652984765625C286.7866405552094 119.240569921875 288.2766613954429 115.9149169921875 288.2812387390141 112.2917173828125C288.2858160825853 108.668518359375 286.8003731718605 105.340576171875 284.1018568710213 102.9212953125L236.7736723916534 60.484313671875C218.5569676344935 44.151305859375 195.0530929666761 35.1562500000001 170.585625367749 35.1562500000001H90.4563867009224C88.8954129337729 35.1562500000001 87.4008141640307 34.5336914062501 86.2998927226604 33.4281919921875L63.0088780074657 9.9906919921875C60.7269263387919 7.69500703125 60.7383702836574 3.9848326171875 63.0340551549197 1.702880859375C64.1784642899037 0.567626953125 65.6707738019229 0 67.1653719857276 0C68.6714147003353 0 70.1774568290056 0.5767822265625 71.3218659639896 1.7303466796875L92.8939780119539 23.4375H170.5879146254721C197.9438705881301 23.4375 224.228659600443 33.4968568359375 244.5968529454354 51.759338671875L291.9250374248033 94.19403046875C297.0634342943971 98.801422265625 300.0068548825447 105.4023744140625 299.9999882812505 112.30087265625C299.9931216799563 119.20166015625 297.0382571469431 125.795745703125 291.8907050042694 130.3939816406251zM171.5263298231902 236.71875V209.2620849609375L167.8344661002162 212.953948828125C165.5479365020337 215.240478515625 161.8377622328999 215.240478515625 159.5489439629319 212.953948828125L149.9999941406252 203.4049986328125L140.4510443183186 212.953948828125C139.3066351833346 214.0960693359375 137.8074590700211 214.670562890625 136.3082829567077 214.670562890625C134.8091074293317 214.670562890625 133.3076426442327 214.0960693359375 132.1655221810343 212.953948828125L128.4736584580602 209.2620849609375V236.71875zM210.070029489452 87.6045228515625C203.0960006603125 81.57119765625 194.6754380986157 77.5543212890625 185.7192923547151 75.881194921875C187.7151418861273 79.4357296875 188.8572617633882 83.530426171875 188.8572617633882 87.888336328125C188.8572617633882 101.458740234375 177.818291100848 112.497711328125 164.2478877246919 112.497711328125H102.5711022433163C90.9576380485297 112.497711328125 79.4906582230211 109.7808837890625 69.1406222991944 104.697418359375V228.88641328125C69.1406222991944 233.205413671875 72.6539584900797 236.71875 76.9729587119938 236.71875H116.7549089158239V195.1171875C116.7549089158239 192.7459716796875 118.1831315162839 190.610504296875 120.373530454159 189.7041322265625C122.5593520484628 188.79776015625 125.0816294889988 189.296722265625 126.7570444626154 190.9744265625L136.3082829567077 200.523376171875L145.8572333649518 190.9744265625C148.1460516349199 188.685608203125 151.8539366463306 188.685608203125 154.1427549162986 190.9744265625L163.6917053245428 200.523376171875L173.2429438186351 190.9744265625C174.362175806165 189.8529052734375 175.8613519194785 189.2578125 177.3857045943084 189.2578125C178.1410149163667 189.2578125 178.9031912537816 189.404296875 179.6264578270915 189.7041322265625C181.8168567649665 190.610504296875 183.2450793654266 192.7459716796875 183.2450793654266 195.1171875V236.71875H223.0270295692567C227.3460297911707 236.71875 230.8593659820561 233.205413671875 230.8593659820561 228.88641328125V105.5900572265625zM210.070029489452 87.6045228515625M149.9999941406253 261.9140625C153.2363834673288 261.9140625 155.8593689117435 264.537048046875 155.8593689117435 267.7734375V294.140625C155.8593689117435 297.377014453125 153.2363834673288 300 149.9999941406253 300S144.1406193695071 297.377014453125 144.1406193695071 294.140625V267.7734375C144.1406193695071 264.537048046875 146.7636048139217 261.9140625 149.9999941406253 261.9140625zM149.9999941406253 261.9140625M256.0546774978642 155.859375C256.0546774978642 152.622985546875 258.6776629422788 150 261.9140522689824 150H288.2812387390142C291.5176280657177 150 294.1406135101325 152.622985546875 294.1406135101325 155.859375S291.5176280657177 161.71875 288.2812387390142 161.71875H261.9140522689824C258.6776629422789 161.71875 256.0546774978642 159.095764453125 256.0546774978642 155.859375zM256.0546774978642 155.859375M11.7187495422363 150H38.0859360122681C41.3223253389717 150 43.9453107833863 152.622985546875 43.9453107833863 155.859375S41.3223253389717 161.71875 38.0859360122681 161.71875H11.7187495422363C8.4846494732559 161.71875 5.8593747711182 159.095764453125 5.8593747711182 155.859375S8.4823602155328 150 11.7187495422363 150zM11.7187495422363 150M48.1338485103966 249.4377134765625C49.2782570594431 248.29559296875 50.7774331727565 247.7211 52.2788979578556 247.7211C53.778074071169 247.7211 55.2772501844824 248.29559296875 56.4216593194664 249.4377134765625C58.7081883317114 251.7265318359375 58.7081883317114 255.43670625 56.4216593194664 257.725524609375L33.3984361953736 280.7487486328125C31.1096179254056 283.0352783203125 27.4017323280573 283.0352783203125 25.1106253863037 280.7487486328125C22.8240957881213 278.4599302734375 22.8240957881213 274.749755859375 25.1106253863037 272.4609375zM48.1338485103966 249.4377134765625M247.721090323395 247.7211C249.222555108494 247.7211 250.7217312218075 248.29559296875 251.866139770854 249.4377134765625L274.8893628949469 272.4609375C277.1758924931293 274.749755859375 277.1758924931293 278.4599302734375 274.8893628949469 280.7487486328125C272.6005446249788 283.0352783203125 268.890370355845 283.0352783203125 266.601552085877 280.7487486328125L243.5783289617841 257.725524609375C241.2917999495392 255.43670625 241.2917999495392 251.7265318359375 243.5783289617841 249.4377134765625C244.7227380967681 248.29559296875 246.2219142100816 247.7211 247.721090323395 247.7211zM247.721090323395 247.7211M105.4092368980767 64.9978640625C106.5055804099383 66.087341015625 107.1281389793696 67.5933837890625 107.1281389793696 69.140625C107.1281389793696 70.680999609375 106.5055804099383 72.1870423828125 105.4092368980767 73.2833859375C104.3197588156344 74.3728640625 102.809139343393 75 101.2687642082514 75C99.7261009872617 75 98.2154809290828 74.3728640625 97.126003432578 73.2833859375C96.0365259360732 72.1916197265625 95.4093894371332 70.680999609375 95.4093894371332 69.140625C95.4093894371332 67.5933837890625 96.0342372642876 66.082763671875 97.126003432578 64.9978640625C98.2154809290828 63.90380859375 99.7261009872617 63.28125 101.2687642082514 63.28125C102.809139343393 63.28125 104.3197588156344 63.90380859375 105.4092368980767 64.9978640625zM105.4092368980767 64.9978640625" >
+    <glyph glyph-name="park"
+      unicode="&#xF144;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="park-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;"
+      horiz-adv-x="300" d="M294.140625 36.4716796875H276.076171875V52.7408203125H286.5234375C289.7595703125 52.7408203125 292.3828125 55.3640625 292.3828125 58.6001953125V87.74765625C292.3828125 90.9837890625 289.7595703125 93.60703125 286.5234375 93.60703125H268.7771484375V107.7439453125H280.6640625C283.9001953125 107.7439453125 286.5234375 110.3671875 286.5234375 113.6033203125V142.75078125C286.5234375 145.9869140625 283.9001953125 148.61015625 280.6640625 148.61015625H268.7771484375V154.1953125C268.7771484375 157.4314453125 266.1539062500001 160.0546875 262.9177734375 160.0546875S257.0583984375 157.4314453125 257.0583984375 154.1953125V148.61015625H176.4111328125V154.1953125C176.4111328125 157.4314453125 173.7878906250001 160.0546875 170.5517578125 160.0546875S164.6923828125 157.4314453125 164.6923828125 154.1953125V148.61015625H157.9353515625001C157.937109375 148.7765625 157.9417968750001 148.9423828125 157.9417968750001 149.1087890625C157.9417968750001 161.3314453125 153.6621093750001 172.8708984375001 145.8052734375001 182.044921875C148.2738281250001 187.5046875000001 149.5646484375001 193.4630859375 149.5646484375001 199.508203125C149.5646484375001 222.8666015625 130.5609375000001 241.8703125000001 107.2025390625001 241.8703125000001C98.3378906250001 241.8703125000001 89.9378906250001 239.176171875 82.9236328125001 234.2519531250001C82.67109375 256.9001953125001 64.171875 275.2476562500001 41.4650390625001 275.2476562500001C18.601171875 275.2470703125001 0 256.6464843750001 0 233.7826171875V144.0222656250001C0 123.1476562500001 15.5068359375001 105.8291015625 35.6050781250001 102.973828125V36.4716796875001H5.8593750000001C2.6232421875001 36.4716796875001 0 33.8484375 0 30.6123046875001S2.6232421875001 24.7529296875001 5.8593750000001 24.7529296875001H294.1406250000001C297.3767578125001 24.7529296875001 300.0000000000001 27.376171875 300.0000000000001 30.6123046875001S297.3767578125001 36.4716796875001 294.1406250000001 36.4716796875001zM264.357421875 36.4716796875H169.1115234375V52.7408203125H264.357421875zM280.6640625 64.4595703125H152.8048828125V81.88828125H280.6640625zM257.0583984375 93.6064453125H176.4111328125V107.743359375H257.0583984375001zM158.6642578125 136.89140625H274.8046875V119.4626953125H158.6642578125zM152.8048828125 107.7439453125H164.6923828125V93.60703125H146.9455078125C143.709375 93.60703125 141.0861328125 90.9837890625 141.0861328125 87.74765625V58.6001953125C141.0861328125 55.3640625 143.709375 52.7408203125 146.9455078125 52.7408203125H157.3927734375V36.4716796874999H113.0607421875V98.709375C126.7453125 100.290234375 138.788671875 107.335546875 146.9455078125 117.603515625V113.6039062499999C146.9455078125 110.3671874999999 149.56875 107.7439453125 152.8048828125 107.7439453125zM107.201953125 230.1509765625C124.0986328125 230.1509765625 137.8453125 216.404296875 137.8453125 199.5076171875C137.8453125 194.0548828125 136.396875 188.7041015625 133.65703125 184.0318359375C132.3 181.71796875 132.6873046875 178.7783203125 134.5974609375 176.8951171875C142.0939453125 169.5029296875 146.223046875 159.6345703125 146.223046875 149.108203125C146.223046875 129.5830078125 131.8078125 113.3619140625 113.061328125 110.5271484375V133.51640625L126.704296875 147.159375C128.9923828125 149.4474609375 128.9923828125 153.1576171875 126.704296875 155.4462890625C124.4162109375 157.7337890625 120.7060546875 157.7337890625 118.4173828125 155.4462890625L113.0607421875 150.0896484375V164.068359375C113.0607421875 167.3044921875 110.4375 169.927734375 107.2013671875 169.927734375S101.3419921875 167.3044921875 101.3419921875 164.068359375V110.5218749999999C92.11171875 111.8982421874999 83.7427734375 116.5107421875 77.5904296875 123.69140625C80.9865234375 129.7025390625 82.9283203125 136.639453125 82.9283203125 144.0222656249999V218.2107421874999C88.784765625 225.8009765625 97.61953125 230.1509765624999 107.201953125 230.1509765624999zM11.71875 144.022265625V233.7826171875C11.71875 250.184765625 25.0623046875 263.5283203125 41.464453125 263.5283203125C57.866015625 263.5283203125 71.21015625 250.184765625 71.21015625 233.7826171875V144.022265625C71.21015625 129.62578125 60.9287109375 117.58828125 47.323828125 114.858984375V188.902734375C47.323828125 192.1388671875 44.7005859375 194.762109375 41.464453125 194.762109375S35.605078125 192.1388671875 35.605078125 188.902734375V114.858984375C22.0001953125 117.58828125 11.71875 129.62578125 11.71875 144.022265625zM47.323828125 102.973828125C56.1943359375 104.2341796875 64.1689453125 108.310546875 70.3119140625 114.268359375C78.5384765625 105.5232421875 89.438671875 100.0552734375 101.342578125 98.701171875V36.4716796875001H47.323828125z" >
+    <glyph glyph-name="parking"
+      unicode="&#xF145;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="parking-1"
+      unicode="&#x70;&#x61;&#x72;&#x6B;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M249.0498046875 247.603125C239.628515625 257.0244140625 227.7345703125 263.216015625 214.653515625 265.509375C201.8724609375 267.748828125 188.8828125 266.1380859375 177.087890625 260.85C174.134765625 259.52578125 172.8146484375 256.0587890625 174.1388671875 253.10625C175.4619140625 250.1537109375 178.9283203125 248.8341796875 181.8826171875 250.156640625C201.7212890625 259.05234375 225.384375 254.6958984375 240.7634765625 239.316796875C250.723828125 229.3564453125 256.2087890625001 216.113671875 256.2087890625001 202.0283203125C256.2087890625001 187.9423828125 250.7232421875 174.699609375 240.762890625 164.7392578125C220.2017578125 144.178125 186.746484375 144.1787109375 166.1853515625 164.7392578125C150.8244140625 180.1001953125 146.441015625 202.9201171875 155.0185546875 222.875390625C156.296484375 225.8478515625 154.9224609375 229.29375 151.9494140625001 230.5716796875C148.974609375 231.8513671875 145.5298828125 230.4755859375 144.2525390625 227.5025390625C139.2181640625 215.7908203125 137.775 202.948828125 140.0794921875001 190.3658203125C142.4396484375001 177.476953125 148.6013671875001 165.75 157.8990234375 156.45234375C170.4638671875 143.8875 186.969140625 137.6044921875 203.4744140625 137.6044921875S236.484375 143.8869140625 249.04921875 156.45234375C261.2232421875001 168.62578125 267.9275390625001 184.81171875 267.9275390625001 202.027734375S261.2232421875001 235.4291015625 249.0498046875 247.603125zM166.44140625 247.810546875C164.1662109375 250.1109375 160.456640625 250.1314453125 158.155078125 247.8568359375L157.9072265625 247.61015625C155.6150390625 245.326171875 155.6080078125 241.6166015625 157.8919921875 239.323828125C159.0369140625 238.1748046875 160.53984375 237.6 162.0427734375 237.6C163.5380859375 237.6 165.033984375 238.16953125 166.177734375 239.30859375L166.3951171875 239.52421875C168.69609375 241.7994140625 168.7166015625 245.5095703125 166.44140625 247.810546875zM203.4744140625 300C150.249609375 300 106.9482421875 256.6986328125 106.9482421875 203.473828125C106.9482421875 187.758984375 110.813671875 172.156640625 118.1267578125 158.354296875C119.6419921875 155.494921875 123.1875 154.405078125 126.0474609375 155.9197265625C128.9068359375 157.4349609375 129.9966796875 160.9810546875 128.48203125 163.8404296875C122.061328125 175.959375 118.667578125 189.6638671875 118.667578125 203.473828125C118.6669921875 250.2369140625 156.711328125 288.28125 203.4744140625 288.28125S288.28125 250.2369140625 288.28125 203.473828125C288.28125 183.8033203125 281.394140625 164.633203125 268.887890625 149.49609375C268.7044921875 149.2740234375 268.53984375 149.04140625 268.39453125 148.8L215.7310546875 81.33046875C212.2541015625 82.6212890625 208.496484375 83.3291015625 204.5759765625 83.3291015625H198.774609375C198.762890625 83.3291015625 198.751171875 83.3291015625 198.7388671875 83.3291015625H190.055859375L173.3548828125 122.66953125C169.130859375 132.619921875 159.4166015625 139.0494140625 148.606640625 139.0494140625H80.2435546875C69.43359375 139.0494140625 59.719921875 132.619921875 55.4953125 122.66953125L38.7943359375 83.3291015625H32.1421875C14.41875 83.3296875 0 68.9103515625 0 51.1869140625V21.223828125C0 19.6681640625 0.61875 18.1763671875 1.7197265625 17.0771484375C2.818359375 15.9802734375 4.3078125 15.364453125 5.859375 15.364453125C5.8623046875 15.364453125 5.8658203125 15.364453125 5.86875 15.364453125L34.3201171875 15.408984375C36.8712890625 6.5232421875 45.066796875 0 54.7623046875 0C64.4583984375 0 72.65390625 6.523828125 75.205078125 15.4107421875H168.88828125C171.4400390625 6.523828125 179.635546875 0 189.331640625 0C199.0259765625 0 207.2197265625 6.5208984375 209.7732421875 15.4048828125L230.8482421875 15.3650390625C230.8517578125 15.3650390625 230.855859375 15.3650390625 230.859375 15.3650390625C232.4109375 15.3650390625 233.8998046875 15.980859375 234.9984375 17.0771484375C236.0994140625 18.1763671875 236.71875 19.6681640625 236.71875 21.2244140625V51.1875C236.71875 60.7576171875 232.5099609375 69.35859375 225.851953125 75.251953125L278.0771484375 142.1595703125C278.1908203125 142.30546875 278.296875 142.4548828125 278.3947265625 142.608984375C292.332421875 159.75 300 181.3341796875 300 203.473828125C300 256.6986328125 256.6986328125 300 203.4744140625 300zM221.9138671875 61.9646484375H209.9056640625L206.8640625000001 71.4791015625C213.2115234375 70.768359375 218.6859375 67.137890625 221.9138671875 61.9646484375zM120.284765625 127.33125H148.606640625C154.705078125 127.33125 160.184765625 123.704296875 162.5677734375 118.091015625L177.3251953125 83.3296875H120.284765625V127.33125zM11.71875 51.1869140625C11.71875 53.1673828125 12.0076171875 55.0798828125 12.535546875 56.8921875H20.208984375C22.7431640625 56.8921875 24.805078125 54.8302734375 24.805078125 52.29609375C24.805078125 49.7619140625 22.7431640625 47.7 20.208984375 47.7H11.71875V51.1869140625zM54.7623046875 11.71875C49.4953125 11.71875 45.2103515625 16.0037109375 45.2103515625 21.2701171875C45.2103515625 26.5365234375 49.4953125 30.821484375 54.7623046875 30.821484375S64.313671875 26.5365234375 64.313671875 21.2701171875C64.313671875 16.0037109375 60.029296875 11.71875 54.7623046875 11.71875zM108.566015625 27.130078125H75.2056640625C72.6544921875 36.0169921875 64.458984375 42.5408203125 54.762890625 42.5408203125C45.0662109375 42.5408203125 36.8701171875 36.01640625 34.31953125 27.12890625L11.71875 27.092578125V35.9818359375H20.208984375C29.2048828125 35.9818359375 36.523828125 43.30078125 36.523828125 52.2966796875C36.523828125 60.8841796875 29.8529296875 67.93828125 21.4224609375 68.56171875C24.5408203125 70.49296875 28.212890625 71.6115234375 32.1427734375 71.6115234375H108.566015625V27.130078125zM108.566015625 83.3296875H51.525L66.282421875 118.091015625C68.66484375 123.704296875 74.1451171875 127.33125 80.2435546875 127.33125H108.566015625V83.3296875zM189.331640625 11.71875C184.0646484375 11.71875 179.7802734375 16.0037109375 179.7802734375 21.2701171875C179.7802734375 26.5365234375 184.065234375 30.821484375 189.331640625 30.821484375C194.598046875 30.821484375 198.88359375 26.5365234375 198.88359375 21.2701171875C198.88359375 16.0037109375 194.5986328125 11.71875 189.331640625 11.71875zM225 27.0955078125L209.7767578125 27.1236328125C207.22734375 36.0140625 199.030078125 42.5408203125 189.331640625 42.5408203125C179.635546875 42.5408203125 171.4400390625 36.0169921875 168.8888671875 27.130078125H120.284765625V71.6115234375H186.178125H194.51953125L200.04609375 54.3216796875C200.8224609375 51.8941406250001 203.07890625 50.2464843750001 205.6271484375 50.2464843750001H225V27.0955078125zM208.3119140625 235.94765625H191.40234375C188.1662109375 235.94765625 185.54296875 233.3244140625 185.54296875 230.08828125V213.1787109375V196.2685546875V172.03125C185.54296875 168.7951171875 188.1662109375 166.171875 191.40234375 166.171875S197.26171875 168.7951171875 197.26171875 172.03125V190.4091796875H208.3119140625C220.866796875 190.4091796875 231.0814453125 200.623828125 231.0814453125 213.1787109375S220.866796875 235.94765625 208.3119140625 235.94765625zM208.3119140625 202.1279296875H197.26171875V213.1787109375V224.22890625H208.3119140625C214.405078125 224.22890625 219.3626953125 219.271875 219.3626953125 213.1787109375S214.4056640625 202.1279296875 208.3119140625 202.1279296875zM91.2919921875 58.1900390625C88.055859375 58.1900390625 85.4326171875 55.566796875 85.4326171875 52.3306640625V52.2615234375C85.4326171875 49.025390625 88.055859375 46.4021484375 91.2919921875 46.4021484375S97.1513671875 49.025390625 97.1513671875 52.2615234375V52.3306640625C97.1513671875 55.566796875 94.528125 58.1900390625 91.2919921875 58.1900390625z" >
+    <glyph glyph-name="pencil"
+      unicode="&#xF146;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="pencil-1"
+      unicode="&#x70;&#x65;&#x6E;&#x63;&#x69;&#x6C;"
+      horiz-adv-x="300" d="M294.6421875 55.1443359375L289.0828125 85.838671875L286.6125 100.10859375C286.40625 101.29921875 285.83671875 102.397265625 284.9818359375 103.2521484375L270.3861328125 117.8466796875L89.9337890625 298.284375C87.645703125 300.571875 83.9361328125 300.571875 81.6474609375 298.284375L44.6736328125 261.312890625C43.575 260.2142578125 42.957421875 258.7236328125 42.957421875 257.1697265625S43.575 254.1251953125 44.6736328125 253.0265625L88.114453125 209.5892578125L88.1173828125 209.586328125L225.1259765625 72.58828125L239.7216796875 57.99375C240.5759765625 57.1388671875 241.674609375 56.5693359375 242.865234375 56.363671875L257.136328125 53.893359375L287.832421875 48.3345703125C288.1798828125 48.271875 288.5291015625 48.2408203125 288.8765624999999 48.2408203125C290.4158203125 48.2408203125 291.9111328125 48.8484375 293.0197265625 49.95703125C294.378515625 51.3158203125 294.9849609375 53.253515625 294.6421875 55.1443359375zM237.61640625 98.733984375C237.744140625 97.83046875 237.8765625 96.9697265625 238.0037109375 96.1458984375C238.9921875 89.729296875 239.2576171875 88.0048828125 235.61953125 84.366796875C234.5009765625 83.2482421875 232.88203125 82.8134765625 231.6375 82.6494140625L100.54453125 213.732421875L129.23203125 242.417578125L260.3255859375 111.3345703125C260.1615234375 110.0912109375 259.7267578125 108.472265625 258.608203125 107.354296875C254.96953125 103.716796875 253.2451171875 103.981640625 246.828515625 104.9701171875C246.0041015625 105.097265625 245.143359375 105.2291015625 244.23984375 105.357421875C242.4158203125 105.6169921875 240.5771484375001 105.0017578125 239.274609375 103.69921875S237.3580078125 100.5580078125 237.61640625 98.733984375zM81.4640625 232.8111328125L110.1515625 261.4962890625L120.94453125 250.70390625L92.25703125 222.01875zM85.7912109375 285.8548828125L101.8658203125 269.78203125L73.1783203125 241.096875L57.1037109375 257.1697265625zM240.7060546875 73.5814453125C241.809375 74.2458984375 242.8916015625 75.0673828125 243.9052734375 76.08046875C249.834375 82.0095703125 250.6787109375 87.3474609375 250.2580078125 92.7158203125C255.6240234375 92.2951171875 260.96484375 93.139453125 266.8939453125 99.06796875C267.9076171875 100.081640625 268.728515625 101.1638671875 269.3935546875 102.2671875L275.3830078125 96.2783203125L277.01953125 86.82421875L256.15078125 65.9572265625L246.6943359375 67.59375zM270.2033203125 63.4359375L278.67890625 71.9109375L279.540234375 72.772265625L281.605078125 61.37109375zM44.5453125 33.4201171875H172.3330078125C174.703125 33.4201171875 176.839453125 34.848046875 177.746484375 37.037109375C178.653515625 39.2267578125 178.151953125 41.746875 176.476171875 43.42265625L48.6884765625 171.200390625C47.012109375 172.8767578125 44.4919921875 173.377734375 42.3029296875 172.4701171875C40.1138671875 171.5630859375 38.6859375 169.42734375 38.6859375 167.0572265625V39.2794921875C38.6859375 36.043359375 41.3091796875 33.4201171875 44.5453125 33.4201171875zM50.4046875 152.912109375L158.1861328125 45.13828125H50.4046875zM15.266015625 251.8828125C13.5896484375 253.55859375 11.0689453125 254.0595703125 8.88046875 253.1525390625C6.69140625 252.2455078125 5.2634765625 250.109765625 5.2634765625 247.7396484375V5.859375C5.2634765625 2.623828125 7.88671875 0 11.1228515625 0H253.021875C255.39140625 0 257.5283203125 1.4279296875 258.4353515625 3.617578125C259.3423828125 5.806640625 258.8408203125 8.32734375 257.1650390625 10.0025390625zM16.9822265625 11.71875V233.59453125L238.8755859375 11.71875z" >
+    <glyph glyph-name="phone-call"
+      unicode="&#xF147;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="phone-call-1"
+      unicode="&#x70;&#x68;&#x6F;&#x6E;&#x65;&#x2D;&#x63;&#x61;&#x6C;&#x6C;"
+      horiz-adv-x="300" d="M75.608203125 300C72.3720703125 300 69.7482421875 297.3755859375 69.7482421875 294.1400390625C69.7482421875 290.90390625 72.3720703125 288.280078125 75.608203125 288.280078125C108.7095703125 288.280078125 135.6392578125 260.6513671875 135.6392578125 226.6892578125C135.6392578125 223.453125 138.263671875 220.829296875 141.49921875 220.829296875C144.7353515625 220.829296875 147.3591796875 223.4537109375 147.3591796875 226.6892578125C147.359765625 267.1130859375 115.171875 300 75.608203125 300zM75.5888671875 272.1990234375C72.352734375 272.1990234375 69.72890625 269.574609375 69.72890625 266.3390625C69.72890625 263.1029296875 72.352734375 260.4791015625 75.5888671875 260.4791015625C93.71484375 260.4791015625 108.4611328125 245.321484375 108.4611328125 226.6904296875C108.4611328125 223.454296875 111.085546875 220.83046875 114.32109375 220.83046875C117.5572265625 220.83046875 120.1810546875 223.4548828125 120.1810546875 226.6904296875C120.181640625 251.7837890625 100.1771484375 272.1990234375 75.5888671875 272.1990234375zM75.7025390625 246.5888671875C72.4658203125 246.5888671875 69.842578125 243.965625 69.842578125 240.72890625C69.842578125 237.4927734375 72.4669921875 234.8689453125 75.7025390625 234.8689453125C79.937109375 234.8689453125 83.38125 231.2806640625 83.38125 226.8697265625C83.38125 223.63359375 86.005078125 221.009765625 89.2412109375 221.009765625C92.47734375 221.009765625 95.101171875 223.6341796875 95.101171875 226.8697265625C95.1017578125 237.74296875 86.398828125 246.5888671875 75.7025390625 246.5888671875zM268.6458984375 253.5556640625H255.65625C252.4201171875 253.5556640625 249.7962890625 250.9318359375 249.7962890625 247.695703125S252.4201171875 241.8357421875 255.65625 241.8357421875H268.6458984375C279.4705078125 241.8357421875 288.2771484375 233.0291015625 288.2771484375 222.2044921875V142.658203125C288.2771484375 136.4255859375 285.35390625 130.866796875 280.8111328125 127.26796875V142.592578125C280.8111328125 154.548046875 272.28046875 164.8166015625 260.527734375 167.00859375L256.7396484375 167.7146484375C257.5845703125 170.3044921875 258.046875 173.0642578125 258.046875 175.932421875V189.3984375C258.046875 204.0404296875 246.134765625 215.9525390625 231.4927734375 215.9525390625S204.9392578125 204.0404296875 204.9392578125 189.3984375V175.932421875C204.9392578125 173.0642578125 205.4021484375 170.3044921875 206.246484375 167.7146484375L202.4583984375 167.00859375C190.705078125 164.8171875 182.175 154.5486328125 182.175 142.592578125V125.6044921875C176.25234375 128.98828125 172.2486328125 135.3626953125 172.2486328125 142.658203125V222.2044921875C172.2486328125 233.0291015625 181.0552734375 241.8357421875 191.8798828125 241.8357421875H205.8462890625C209.082421875 241.8357421875 211.70625 244.4595703125 211.70625 247.695703125S209.0818359375 253.5556640625 205.8462890625 253.5556640625H191.8798828125C174.59296875 253.5556640625 160.5287109375 239.49140625 160.5287109375 222.2044921875V142.658203125C160.5287109375 125.3712890625 174.59296875 111.30703125 191.8798828125 111.30703125H221.3677734375V94.4583984375C221.3677734375 92.0917968750001 222.7916015625 89.956640625 224.9765625 89.0484375C225.7042968750001 88.7455078125 226.468359375 88.5984375000001 227.2265625 88.5984375000001C228.7453125 88.5984375000001 230.2388671875 89.1890625 231.35859375 90.3011718750001L252.4968750000001 111.3070312500001H268.6458984375C285.9328125 111.3070312500001 299.9970703125 125.3712890625001 299.9970703125 142.6582031250001V222.2044921875C299.9970703125 239.49140625 285.9328125 253.5556640625 268.6458984375 253.5556640625zM216.65859375 189.3984375C216.65859375 197.578125 223.3125 204.2326171875 231.4921875 204.2326171875S246.3263671875 197.578125 246.3263671875 189.3984375V175.932421875C246.3263671875 167.752734375 239.671875 161.0982421875 231.4921875 161.0982421875C223.3125 161.0982421875 216.65859375 167.752734375 216.65859375 175.932421875V189.3984375zM269.089453125 123.0392578125C268.9412109375 123.0357421875 268.794140625 123.028125 268.6447265625 123.028125H250.08046875V123.026953125C248.532421875 123.026953125 247.04765625 122.4146484375 245.949609375 121.32421875L233.0876953125 108.542578125V117.167578125C233.0876953125 120.4037109375 230.46328125 123.0275390625 227.227734375 123.0275390625H193.8955078125V142.5931640625C193.8955078125 148.906640625 198.40078125 154.330078125 204.60703125 155.487890625L212.8681640625 157.0283203125C217.6646484375 152.3015625 224.2423828125 149.37890625 231.4927734375 149.37890625C238.742578125 149.37890625 245.321484375 152.302734375 250.11796875 157.02890625L258.3796875 155.4884765625C264.5865234375 154.3306640625 269.0912109375 148.9078125 269.0912109375 142.5931640625V123.0392578125zM232.0611328125 251.8365234375C230.971875 252.9322265625 229.4595703125 253.5533203125 227.9185546875 253.5533203125C226.3775390625 253.5533203125 224.865234375 252.9322265625 223.775390625 251.8365234375C222.685546875 250.751953125 222.05859375 249.2396484375 222.05859375 247.693359375C222.05859375 246.15234375 222.6849609375 244.6400390625 223.775390625 243.5501953125C224.865234375 242.4609375 226.376953125 241.8333984375 227.9185546875 241.8333984375C229.4595703125 241.8333984375 230.971875 242.4603515625 232.0611328125 243.5501953125C233.1509765625 244.6458984375 233.778515625 246.1517578125 233.778515625 247.693359375C233.778515625 249.240234375 233.1515625 250.7466796875 232.0611328125 251.8365234375zM108.912890625 102.8689453125C107.823046875 103.9587890625 106.3171875 104.5857421875 104.7697265625 104.5857421875C103.2287109375 104.5857421875 101.71640625 103.9587890625 100.6271484375 102.8689453125C99.5373046875 101.7791015625 98.909765625 100.2673828125 98.909765625 98.72578125C98.909765625 97.17890625 99.53671875 95.6724609375 100.6271484375 94.5826171875C101.722265625 93.4869140625 103.2287109375 92.860546875 104.7697265625 92.860546875C106.3107421875 92.860546875 107.823046875 93.4869140625 108.912890625 94.5826171875C110.00859375 95.6724609375 110.6296875 97.1794921875 110.6296875 98.72578125C110.6296875 100.266796875 110.00859375 101.778515625 108.912890625 102.8689453125zM237.178125 49.880859375L192.28359375 94.7759765625C186.30703125 100.7525390625 176.905078125 101.6267578125 169.930078125 96.856640625L141.2765625 77.2640625C138.9509765625 75.6744140625 135.8185546875 75.965625 133.82578125 77.9583984375L124.3505859375 87.4341796875C122.0630859375 89.72109375 118.353515625 89.7216796875 116.0625 87.4341796875C113.7744140625 85.14609375 113.7744140625 81.4359375 116.0625 79.14609375L125.5376953125 69.6703125C131.5142578125 63.6943359375 140.9150390625 62.818359375 147.8912109375 67.5896484375L176.5447265625 87.181640625C178.869140625 88.7712890625 182.002734375 88.4806640625 183.9955078125 86.487890625L228.890625 41.5927734375C231.1751953125 39.3087890625 231.174609375 35.5904296875 228.8900390625 33.3046875C200.1017578125 4.51640625 153.258984375 4.51640625 124.470703125 33.3046875L33.309375 124.4671875C19.362890625 138.4130859375 11.68359375 156.9544921875 11.68359375 176.6771484375S19.3634765625 214.941796875 33.3099609375 228.88828125C34.416796875 229.9951171875 35.8880859375 230.60390625 37.453125 230.60390625C39.01875 230.60390625 40.490625 229.99453125 41.596875 228.8876953125L86.49140625 183.992578125C88.4830078125 182.0009765625 88.7748046875 178.866796875 87.1857421875 176.541796875L67.5943359375 147.88828125C62.823046875 140.9126953125 63.6984375 131.5119140625 69.6744140625 125.534765625L83.9173828125 111.291796875C86.2060546875 109.004296875 89.915625 109.004296875 92.20546875 111.291796875C94.4935546875 113.5798828125 94.4935546875 117.290625 92.20546875 119.5798828125L77.9625 133.8228515625C75.9708984375 135.814453125 75.6791015625 138.948046875 77.26875 141.273046875L96.8607421875 169.9265625C101.630859375 176.902734375 100.75546875 186.3041015625 94.7794921875 192.280078125L49.8849609375 237.1751953125C43.0306640625 244.0294921875 31.87734375 244.0294921875 25.021875 237.1751953125C-8.3361328125 203.8166015625 -8.3361328125 149.53828125 25.021875 116.1796875L116.183203125 25.0189453125C132.8625 8.3396484375 154.7712890625 0 176.680078125 0C198.589453125 0.0005859375 220.4982421875 8.340234375 237.1775390625 25.0189453125C244.0318359375 31.8732421875 244.0318359375 43.0259765625 237.178125 49.880859375zM78.9416015625 155.9068359375L43.4185546875 191.4298828125C41.129296875 193.7173828125 37.4197265625 193.7173828125 35.13046875 191.4298828125C32.8423828125 189.1412109375 32.8423828125 185.43046875 35.13046875 183.141796875L70.6541015625 147.61875C71.7984375 146.475 73.297265625 145.9025390625 74.7978515625 145.9025390625C76.297265625 145.9025390625 77.797265625 146.475 78.9416015625 147.61875C81.2296875 149.907421875 81.2296875 153.6181640625 78.9416015625 155.9068359375zM214.8990234375 19.95L177.52265625 57.3263671875C175.2333984375 59.6138671875 171.523828125 59.6138671875 169.2345703125001 57.3263671875C166.9464843750001 55.0376953125 166.9464843750001 51.326953125 169.2345703125001 49.03828125L206.6109375 11.6619140625C207.7552734375 10.5181640625 209.2541015625001 9.945703125 210.7546875 9.945703125C212.2541015625001 9.945703125 213.7541015625 10.5181640625 214.8990234375 11.6619140625C217.187109375 13.951171875 217.187109375 17.661328125 214.8990234375 19.95z" >
+    <glyph glyph-name="pin"
+      unicode="&#xF148;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="pin-1"
+      unicode="&#x70;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M150 300C94.8609375 300 49.9998046875 255.1388671875 49.9998046875 199.9998046875C49.9998046875 183.4470703125 54.13828125 167.0349609375 62.0056640625 152.4779296875L144.5314453125 3.22265625C145.630078125 1.2328125 147.7236328125 0 150 0S154.369921875 1.2328125 155.4685546875 3.22265625L238.0248046875 152.5271484375C245.86171875 167.0349609375 250.0001953125 183.44765625 250.0001953125 200.000390625C250.0001953125 255.1388671875 205.1390625 300 150 300zM150 150C122.43046875 150 100.0001953125 172.4302734375 100.0001953125 199.9998046875C100.0001953125 227.5693359375 122.43046875 249.999609375 150 249.999609375S199.9998046875 227.5693359375 199.9998046875 199.9998046875C199.9998046875 172.4302734375 177.56953125 150 150 150z" >
+    <glyph glyph-name="plane"
+      unicode="&#xF149;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plane-1"
+      unicode="&#x70;&#x6C;&#x61;&#x6E;&#x65;"
+      horiz-adv-x="300" d="M169.5936483754724 286.4424457270091C166.9756540591217 292.5930917294114 161.819353704626 297.2648170392289 155.2140157618727 299.3185480326956C145.5506401429702 301.8416195470659 135.3681188292854 297.1851287610231 130.9413177863065 288.2664869774119C123.7113643687927 273.7415404447309 119.9343743591246 257.478100372074 120.0240236721062 241.2744265080714V84.9348138165412C120.0240236721062 84.6201623062726 120.0539067764334 84.3055107960039 120.1142589283098 83.9902733425131L133.5645855916562 14.2993583921718C134.6989716696452 6.1400990244045 141.7636890985263 -0.0005859432221 149.9879881639469 -0.0005859432221C149.9932616529458 -0.0005859432221 150.0032226877216 -0.0005859432221 150.0131837224973 -0.0005859432221C158.2474438226936 -0.0005859432221 165.3074737057979 6.1447865701814 166.3967421556851 14.0391996015587L179.8869129581344 83.989687399291C179.9519526557876 84.2996513637829 179.9818357601148 84.6189904198284 179.9818357601148 84.9342278733191V241.2843875428471C179.9466791667887 256.9179386517447 176.3191046787566 272.6118419125187 169.5936483754724 286.4424457270091zM169.988574107169 85.4193888612194L156.5482084785984 15.6786687369994C156.0987900272464 12.4360589458882 153.2856766179357 9.9926757097238 149.9979491987226 9.9926757097238C146.7154952685085 9.9926757097238 143.9070694049746 12.4360589458882 143.4224943602965 15.9335540386137L130.0219728708288 85.4147013154426V241.2990361233997C129.942284592623 255.9733981777166 133.3548179181437 270.6782292795828 139.8951161632438 283.8191779216594C142.233615562652 288.526059824803 147.6295666949872 290.9794040957431 152.4659420502153 289.7149386224475C156.0384378753698 288.6004746140099 158.9365130518853 285.9824802976592 160.5003955116749 282.3103741247473C166.6762370726276 269.5942343186946 169.9534175138429 255.4044473090558 169.988574107169 241.2744265080714V85.4193888612194zM127.5785896346644 189.1612222775613C126.0645123487534 190.0653326692644 124.1807048896962 190.1004892625905 122.6420179884569 189.2614185685407L2.7269797556617 124.3066826824481C1.1132921219934 123.4324553950722 0.1089854393109 121.7484545747518 0.1089854393109 119.9150382327953V89.936425160402C0.1089854393109 88.2975419681833 0.9082119942578 86.7688161017198 2.2576392347582 85.8295491166906C3.1072569068057 85.244777781033 4.1016025547124 84.9400873055401 5.1059092373949 84.9400873055401C5.6953681188293 84.9400873055401 6.2901004892626 85.0402835965195 6.8596373011455 85.2547388158088L126.7746755339407 130.2229513960097C128.7235226906513 130.9571382533033 130.017285325052 132.8210236428091 130.017285325052 134.904637740603V184.8691881756658C130.0166993818299 186.6276037851932 129.0926669205754 188.2565259426362 127.5785896346644 189.1612222775613zM120.0240236721062 138.3669762400024L10.1016611490347 97.1458705651423V116.9366888348519L120.0240236721062 176.4743796326136V138.3669762400024zM297.2782937333373 124.3066826824481L177.363255500542 189.2608326253186C175.814607564527 190.0952157735916 173.9407611402455 190.0653326692644 172.4266838543345 189.1606363343392C170.9178800574224 188.261213488413 169.988574107169 186.6322913309701 169.988574107169 184.8686022324437V134.9040517973809C169.988574107169 132.820437699587 171.2776491957929 130.9518647643044 173.2264963525034 130.2223654527877L293.1415345852987 85.2541528725867C293.7163448861805 85.0443851990742 294.3104913133917 84.939501362318 294.9005361380482 84.939501362318C295.9048428207306 84.939501362318 296.8991884686374 85.2395042920342 297.7382591626871 85.8289631734685C299.0871004599655 86.7635426127209 299.8916005039112 88.2969560249612 299.8916005039112 89.9358392171799V119.9144522895732C299.8916005039112 121.7484545747517 298.8872938212287 123.4324553950722 297.2782937333373 124.3066826824481zM289.9036123399643 97.1458705651423L179.9812498168927 138.3669762400024V176.4802390648346L289.9036123399643 116.937274778074V97.1458705651423zM80.0521489467671 184.8639146866669C71.7880057422436 184.8639146866669 65.0625494389594 178.1384583833827 65.0625494389594 169.8743151788592V154.8847156710515H75.0552251486831V169.8743151788592C75.0552251486831 172.6276623795155 77.2988017461108 174.870653033721 80.051563003545 174.870653033721S85.0479008584068 172.6270764362933 85.0479008584068 169.8743151788592V164.8779773239973H95.0405765681305V169.8743151788592C95.0417484545748 178.1390443266048 88.3162921512905 184.8639146866669 80.0521489467671 184.8639146866669zM35.0839363665661 159.8869129581344C26.8197931620426 159.8869129581344 20.0943368587584 153.1614566548502 20.0943368587584 144.8973134503267V129.907713942519H30.0870125684821V144.8973134503267C30.0870125684821 147.6500747077608 32.3305891659098 149.8889637594117 35.083350423344 149.8889637594117C37.8361116807781 149.8889637594117 40.0796882782058 147.6506606509829 40.0796882782058 144.8973134503267H50.0723639879296C50.0735358743738 153.1614566548502 43.3480795710896 159.8869129581344 35.0839363665661 159.8869129581344zM219.9531245422318 184.8639146866669C211.6889813377084 184.8639146866669 204.9635250344242 178.1384583833827 204.9635250344242 169.8743151788592V164.8779773239973H214.9562007441479V169.8743151788592C214.9562007441479 172.6276623795155 217.1945038525767 174.870653033721 219.9525385990097 174.870653033721C222.7105733454428 174.870653033721 224.9488764538716 172.6270764362933 224.9488764538716 169.8743151788592V154.8847156710515H234.9415521635953V169.8743151788592C234.9427240500395 178.1390443266048 228.2172677467554 184.8639146866669 219.9531245422318 184.8639146866669zM264.9213371224328 159.8869129581344C256.6571939179094 159.8869129581344 249.9317376146251 153.1614566548502 249.9317376146251 144.8973134503267H259.9244133243489C259.9244133243489 147.6500747077608 262.1627164327777 149.8889637594117 264.9207511792107 149.8889637594117C267.6787859256438 149.8889637594117 269.9170890340726 147.6506606509829 269.9170890340726 144.8973134503267V129.907713942519H279.9097647437963V144.8973134503267C279.9109366302405 153.1614566548502 273.1854803269564 159.8869129581344 264.9213371224328 159.8869129581344zM139.1802654322796 19.9156241760174L85.0437992558521 10.89209855565V22.1492397386694L132.5854744675241 50.6741276770281L127.443822693581 59.2429613570446L77.4792722585182 29.2643482846513C75.9751560073829 28.364925438725 75.0558110919052 26.741276770281 75.0558110919052 24.9822752175315V4.996337854862C75.0558110919052 3.5273781970528 75.7056221252161 2.1281457826738 76.8247736794305 1.1841912518677C77.7341575601324 0.4148478012481 78.8785046728972 1e-13 80.0527348899892 1e-13C80.322268772156 1e-13 80.5970761433217 0.0251955585504 80.8671959687106 0.0650396976533L140.8250080567193 10.057715407377L139.1802654322796 19.9156241760174zM222.521313684704 29.2643482846513L172.5567632496411 59.2429613570445L167.4156974189201 50.6741276770281L214.9573726305921 22.1492397386693V10.8973720446489L160.8156329651657 19.9208976650163L159.176749772947 10.0629888963759L219.1345618609557 0.0703131866522C219.4093692321214 0.0251955585504 219.6789031142882 0.0005859432221 219.953710485454 0.0005859432221C221.1279407025459 0.0005859432221 222.2722878153107 0.4154337444702 223.1763982070137 1.1847771950898C224.3008232502271 2.1340052148947 224.945360794539 3.5279641402748 224.945360794539 4.996923798084V24.9828611607535C224.9447748513169 26.7360032812821 224.0254299358392 28.3596519497261 222.521313684704 29.2643482846513zM161.329505170949 261.6500161134386C159.6958954677292 266.5414701315443 155.0341311926875 269.6844695748982 149.9475580816219 269.8092754812059C144.6465297512671 269.7594703073272 140.0896493129816 266.3065068994815 138.6704948290511 261.4250139161516L135.2726100840828 251.4323382064278L144.7361790642487 248.2143380306449L148.1985175636481 258.4173673571031C148.4434418304866 259.2464770163772 149.1829021767791 259.8113262824832 150.0073242902763 259.8165997714821C150.8469809275481 259.8165997714821 151.5864412738405 259.2822195529253 151.8512876102306 258.4976415785311L155.2491723551988 248.2547681129699L164.732663404916 251.3977675563238L161.329505170949 261.6500161134386z" >
+    <glyph glyph-name="plus"
+      unicode="&#xF14A;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="plus-1"
+      unicode="&#x70;&#x6C;&#x75;&#x73;"
+      horiz-adv-x="300" d="M150 0C67.286682421875 0 0 67.286682421875 0 150S67.286682421875 300 150 300S300 232.713317578125 300 150S232.713317578125 0 150 0zM150 281.25C77.6252748046875 281.25 18.75 222.3747251953125 18.75 150S77.6252748046875 18.75 150 18.75S281.25 77.6252748046875 281.25 150S222.3747251953125 281.25 150 281.25zM150 281.25M215.625 140.625H84.375C79.1999818359375 140.625 75 144.8249818359375 75 150S79.1999818359375 159.375 84.375 159.375H215.625C220.8000181640625 159.375 225 155.1750181640625 225 150S220.8000181640625 140.625 215.625 140.625zM215.625 140.625M150 75C144.8249818359375 75 140.625 79.1999818359375 140.625 84.375V215.625C140.625 220.8000181640625 144.8249818359375 225 150 225S159.375 220.8000181640625 159.375 215.625V84.375C159.375 79.1999818359375 155.1750181640625 75 150 75zM150 75" >
+    <glyph glyph-name="quotation"
+      unicode="&#xF14B;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="quotation-1"
+      unicode="&#x71;&#x75;&#x6F;&#x74;&#x61;&#x74;&#x69;&#x6F;&#x6E;"
+      horiz-adv-x="300" d="M73.7619140625 162.27890625C76.396875 182.255859375 94.055859375 200.337890625 126.357421875 216.094921875L132.1740234375 218.9326171875L108.326953125 262.9599609375L102.943359375 260.23125C34.6353515625 225.6052734375 0 176.670703125 0 114.78515625C0 93.432421875 6.778125 74.990625 20.1474609375 59.970703125C33.704296875 44.7416015625 50.15625 37.0195312499999 69.0498046875 37.0195312499999C86.026171875 37.0195312499999 100.421484375 43.0646484375 111.835546875 54.9890625C123.1751953125 66.83671875 128.925 81.5525390625 128.925 98.7287109375C128.925 114.9591796875 123.1171875 129.4236328125 111.6626953125 141.7201171875C101.5599609375 152.56640625 88.8298828125 159.4658203125 73.7619140625 162.27890625zM102.873046875 63.5677734375C93.7640625 54.0515625 82.700390625 49.426171875 69.0498046875 49.426171875C53.63671875 49.426171875 40.672265625 55.573828125 29.4158203125 68.2201171875C17.9701171875 81.0779296875 12.4060546875 96.309375 12.4060546875 114.7857421875C12.4060546875 143.14921875 20.39296875 168.7564453125 36.1435546875 190.894921875C51.172265625 212.0173828125 73.71328125 230.666015625 103.1982421875 246.383203125L115.144921875 224.32734375C79.215234375 205.498828125 61.0107421875 182.865234375 61.0107421875 156.9890625V151.4484375L66.515625 150.825C81.34453125 149.1462890625 93.1412109375 143.40234375 102.584765625 133.264453125C111.9603515625 123.19921875 116.518359375 111.9017578125 116.518359375 98.729296875C116.5189453125 84.662109375 112.0546875 73.161328125 102.873046875 63.5677734375zM242.112890625 162.2607421875C244.7162109375 182.2541015625 262.2298828125 200.3455078125 294.2724609375 216.104296875L300 218.9208984375L276.7453125 262.9798828125L271.3083984375 260.2365234375C202.6880859375 225.6123046875 167.8951171875 176.675390625 167.8951171875 114.78515625C167.8951171875 93.4189453125 174.7599609375 74.9671875 188.298046875 59.9431640625C202.0048828125 44.7328125 218.5248046875 37.0201171875 237.403125 37.0201171875C254.4005859375 37.0201171875 268.7296875 43.076953125 279.9919921875 55.023046875C291.1576171875 66.866015625 296.81953125 81.570703125 296.81953125 98.729296875C296.81953125 114.9603515625 291.01171875 129.4248046875 279.5583984375 141.720703125C269.476171875 152.5435546875 256.899609375 159.437109375 242.112890625 162.2607421875zM270.9662109375 63.5337890625C262.01484375 54.0404296875 251.0373046875 49.4255859375 237.403125 49.4255859375C221.9748046875 49.4255859375 208.9271484375 55.58203125 197.5142578125 68.24765625C185.930859375 81.101953125 180.3005859375 96.3240234375 180.3005859375 114.78515625C180.3005859375 143.1439453125 188.323828125 168.7470703125 204.144140625 190.883203125C219.2396484375 212.0009765625 241.8779296875 230.6466796875 271.48828125 246.362109375L283.1109375000001 224.340234375C247.4402343750001 205.5052734375 229.3658203125 182.8669921875 229.3658203125 156.9884765625V151.46015625L234.856640625 150.826171875C249.380859375 149.1498046875 261.0328125 143.4052734375 270.4810546875 133.2638671875C279.856640625 123.19921875 284.4134765625 111.9029296875 284.4134765625 98.7287109375C284.4140625 84.6439453125 280.01484375 73.130859375 270.9662109375 63.5337890625z" >
+    <glyph glyph-name="right-arrow"
+      unicode="&#xF14C;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-arrow-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x61;&#x72;&#x72;&#x6F;&#x77;"
+      horiz-adv-x="300" d="M296.562890625 158.2951171875C296.5593750000001 158.2986328125 296.5564453125 158.302734375 296.5523437500001 158.30625L235.31953125 219.24375C230.7322265625 223.8087890625 223.3125 223.791796875 218.7462890625 219.20390625C214.1806640625 214.6166015625 214.1982421875 207.196875 218.785546875 202.63125L259.897265625 161.71875H11.71875C5.246484375 161.71875 0 156.472265625 0 150C0 143.527734375 5.246484375 138.28125 11.71875 138.28125H259.8966796875L218.7861328125 97.36875C214.198828125 92.803125 214.18125 85.3833984375 218.746875 80.79609375C223.3130859375 76.2076171875 230.7333984375 76.191796875 235.3201171875 80.75625L296.5529296875 141.69375C296.5564453125 141.697265625 296.5593750000001 141.7013671875 296.5634765625 141.7048828125C301.153125 146.2857421875 301.1384765625 153.7294921875 296.562890625 158.2951171875z" >
+    <glyph glyph-name="right-quote"
+      unicode="&#xF14D;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="right-quote-1"
+      unicode="&#x72;&#x69;&#x67;&#x68;&#x74;&#x2D;&#x71;&#x75;&#x6F;&#x74;&#x65;"
+      horiz-adv-x="300" d="M70.3125 254.8828125C31.5421875 254.8828125 0 223.340625 0 184.5703125C0 166.0306640625 7.153125 148.5369140625 20.141015625 135.3111328125C32.7140625 122.5078125 49.381640625 115.095703125 67.2357421875 114.3275390625C67.3201171875 113.2119140625 67.3828125 111.6744140625 67.3828125 109.5703125C67.3828125 100.95 60.82734375 74.6103515625 56.6947265625 60.0328125L52.466015625 45.1171875H103.784765625L107.2224609375 50.6560546875C108.5859375 52.8533203125 140.625 105.38203125 140.625 184.5703125C140.625 223.340625 109.0828125 254.8828125 70.3125 254.8828125zM90.3451171875 68.5546875H83.2376953125C86.605078125 81.7875 90.8203125 100.2193359375 90.8203125 109.5703125C90.8203125 116.990625 90.26953125 122.951953125 87.5794921875 127.927734375C85.18359375 132.359765625 80.17265625 137.6384765625 69.894140625 137.6947265625L69.3826171875 137.7076171875C44.0484375 138.1986328125 23.4375 159.2208984375 23.4375 184.5703125C23.4375 210.4171875 44.465625 231.4453125 70.3125 231.4453125S117.1875 210.4171875 117.1875 184.5703125C117.1875 126.375 97.94765625 83.300390625 90.3451171875 68.5546875zM229.6875 254.8828125C190.9171875 254.8828125 159.375 223.340625 159.375 184.5703125C159.375 166.0306640625 166.528125 148.5369140625 179.516015625 135.3111328125C192.0890625 122.5078125 208.756640625 115.095703125 226.6107421875 114.3275390625C226.6951171875 113.2119140625 226.7578125 111.6744140625 226.7578125 109.5703125C226.7578125 100.95 220.20234375 74.6103515625 216.0697265625 60.0328125L211.841015625 45.1171875H263.159765625L266.5974609375 50.6560546875C267.9609375 52.8533203125 300 105.38203125 300 184.5703125C300 223.340625 268.4578125 254.8828125 229.6875 254.8828125zM249.7201171875 68.5546875H242.6126953125C245.980078125 81.7875 250.1953125 100.2193359375 250.1953125 109.5703125C250.1953125 116.990625 249.64453125 122.951953125 246.9544921875 127.927734375C244.55859375 132.359765625 239.54765625 137.6384765625 229.269140625 137.6947265625L228.7576171875 137.7076171875C203.4234375 138.1986328125 182.8125 159.2208984375 182.8125 184.5703125C182.8125 210.4171875 203.840625 231.4453125 229.6875 231.4453125S276.5625 210.4171875 276.5625 184.5703125C276.5625 126.375 257.32265625 83.300390625 249.7201171875 68.5546875z" >
+    <glyph glyph-name="salad"
+      unicode="&#xF14E;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="salad-1"
+      unicode="&#x73;&#x61;&#x6C;&#x61;&#x64;"
+      horiz-adv-x="300" d="M280.062890625 127.1923828125C277.6212890625 135.4845703125 272.7673828125 142.8416015625 266.159765625 148.3921875C267.2953125 161.27109375 262.7701171875 173.95546875 253.51875 183.2068359375C244.2673828125 192.4576171875 231.587109375 196.9828125 218.7087890625 195.8484375C210.4060546875 205.75546875 198.237890625 211.5234375 185.15625 211.5234375C170.872265625 211.5234375 158.068359375 204.4810546875 150.008203125 193.6458984375C141.9029296875 204.603515625 129.196875 211.5234375 114.84375 211.5234375C101.762109375 211.5234375 89.5939453125 205.75546875 81.290625 195.8478515625C68.415234375 196.981640625 55.730859375 192.4564453125 46.48125 183.20625C37.2298828125 173.9548828125 32.7041015625 161.2705078125 33.8396484375 148.3916015625C27.2326171875 142.8416015625 22.378125 135.483984375 19.9365234375 127.191796875C17.90859375 120.305859375 17.6115234375 113.157421875 19.013671875 106.0541015625H0V88.4759765625H1.076953125C5.46328125 48.9814453125 39.0416015625 18.1640625 79.6875 18.1640625H88.4765625V0H211.5234375V18.1640625H220.3125C261.2595703125 18.1640625 295.086328125 48.9814453125 299.50546875 88.4765625H300C300 94.62421875 300 99.90703125 300 106.0546875H280.9857421875C282.387890625 113.157421875 282.0908203125 120.3064453125 280.062890625 127.1923828125zM185.15625 193.9453125C194.1685546875 193.9453125 202.4701171875 189.34921875 207.3626953125 181.65L210.6708984375 176.4439453125L216.69140625 177.7857421875C225.5953125 179.769140625 234.7154296875 177.1494140625 241.088671875 170.7767578125C247.4607421875 164.4041015625 250.0810546875 155.2833984375 248.0970703125 146.3794921875L246.755859375 140.358984375L251.9619140625 137.05078125C260.709375 131.4919921875 267.191015625 119.7837890625 262.84453125 106.0552734375H210.8865234375C211.3013671875 108.952734375 211.5228515625 111.8859375 211.5228515625 114.8443359375C211.5228515625 145.3201171875 189.247265625 170.687109375 160.1244140625 175.5298828125C163.658203125 186.1998046875 173.5986328125 193.9453125 185.15625 193.9453125zM141.2109375 114.84375C141.2109375 119.6900390625 145.1537109375 123.6328125 150 123.6328125S158.7890625 119.6900390625 158.7890625 114.84375S154.8462890625 106.0546875 150 106.0546875S141.2109375 109.9974609375 141.2109375 114.84375zM150 141.2109375C135.4611328125 141.2109375 123.6328125 129.3826171875 123.6328125 114.84375C123.6328125 111.762890625 124.1689453125 108.8056640625 125.14453125 106.0546875H106.939453125C106.3564453125 108.93046875 106.0546875 111.868359375 106.0546875 114.84375C106.0546875 139.0751953125 125.7685546875 158.7890625 150 158.7890625S193.9453125 139.0751953125 193.9453125 114.84375C193.9453125 111.868359375 193.6435546875 108.93046875 193.060546875 106.0546875H174.85546875C175.8310546875 108.8056640625 176.3671875 111.762890625 176.3671875 114.84375C176.3671875 129.3826171875 164.5388671875 141.2109375 150 141.2109375zM48.0375 137.0501953125L53.2435546875 140.358984375L51.9017578125 146.380078125C49.9177734375 155.283984375 52.5375 164.4041015625 58.91015625 170.7767578125S74.403515625 179.7697265625 83.307421875 177.7857421875L89.3279296875 176.4439453125L92.6361328125 181.65C97.5298828125 189.34921875 105.8314453125 193.9453125 114.84375 193.9453125C126.3720703125 193.9453125 136.287890625 186.19453125 139.8087890625 175.5181640625C110.7181640625 170.6478515625 88.4765625 145.2966796875 88.4765625 114.84375C88.4765625 111.8853515625 88.698046875 108.9521484375 89.112890625 106.0546875H37.1548828125C32.8078125 119.783203125 39.2900390625 131.49140625 48.0375 137.0501953125zM220.3125 35.7421875H193.9453125V17.578125H106.0546875V35.7421875H79.6875C48.7470703125 35.7421875 23.0677734375 58.7009765625 18.78984375 88.4765625H281.7896484375C277.4712890625 58.7009765625 251.54765625 35.7421875 220.3125 35.7421875zM212.6068359375 230.5001953125C236.1216796875 236.5734375 250.241015625 260.51953125 244.1666015625 284.0384765625L241.9687500000001 292.548046875L156.870703125 270.56953125L159.0685546875 262.0599609375C165.141796875 238.54453125 189.087890625 224.42578125 212.6068359375 230.5001953125zM227.89921875 270.759375C227.5646484375 266.8869140625 226.3640625 263.10703125 224.33203125 259.659375C220.75546875 253.5919921875 215.0302734375 249.2806640625 208.2111328125 247.5193359375C201.3908203125 245.7580078125 194.2951171875 246.7576171875 188.2283203125 250.3341796875C184.7806640625 252.366796875 181.9001953125 255.092578125 179.7322265625 258.31875zM66.39375 211.9048828125L70.8984375 209.2154296875L75.403125 211.9048828125C78.540234375 213.7775390625 106.0546875 230.8869140625 106.0546875 254.6080078125S78.5408203125 295.437890625 75.403125 297.310546875L70.8984375 300L66.39375 297.310546875C63.2560546875 295.437890625 35.7421875 278.328515625 35.7421875 254.6080078125S63.2560546875 213.7775390625 66.39375 211.9048828125zM70.8978515625 279.1359375C78.0216796875 273.7974609375 88.4765625 263.9490234375 88.4765625 254.6080078125C88.4765625 245.2646484375 78.0158203125 235.41328125 70.8990234375 230.0794921875C63.7751953125 235.4185546875 53.3203125 245.26640625 53.3203125 254.6080078125C53.3203125 263.95078125 63.7810546875 273.8021484375 70.8978515625 279.1359375zM273.6328125 193.9453125C288.1716796875 193.9453125 300 205.7736328125 300 220.3125S288.1716796875 246.6796875 273.6328125 246.6796875S247.265625 234.8513671875 247.265625 220.3125S259.0939453125 193.9453125 273.6328125 193.9453125zM273.6328125 229.1015625C278.4791015625001 229.1015625 282.421875 225.1587890625 282.421875 220.3125S278.4791015625001 211.5234375 273.6328125 211.5234375S264.84375 215.4662109375 264.84375 220.3125S268.7865234375 229.1015625 273.6328125 229.1015625zM0 211.5234375H17.578125V193.9453125H0zM123.6328125 246.6796875H141.2109375V229.1015625H123.6328125z" >
+    <glyph glyph-name="secure-shield"
+      unicode="&#xF14F;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109986 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure-shield-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x69;&#x65;&#x6C;&#x64;"
+      horiz-adv-x="300" d="M273.2777865668231 248.1967808656624C232.0014999970703 259.5065244013196 190.482635776102 277.1168415686688 153.209466387761 299.1234392120328C151.229587442212 300.2923822414409 148.7727563032104 300.2923822414409 146.793463294017 299.1234392120328C108.4451006931627 276.4846162409839 69.1697867777602 259.8270315878289 26.7216274968213 248.1967808656624C23.9794453526458 247.4461963941477 22.0786678151019 244.9536231374549 22.0786678151019 242.1100740037617V177.6301218161683C22.0786678151019 111.2300561912965 52.7108345491513 67.2777982855502 78.4088312327515 42.099527149361C106.0744021984332 14.9911816578483 138.3009017560513 -1e-13 150.001464840889 -1e-13C161.7008560530155 -1e-13 193.9273556106336 14.9911816578482 221.5929265763153 42.099527149361C247.2903373235599 67.2772123491946 277.9207462485425 111.2294702549409 277.9207462485425 177.6301218161683V242.1106599401173C277.9207462485425 244.9536231374549 276.0199687109987 247.4461963941477 273.2777865668231 248.1967808656624zM265.2996771490681 177.6307077525239C265.2996771490681 115.6134460674882 236.7288345139951 74.6008308577522 212.7593500793944 51.1153298528714C185.5537391528533 24.4581553551653 156.4661006521472 12.6222409721856 150.001464840889 12.6222409721856C143.5368290296308 12.6222409721856 114.447432719858 24.4581553551653 87.2412358569612 51.1153298528714C63.2723373587161 74.6014167941078 34.700322850932 115.6134460674882 34.700322850932 177.6307077525239V237.3200442967885C75.2928216937076 248.8454124113039 113.0962634838604 264.9299513086889 150.0026367136002 286.3769797324615C185.9873320559921 265.4988955099697 225.6769029747989 248.6145534872003 265.2996771490681 237.3223880422109V177.6307077525239zM94.065050654198 238.0260976052781C92.7877093990051 241.2692553334857 89.1238493674817 242.8624162843432 85.8801057029186 241.5844890927948C74.6066902213082 237.1425055810438 63.0356190710565 233.0538416917155 51.4885713113842 229.4315831414392C48.8571311384158 228.605412880053 47.0665096357234 226.1679176407859 47.0665096357234 223.410501151365V199.0408221858942C47.0665096357234 195.5556727428267 49.8924806787487 192.730287636157 53.3770441854606 192.730287636157S59.6875787351978 195.5556727428267 59.6875787351978 199.0408221858942V218.798596096492C70.0463475657274 222.1501520504843 80.3939836055008 225.8573713723216 90.5066591666813 229.8423245267099C93.7498168948889 231.1190798455472 95.3429778457464 234.7829398770706 94.065050654198 238.0260976052781zM106.0527225532763 236.8290296308015C106.8994005871082 236.8290296308015 107.7589692207633 236.9995371102791 108.5833816730827 237.3593020326132L108.6993970714901 237.4096925591943C111.8921642731167 238.8089085763505 113.330052089742 242.5255028798772 111.9308360725858 245.7170982087926C110.5304481827184 248.9098654104191 106.7927601703903 250.354198526956 103.6035085868973 248.956154382511L103.5015556610241 248.9122091558415C100.3070306503308 247.5170946931745 98.8644553428607 243.8034300714257 100.2595698055277 240.6100769334435C101.2949193458607 238.239378438714 103.6181569957871 236.8290296308015 106.0527225532763 236.8290296308015zM225.1882320542343 96.5142646205769C222.2720268124477 98.4203155853211 218.3614875752196 97.6005906238464 216.453092865053 94.6832135093486C211.2529077091646 86.7238540549726 205.1521383747297 79.1019939414181 198.3177767230923 72.0314999384767C192.6974752002437 66.2178394182824 186.6072527202095 60.7991000017578 180.216444889756 55.9270392050016C177.4455518641565 53.814152706733 176.9123497805668 49.8543948156351 179.0246503424798 47.0823299173244C180.2674213526926 45.4540127851313 182.1465192450795 44.5973738332542 184.0472967826234 44.5973738332542C185.3820598006644 44.5973738332542 186.7267837367505 45.0186620729256 187.8693596301569 45.8905353700481C194.7629008537092 51.1469704160734 201.3312473999074 56.9905136904029 207.3910011894508 63.2588608225374C214.7802445698348 70.9018146448933 221.3837472973685 79.1517985316435 227.0192831654626 87.7797113677512C228.926506002918 90.6976744186047 228.1056091687321 94.6082136558327 225.1882320542343 96.5142646205769zM165.5610047636626 46.0299882226793L165.1988960959061 45.8167073892434C162.1830816736686 44.0700311132205 161.1524196241804 40.2098824025734 162.8985099638477 37.194067980336C164.0686248659671 35.17258755354 166.186784791436 34.0440741326677 168.3658820978865 34.0440741326677C169.4381456286218 34.0440741326677 170.5268153773137 34.3177064107297 171.5211493727551 34.8948537209889L171.938921994293 35.1403610539824C174.9465333075521 36.9016857388951 175.9566875845946 40.7671078767424 174.1953628996819 43.7747191900016C172.4328663420579 46.7811586305496 168.566858267855 47.7895550985252 165.5610047636626 46.0299882226793zM106.9855332313804 162.8797600004688C103.1107361118435 166.7551430563612 97.9574258644026 168.8879513907199 92.4765771941852 168.8879513907199S81.8418323401712 166.7545571200056 77.9652774115676 162.8797600004688C69.9654883486556 154.87821312849 69.9654883486556 141.8587073072123 77.9652774115676 133.8577463715891L115.2284858818635 96.5957097740044C119.103868937756 92.7214985908231 124.2571791851969 90.5881043201088 129.73861379177 90.5881043201088S140.3733586457839 92.7214985908231 144.249327638032 96.5968816467155L222.0388241429216 174.3869640879608C230.038027269478 182.3902687690063 230.038027269478 195.4080167812172 222.0376522702104 203.406633971418C218.162269214318 207.2820170273105 213.008958966877 209.4148253616692 207.5269384239484 209.4148253616692C202.0455038173753 209.4148253616692 196.8921935699345 207.2814310909549 193.0162245776864 203.406633971418L129.7380278554144 140.128437249146L106.9855332313804 162.8797600004688zM201.9412071460798 194.4816514030246C203.4324151710641 195.9728594280089 205.4169816074578 196.7937562621948 207.527524360304 196.7937562621948C209.6392389858614 196.7937562621948 211.6220476131883 195.9728594280089 213.1144275108838 194.4816514030246C216.1935230595253 191.4025558543831 216.1935230595253 186.3904562686401 213.1132556381726 183.3101888472874L135.3249310059941 105.5212782787534C133.8337229810098 104.030070253769 131.8491565446161 103.2091734195832 129.73861379177 103.2091734195832S125.6435046025301 104.030070253769 124.1517106411902 105.5212782787534L86.8896740436054 142.782143003627C83.8094066222527 145.8624104249796 83.8094066222527 150.8745100107227 86.8885021708942 153.9536055593642C88.3802961322341 155.4448135843485 90.3648625686278 156.2668822912455 92.4759912578296 156.2668822912455S96.5705145107139 155.4459854570597 98.0617225356982 153.9547774320753L125.2755365712176 126.7403774602003C126.4597139458712 125.5573719582579 128.064007687485 124.8923341946598 129.7380278554144 124.8923341946598S133.0163417649575 125.5567860219023 134.1993472668999 126.7403774602003L201.9412071460798 194.4816514030246z" >
+    <glyph glyph-name="secure"
+      unicode="&#xF150;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="secure-1"
+      unicode="&#x73;&#x65;&#x63;&#x75;&#x72;&#x65;"
+      horiz-adv-x="300" d="M265.625 25H243C237.825 25 233.625 29.2 233.625 34.375S237.825 43.75 243 43.75H265.625C274.2375 43.75 281.25 50.7625 281.25 59.375V265.625C281.25 274.2375 274.2375 281.25 265.625 281.25H34.375C25.7625 281.25 18.75 274.2375 18.75 265.625V59.375C18.75 50.7625 25.7625 43.75 34.375 43.75H57C62.175 43.75 66.375 39.55 66.375 34.375S62.175 25 57 25H34.375C15.4125 25 0 40.4125 0 59.375V265.625C0 284.5875000000001 15.4125 300 34.375 300H265.625C284.5875 300 300 284.5875000000001 300 265.625V59.375C300 40.4125 284.5875000000001 25 265.625 25zM290.625 237.5H9.375C4.2 237.5 0 241.7 0 246.875S4.2 256.25 9.375 256.25H290.625C295.8 256.25 300 252.05 300 246.875S295.8 237.5 290.625 237.5zM150 0C148.75 0 147.5125 0.25 146.3375 0.75C143.425 1.9875 75 31.775 75 93.075V143.3C75 147.3125 77.55 150.875 81.3625 152.175L146.9875 174.5C148.9375 175.175 151.0625 175.175 153.0125 174.5L218.6375 152.175C222.45 150.8875 225 147.325 225 143.3V93.075C225 31.775 156.575 1.975 153.6625 0.7375C152.4875 0.25 151.25 0 150 0zM93.75 136.5875V93.075C93.75 51.225 136.9375 26.3125 149.9875 19.75C163.0125 26.35 206.25 51.3875 206.25 93.075V136.5875L150 155.725zM146.875 56.25C144.4 56.25 142 57.2375 140.25 59L115.25 84C111.5875 87.6625 111.5875 93.6 115.25 97.2625S124.85 100.925 128.5125 97.2625L145.875 79.9L176.875 121.25C179.95 125.3875 185.8375 126.2375 190 123.125C194.1375 120.0125 194.975 114.1375 191.8625 110L154.3625 60C152.7375 57.825 150.25 56.4625 147.525 56.275C147.3125 56.25 147.1 56.25 146.875 56.25z" >
+    <glyph glyph-name="select"
+      unicode="&#xF151;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="select-1"
+      unicode="&#x73;&#x65;&#x6C;&#x65;&#x63;&#x74;"
+      horiz-adv-x="300" d="M293.4782608695652 300H45.6521739130435H6.5217391304348C2.9217391304348 300 0 297.0782608695652 0 293.4782608695652V254.3478260869566V6.5217391304348C0 2.9217391304348 2.9217391304348 0 6.5217391304348 0H45.6521739130435C49.2521739130435 0 52.1739130434783 2.9217391304348 52.1739130434783 6.5217391304348V13.0434782608696H241.304347826087C243.0326086956522 13.0434782608696 244.6956521739131 13.7282608695652 245.9152173913044 14.954347826087L285.0456521739131 54.0847826086957C286.2717391304348 55.3043478260869 286.9565217391305 56.9673913043478 286.9565217391305 58.6956521739131V247.8260869565218H293.4782608695652C297.0782608695652 247.8260869565218 300 250.7478260869566 300 254.3478260869566V293.4782608695652C300 297.0782608695652 297.0782608695652 300 293.4782608695652 300zM39.1304347826087 13.0434782608696H13.0434782608696V247.8260869565218H39.1304347826087V13.0434782608696zM39.1304347826087 260.8695652173913H13.0434782608696V286.9565217391305H39.1304347826087V260.8695652173913zM273.9130434782609 61.3956521739131L238.6043478260869 26.0869565217391H234.7826086956522V65.2173913043478H273.9130434782609V61.3956521739131zM273.9130434782609 78.2608695652174H228.2608695652174C224.6608695652174 78.2608695652174 221.7391304347826 75.3391304347826 221.7391304347826 71.7391304347826V26.0869565217391H52.1739130434783V143.4782608695652H84.7826086956522C88.3826086956522 143.4782608695652 91.304347826087 146.4 91.304347826087 150C91.304347826087 153.6 88.3826086956522 156.5217391304348 84.7826086956522 156.5217391304348H52.1739130434783V247.8260869565218H143.4782608695652V215.2173913043478C143.4782608695652 211.6173913043479 146.4 208.6956521739131 150 208.6956521739131S156.5217391304348 211.6173913043479 156.5217391304348 215.2173913043478V247.8260869565218H273.9130434782609V78.2608695652174zM286.9565217391305 260.8695652173913H52.1739130434783V286.9565217391305H286.9565217391305V260.8695652173913zM150 182.6086956521739C146.4 182.6086956521739 143.4782608695652 179.6869565217392 143.4782608695652 176.0869565217391V156.5217391304348H123.9130434782609C120.3130434782609 156.5217391304348 117.3913043478261 153.6 117.3913043478261 150S120.3130434782609 143.4782608695652 123.9130434782609 143.4782608695652H150C153.6 143.4782608695652 156.5217391304348 146.4 156.5217391304348 150V176.0869565217391C156.5217391304348 179.6869565217392 153.6 182.6086956521739 150 182.6086956521739z" >
+    <glyph glyph-name="sewing"
+      unicode="&#xF152;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="sewing-1"
+      unicode="&#x73;&#x65;&#x77;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M267.1875 52.734375V70.10390625L271.9775390625 70.655859375A18.5015625 18.5015625 0 1 1 267.0873046875 107.3279296875L34.5228515625 72.08203125A37.337109375 37.337109375 0 0 1 10.339453125 57.7734375A4.6875 4.6875 0 0 1 11.2154296875 51.2033203125A37.30546875 37.30546875 0 0 1 33.95390625 43.4830078125A37.817578125 37.817578125 0 0 1 38.3021484375 43.7337890625L257.8125 69.0234375V52.734375A15.2513671875 15.2513671875 0 0 0 242.578125 37.5H117.1875A14.0625 14.0625 0 0 1 117.1875 9.375H187.5V18.75H117.1875A4.6875 4.6875 0 0 0 117.1875 28.125H242.578125A24.6369140625 24.6369140625 0 0 1 267.1875 52.734375zM37.229296875 53.0490234375A28.0078125 28.0078125 0 0 0 21.291796875 55.8931640625A27.9955078125 27.9955078125 0 0 0 35.92734375 62.8125L268.4923828125 98.058984375A9.1265625 9.1265625 0 1 0 270.9046875 79.9693359375L267.1875 79.5416015625V89.0625H257.8125V78.460546875zM196.875 18.75H206.25V9.375H196.875V18.75zM201.819140625 112.634765625A89.04375 89.04375 0 0 1 285.9375 201.5625C285.9375 250.6716796875 245.9841796875 290.625 196.875 290.625A89.1978515625 89.1978515625 0 0 1 130.491796875 260.9384765625L137.47734375 254.6865234375A79.812890625 79.812890625 0 0 0 196.875 281.25C240.814453125 281.25 276.5625 245.501953125 276.5625 201.5625A79.665234375 79.665234375 0 0 0 201.305859375 121.9962890625zM206.9654296875 136.7091796875A65.6302734375 65.6302734375 0 1 1 161.5353515625 256.86796875L166.5896484375 248.9724609375A56.255859375 56.255859375 0 1 0 205.5345703125 145.974609375zM196.875 243.75A14.0625 14.0625 0 1 1 210.9375 229.6875A14.07890625 14.07890625 0 0 1 196.875 243.75zM196.875 225A4.6875 4.6875 0 1 0 201.5625 229.6875A4.6927734375 4.6927734375 0 0 0 196.875 225zM225 187.5A14.0625 14.0625 0 1 1 210.9375 201.5625A14.07890625 14.07890625 0 0 1 225 187.5zM225 206.25A4.6875 4.6875 0 1 0 220.3125 201.5625A4.6927734375 4.6927734375 0 0 0 225 206.25zM16.6787109375 143.9537109375C18.6796875 141.158203125 20.56875 138.5173828125 21.198046875 136.1666015625C21.8736328125 133.637109375 21.556640625 130.29609375 21.2208984375 126.759375C20.7181640625 121.4671875 20.14921875 115.4689453125 23.0607421875 110.436328125C26.0150390625 105.33046875 31.541015625 102.819140625 36.416015625 100.6013671875C39.6111328125 99.1494140624999 42.626953125 97.7777343749999 44.42109375 95.98359375S47.58515625 91.1736328124999 49.0388671875 87.9791015625C49.5919921875 86.7638671874999 50.1626953125 85.50703125 50.7791015625 84.2748046874999L59.164453125 88.4666015624999C58.6259765625 89.5441406249999 58.1150390625 90.6685546874999 57.5736328125 91.8585937499999C55.8392578125 95.6730468749999 54.0462890625 99.6175781249999 51.050390625 102.6134765624999S44.110546875 107.40234375 40.29609375 109.1361328125C36.3521484375 110.9291015625 32.6267578125 112.623046875 31.175390625 115.130859375C29.765625 117.568359375 30.1482421875 121.6025390625 30.554296875 125.8728515625C30.952734375 130.0798828125 31.3658203125 134.4275390625 30.2548828125 138.5876953125C29.185546875 142.587890625 26.7029296875 146.0560546875 24.3029296875 149.4099609375C21.7482421875 152.9783203125 19.3359375 156.34921875 19.3359375 159.375S21.7482421875 165.7716796875 24.30234375 169.3400390625C26.7046875 172.6939453125 29.185546875 176.1626953125 30.2548828125 180.1634765625C31.3681640625 184.3201171875 30.952734375 188.6701171875 30.554296875 192.8783203125C30.1482421875 197.14921875 29.765625 201.1833984375 31.1759765625 203.6208984375C32.62734375 206.129296875 36.352734375 207.8232421875 40.2966796875 209.615625C44.1111328125 211.35 48.0556640625 213.14296875 51.0509765625 216.1388671875S55.8392578125 223.0787109375 57.5736328125 226.8931640625C59.3666015625 230.837109375 61.060546875 234.5625 63.568359375 236.0138671875C66.005859375 237.42421875 70.0400390625 237.0416015625 74.3103515625 236.6349609375C78.516796875 236.237109375 82.8650390625 235.8234375 87.0251953125 236.934375C91.025390625 238.0037109375 94.4935546875 240.486328125 97.8474609375 242.886328125C101.4158203125 245.4392578125 104.78671875 247.8515625 107.8125 247.8515625S114.2091796875 245.4392578125 117.7775390625 242.88515625C121.1314453125 240.4828125 124.6001953125 238.001953125 128.6009765625 236.9326171875C132.75703125 235.822265625 137.1064453125 236.2341796875 141.3158203125 236.633203125C145.58671875 237.0380859375 149.6208984375 237.4212890625 152.0583984375 236.0115234375C154.566796875 234.56015625 156.2607421875 230.834765625 158.053125 226.8908203125C159.7875 223.0763671875 161.58046875 219.1318359375 164.5763671875 216.1365234375S171.5162109375 211.34765625 175.3306640625 209.6138671875C179.274609375 207.8208984375 183 206.126953125 184.4513671875 203.619140625C185.8611328125 201.181640625 185.478515625 197.1474609375 185.0724609375 192.8771484375C184.6740234375 188.6701171875 184.2609375 184.3224609375 185.371875 180.1623046875C186.4412109375 176.162109375 188.923828125 172.6939453125 191.323828125 169.3400390625C193.8767578125 165.7716796875 196.2890625 162.40078125 196.2890625 159.375S193.8767578125 152.9783203125 191.32265625 149.4099609375C188.9203125 146.0560546875 186.439453125 142.5873046875 185.3701171875 138.5865234375C184.2568359375 134.4298828125 184.672265625 130.0798828125 185.070703125 125.8716796875C185.4767578125 121.60078125 185.859375 117.5666015625001 184.4490234375 115.1291015625C182.99765625 112.620703125 179.2728515625 110.9267578125 175.32890625 109.134375A56.5546875 56.5546875 0 0 1 168.18046875 105.4634765625L173.2376953125 97.569140625A48.9966796875 48.9966796875 0 0 0 179.2095703125 100.599609375C184.0845703125 102.8162109375001 189.610546875 105.3287109375 192.56484375 110.4345703125001C195.4763671875 115.4671875000001 194.90859375 121.4660156250001 194.4046875 126.758203125C194.0689453125 130.294921875 193.751953125 133.6353515625001 194.4275390625 136.1642578125001C195.0568359375 138.5162109375 196.9470703125 141.1564453125 198.946875 143.9525390625C202.0951171875 148.3529296875 205.6640625 153.33984375 205.6640625 159.375S202.0951171875 170.3970703125 198.9462890625 174.7962890625C196.9453125 177.591796875 195.05625 180.2326171875 194.426953125 182.5833984375C193.7513671875 185.112890625 194.068359375 188.45390625 194.4041015625 191.990625C194.9068359375 197.2828125 195.47578125 203.2810546875 192.5642578125 208.313671875C189.6099609375 213.41953125 184.083984375 215.930859375 179.208984375 218.1486328125C176.0138671875001 219.6005859375 172.998046875 220.972265625 171.20390625 222.76640625S168.0398437500001 227.5763671875 166.5861328125 230.7708984375C164.36953125 235.6458984375 161.8576171875 241.1724609375 156.751171875 244.1267578125C151.71796875 247.0388671875 145.7197265625 246.4705078125 140.4275390625 245.9666015625C136.89140625 245.630859375 133.5509765625 245.3126953125 131.021484375 245.989453125C128.66953125 246.61875 126.029296875 248.508984375 123.233203125 250.5087890625C118.8345703125 253.6576171875 113.84765625 257.2265625 107.8125 257.2265625S96.7904296875 253.6576171875 92.3912109375 250.5087890625C89.595703125 248.5078125 86.9548828125 246.61875 84.6041015625 245.989453125C82.0734375 245.314453125 78.7330078125 245.6314453125 75.196875 245.9666015625C69.9041015625 246.469921875 63.90703125 247.03828125 58.873828125 244.1267578125C53.76796875 241.1724609375 51.256640625 235.646484375 49.0388671875 230.771484375C47.5869140625 227.5763671875 46.215234375 224.560546875 44.42109375 222.76640625S39.6111328125 219.60234375 36.4166015625 218.1486328125C31.5416015625 215.93203125 26.0150390625 213.4201171875 23.0607421875 208.313671875C20.14921875 203.2810546875 20.7169921875 197.2822265625 21.2208984375 191.9900390625C21.556640625 188.4533203125 21.8736328125 185.112890625 21.198046875 182.583984375C20.56875 180.23203125 18.678515625 177.591796875 16.6787109375 174.795703125C13.5298828125 170.3970703125 9.9609375 165.41015625 9.9609375 159.375S13.5298828125 148.3529296875 16.6787109375 143.9537109375zM107.8125 225A65.625 65.625 0 1 1 173.4375 159.375A65.6994140625 65.6994140625 0 0 1 107.8125 225zM107.8125 103.125A56.25 56.25 0 1 0 164.0625 159.375A56.31328125 56.31328125 0 0 0 107.8125 103.125zM107.8125 173.4375A14.0625 14.0625 0 1 1 93.75 187.5A14.07890625 14.07890625 0 0 1 107.8125 173.4375zM107.8125 192.1875A4.6875 4.6875 0 1 0 103.125 187.5A4.6927734375 4.6927734375 0 0 0 107.8125 192.1875zM79.6875 173.4375A14.0625 14.0625 0 1 1 93.75 159.375A14.07890625 14.07890625 0 0 1 79.6875 173.4375zM79.6875 154.6875A4.6875 4.6875 0 1 0 84.375 159.375A4.6927734375 4.6927734375 0 0 0 79.6875 154.6875zM107.8125 145.3125A14.0625 14.0625 0 1 1 121.875 131.25A14.07890625 14.07890625 0 0 1 107.8125 145.3125zM107.8125 126.5625A4.6875 4.6875 0 1 0 112.5 131.25A4.6927734375 4.6927734375 0 0 0 107.8125 126.5625zM135.9375 173.4375A14.0625 14.0625 0 1 1 150 159.375A14.07890625 14.07890625 0 0 1 135.9375 173.4375zM135.9375 154.6875A4.6875 4.6875 0 1 0 140.625 159.375A4.6927734375 4.6927734375 0 0 0 135.9375 154.6875z" >
+    <glyph glyph-name="slider"
+      unicode="&#xF153;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000001V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000001L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250001L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slider-1"
+      unicode="&#x73;&#x6C;&#x69;&#x64;&#x65;&#x72;"
+      horiz-adv-x="300" d="M126.30234375 156.0140625C126.30234375 168.992578125 115.7431640625 179.5517578125 102.7646484375 179.5517578125S79.226953125 168.992578125 79.226953125 156.0140625S89.7861328125 132.4763671875 102.7646484375 132.4763671875S126.30234375 143.0349609375 126.30234375 156.0140625zM88.016015625 156.0140625C88.016015625 164.1462890625 94.632421875 170.7626953125 102.7646484375 170.7626953125S117.51328125 164.1462890625 117.51328125 156.0140625S110.896875 141.2654296875 102.7646484375 141.2654296875S88.016015625 147.8818359375 88.016015625 156.0140625zM109.1033203125 236.494921875C111.530859375 236.494921875 113.4978515625 238.4619140625 113.4978515625 240.889453125S111.530859375 245.283984375 109.1033203125 245.283984375H96.4248046875C93.997265625 245.283984375 92.0302734375 243.3169921875 92.0302734375 240.889453125S93.997265625 236.494921875 96.4248046875 236.494921875zM295.60546875 8.7890625H262.03828125C263.0244140625 9.8296875 263.9208984375 10.9740234375 264.7048828125 12.2185546875C267.8349609375 17.1837890625 268.843359375 23.0701171875 267.5466796875 28.794140625C265.2544921875001 38.9091796875 257.300390625 42.760546875 256.95234375 43.0810546875L237.0251953125 55.6447265625L257.8365234375 68.765625C262.801171875 71.895703125 266.2494140625 76.771875 267.5466796875 82.496484375C268.8439453125 88.2205078125 267.834375 94.1068359375 264.704296875 99.071484375C260.398828125 105.9005859375 255.3064453125 106.9500000000001 237.0287109375 119.056640625L257.8359375 132.1734375C268.0845703125 138.6345703125001 271.166015625 152.2294921875 264.70546875 162.4792968750001C260.7849609375 168.6972656250001 254.009765625 172.7361328125001 245.5658203125 172.7361328125001H209.6232421875C207.195703125 172.7361328125001 205.2287109375 170.7691406250001 205.2287109375 168.3416015625001S207.195703125 163.9470703125001 209.6232421875 163.9470703125001H225.8314453125L196.5849609375 145.509375H170.2154296875V163.9470703125001H192.0533203125C194.4808593749999 163.9470703125001 196.4478515625 165.9140625 196.4478515625 168.3416015625001S194.4808593749999 172.7361328125001 192.0533203125 172.7361328125001H169.7900390625C168.2349609375 178.986328125 162.5771484375 183.6322265625 155.8529296875 183.6322265625H152.7503906249999V201.605859375V218.0390625000001H169.2269531249999C171.083203125 218.0390625000001 172.7390624999999 219.2050781250001 173.36484375 220.9529296875001C173.9900390625 222.70078125 173.450390625 224.6525390625001 172.0154296875 225.8302734375001L107.1591796875 279.0656250000002V295.6054687500001C107.1591796875 298.0330078125001 105.1921875 300.0000000000001 102.7646484375 300.0000000000001S98.3701171875 298.0330078125001 98.3701171875 295.6054687500001V279.0656250000002L71.605078125 257.0964843750001C69.7294921875 255.5566406250001 69.45703125 252.7875000000001 70.996875 250.9113281250001C72.5361328125 249.0351562500001 75.305859375 248.7626953125001 77.18203125 250.3031250000001L102.7646484375 271.3019531250002L156.946875 226.8281250000001H48.582421875L63.5349609375 239.1017578125001C65.410546875 240.6416015625001 65.6830078125 243.4107421875001 64.1431640625 245.2869140625001S59.8341796875 247.4355468750001 57.9580078125 245.8951171875001L33.5138671875 225.8302734375001C32.0794921875 224.6525390625001 31.5392578125 222.7001953125001 32.164453125 220.9529296875001S34.44609375 218.0390625000001 36.30234375 218.0390625000001H52.7783203125V201.6046875000001C52.7783203125 201.6005859375 52.77890625 201.5970703125 52.77890625 201.5935546875001V142.5949218750001C52.77890625 140.1673828125001 54.7458984375 138.2003906250001 57.1734375 138.2003906250001S61.56796875 140.1673828125001 61.56796875 142.5949218750001V197.2101562500001H143.9607421875V114.8173828125C133.923046875 114.8173828125 70.08046875 114.8173828125 61.56796875 114.8173828125V125.025C61.56796875 127.4525390625 59.6009765625 129.41953125 57.1734375 129.41953125S52.77890625 127.4525390625 52.77890625 125.025V110.433984375C52.77890625 110.4298828125 52.7783203125 110.4263671875 52.7783203125 110.4228515625V8.7890625H4.39453125C1.9669921875 8.7890625 0 6.8220703125 0 4.39453125S1.9669921875 0 4.39453125 0H295.60546875C298.0330078125 0 300 1.9669921875 300 4.39453125S298.0330078125 8.7890625 295.60546875 8.7890625zM113.8611328125 51.5302734375H91.667578125V64.1666015625H113.8611328125zM113.8611328125 72.95625H91.667578125V85.592578125H113.8611328125zM91.667578125 42.7412109375H113.8611328125V30.1048828125H91.667578125zM113.8611328125 106.027734375V94.381640625H91.667578125V106.027734375zM91.667578125 21.3158203125H113.8611328125V8.7890625H91.667578125zM122.6501953125 106.027734375H143.9607421875V8.7890625H122.6501953125zM152.7498046875 110.422265625V125.8236328125H155.85234375C162.5771484375 125.8236328125 168.234375 130.46953125 169.789453125 136.7197265625H182.7673828125C173.605078125 129.955078125 171.069140625 117.1236328125 177.237890625 107.3373046875C181.437890625 100.6751953125 185.5916015625 100.0927734375 204.9158203125 87.3509765625L184.1068359375 74.23125C179.1421875 71.101171875 175.6939453125 66.225 174.3966796875 60.500390625C173.0994140625 54.7763671875 174.108984375 48.8900390625 177.2390625 43.925390625C181.7015625 36.8478515625 184.660546875 37.3740234375 228.943359375 8.7884765625H152.7498046875zM233.0390625 32.1814453125C235.543359375 36.1529296875 239.832421875 38.3302734375 244.2134765625 38.3302734375C246.6140625 38.3302734375 249.043359375 37.6751953125 251.2201171875 36.3041015625L253.1490234375 35.08828125C253.149609375 35.08828125 253.1501953125 35.0876953125 253.1501953125 35.0876953125C259.2978515625 31.210546875 261.146484375 23.0548828125 257.2705078125 16.9060546875C254.840625 13.0517578125001 250.665234375 10.75078125 246.10078125 10.75078125C243.6228515625 10.75078125 241.1982421875 11.45390625 239.08828125 12.7833984375C239.0876953125 12.783984375 239.087109375 12.7845703125 239.0865234375 12.7845703125L237.1517578125 14.0044921875C231.0099609375 17.8833984375 229.1642578125 26.0349609375 233.0390625 32.1814453125zM236.3642578125 45.6708984375C232.0646484375 44.03671875 228.2408203125 41.0501953125 225.6046875 36.8689453125C223.034765625 32.7919921875 221.898046875 28.0939453125 222.290625 23.3748046875L203.658984375 35.1216796875C207.3087890625 36.5173828125 207.88828125 37.43203125 228.7857421875 50.4486328125zM258.975 84.4376953125C258.196875 81.0041015625 256.1279296875 78.0779296875 253.1490234375 76.2C201.2853515625 44.2828125 202.4794921875 42.458203125 195.842578125 42.458203125C191.2822265625 42.458203125 187.088671875 44.783203125 184.6734375 48.612890625C182.7955078125 51.591796875 182.190234375 55.123828125 182.968359375 58.55859375S185.8154296875 64.918359375 188.7943359375 66.7962890625L239.0853515625 98.5037109375C241.2638671875 99.8771484375 243.69375 100.531640625 246.0966796875 100.531640625C250.4771484375 100.531640625 254.7662109375 98.354296875 257.26875 94.3833984375C259.1478515625 91.4044921875 259.7537109375 87.8724609375 258.975 84.4376953125zM238.278515625 107.878125C236.9484375 107.3701171875 235.648828125 106.7267578125 234.3990234375 105.9392578125L213.15703125 92.546484375L203.66015625 98.53359375C207.308203125 99.9287109374999 207.945703125 100.8791015625 228.7880859375001 113.8611328125zM257.269921875 157.7912109375C261.146484375 151.641796875 259.2978515625 143.4849609375 253.1484375 139.6083984375L202.8568359375 107.90390625C200.746875 106.5732421875 198.3216796875 105.8701171875 195.842578125 105.8701171875C193.3904296875 105.8701171875 191.053125 106.53984375 189.0357421875 107.752734375L188.79609375 107.90390625C188.7603515625 107.926171875 188.7234375 107.94375 188.687109375 107.96484375C187.0974609375 108.9896484375 185.722265625 110.3619140625 184.6740234375 112.025390625C180.7974609375 118.1748046875 182.64609375 126.331640625 188.7955078125 130.208203125L239.0865234375 161.9126953125C241.2650390625 163.285546875 243.69375 163.9400390625 246.09609375 163.9400390625C250.4765625 163.9400390625 254.766796875 161.762109375 257.269921875 157.7912109375zM155.85234375 174.8419921875C158.9255859375 174.8419921875 161.4263671875 172.3412109375 161.4263671875 169.26796875V140.1861328125C161.4263671875 137.112890625 158.9255859375 134.612109375 155.85234375 134.612109375H152.7498046875V174.84140625H155.85234375zM61.5673828125 205.99921875V218.0390625H143.9607421875V205.99921875zM61.5673828125 106.027734375H82.878515625V8.7890624999999H61.5673828125z" >
+    <glyph glyph-name="slumber"
+      unicode="&#xF154;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="slumber-1"
+      unicode="&#x73;&#x6C;&#x75;&#x6D;&#x62;&#x65;&#x72;"
+      horiz-adv-x="300" d="M285 160C276.166875 160 270 156.061875 270 150.425V133.234375C262.083125 148.879375 249.90625 160 235 160H95C92.239375 160.000625 90.000625 157.763125 90 155.0025C90 155.001875 90 155.000625 90 155V124.958125C90.028125 133.115625 86.749375 141.255 80.25875 147.1975C68.03875 158.38625 49.061875 157.55 37.87375 145.329375C27.39625 133.88625 27.373125 116.341875 37.82 104.870625C34.9375 104.553125 32.215 103.383125 30 101.51125V228.000625C30 234.72875 23.413125 240 15 240S0 234.72875 0 228.000625V11.999375C0 5.27125 6.586875 0 15 0S30 5.27125 30 11.999375V45H270V9.575C270 3.938125 276.166875 0 285 0S300 3.938125 300 9.575V150.425C300 156.061875 293.833125 160 285 160zM20 11.999375C19.94625 11.589375 18.266875 10 15 10C11.71875 10 10.04875 11.589375 10 11.999375V228.000625C10.04875 228.410625 11.71875 230 15 230C18.266875 230 19.94625 228.410625 20 228.000625V11.999375zM100 150H235C253.8575 150 268.2325 121.92125 269.84875 95H100V150zM90 124.948125V100.848125C87.8425 102.94375 85.095 104.326875 82.126875 104.811875C87.370625 110.539375 89.9725 117.75 90 124.948125zM60 145C71.045625 145 80 136.045625 80 125C80 113.954375 71.045625 105 60 105S40 113.954375 40 125C40.011875 136.040625 48.959375 144.988125 60 145zM270 55H30V85.014375C32.601875 85.219375 34.60875 87.39 34.609375 90C34.56125 92.706875 36.711875 94.943125 39.41875 95H79.8C82.506875 94.943125 84.6575 92.706875 84.609375 90C84.60875 87.239375 86.84625 85.000625 89.606875 85C89.6075 85 89.60875 85 89.609375 85H270V55zM290 10.87875C286.7693750000001 9.706875 283.230625 9.706875 280 10.87875V149.12125C283.230625 150.293125 286.7693750000001 150.293125 290 149.12125V10.87875zM85.67375 190L103.8425 211.799375C105.08375 213.290625 105.350625 215.365 104.52625 217.121875C103.70375 218.878125 101.939375 220 100 220H70V210H89.32625L71.1575 188.200625C69.390625 186.076875 69.68 182.923125 71.80375 181.156875C72.701875 180.41 73.8325 180.000625 75 180H105V190H85.67375zM140.224375 215L168.945 251.93125C170.118125 253.438125 170.330625 255.481875 169.491875 257.1975C168.651875 258.911875 166.909375 259.999375 164.999375 260H124.999375V250H154.775L126.054375 213.06875C124.358125 210.89125 124.74875 207.750625 126.926875 206.054375C127.805 205.370625 128.886875 204.999375 130 204.999375H170V214.999375H140.224375zM205 240L243.9987500000001 291.999375C245.65625 294.2075 245.210625 297.340625 243.0025000000001 298.99875C242.136875 299.64875 241.083125 300 240 300H195V290H230L191.00125 238.000625C189.865 236.485625 189.68125 234.458125 190.5275 232.76375C191.375 231.07 193.10625 230 195 230H245V240H205z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol"
+      unicode="&#xF155;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="square-shape-design-interface-tool-symbol-1"
+      unicode="&#x73;&#x71;&#x75;&#x61;&#x72;&#x65;&#x2D;&#x73;&#x68;&#x61;&#x70;&#x65;&#x2D;&#x64;&#x65;&#x73;&#x69;&#x67;&#x6E;&#x2D;&#x69;&#x6E;&#x74;&#x65;&#x72;&#x66;&#x61;&#x63;&#x65;&#x2D;&#x74;&#x6F;&#x6F;&#x6C;&#x2D;&#x73;&#x79;&#x6D;&#x62;&#x6F;&#x6C;"
+      horiz-adv-x="300" d="M271.866115486422 73.6809254599523V226.3195647201072C288.0097055651777 230.5101140485605 299.9901963988105 245.0405215515833 299.9901963988105 262.4963236495539C299.9901963988105 283.2049606222019 283.2000588216071 299.9950981994052 262.4914218489592 299.9950981994052C245.036109931048 299.9950981994052 230.5047220679063 288.0141171857129 226.314172739453 271.8710172870168H73.6755334792981C69.4849841508447 288.0141171857129 54.954576647822 299.9950981994052 37.4987745498513 299.9950981994052C16.7901375772034 299.9950981994052 0 283.2049606222019 0 262.4963236495539C0 245.0405215515833 11.9809810136924 230.5101140485605 28.1240809123885 226.3195647201072V73.6711218587628C11.9809810136924 69.490376131499 0 54.9594784484167 0 37.5036763504461C0 16.7950393777981 16.7901375772034 0.0049018005947 37.4987745498513 0.0049018005947C54.954576647822 0.0049018005947 69.4849841508448 11.9853926342277 73.6755334792981 28.1289827129833H226.3239763406425C230.5047220679063 11.9853926342277 245.0449331721186 0.0049018005947 262.5012254501487 0.0049018005947C283.2098624227966 0.0049018005947 300 16.7950393777981 300 37.5036763504461C299.9901963988105 54.9594784484167 288.0097055651777 69.490376131499 271.866115486422 73.6809254599523zM262.4914218489592 281.2457109244796C272.8503970458482 281.2457109244796 281.2408091238849 272.8552988464429 281.2408091238849 262.4963236495539S272.8503970458482 243.7469363746283 262.4914218489592 243.7469363746283S243.7420345740336 252.137348452665 243.7420345740336 262.4963236495539S252.1324466520702 281.2457109244796 262.4914218489592 281.2457109244796zM18.7493872749257 262.4963236495539C18.7493872749257 272.8552988464429 27.1397993529623 281.2457109244796 37.4987745498513 281.2457109244796S56.248161824777 272.8552988464429 56.248161824777 262.4963236495539S47.8577497467403 243.7469363746283 37.4987745498513 243.7469363746283S18.7493872749257 252.137348452665 18.7493872749257 262.4963236495539zM37.4987745498513 18.7542890755204C27.1397993529623 18.7542890755204 18.7493872749257 27.144701153557 18.7493872749257 37.5036763504461S27.1397993529623 56.2530636253717 37.4987745498513 56.2530636253717S56.248161824777 47.8626515473351 56.248161824777 37.5036763504461S47.8577497467403 18.7542890755204 37.4987745498513 18.7542890755204zM226.314172739453 46.8783699879089H73.6755334792981C70.2727035064214 60.0122545014869 60.0073527008921 70.2776053070161 46.8734681873141 73.6809254599523V226.3195647201072C60.0073527008921 229.7223946929839 70.2727035064214 239.9877454985132 73.6755334792981 253.1216300120911H226.3239763406425C229.7174928923892 239.9877454985132 239.9828436979184 229.7223946929839 253.1167282114964 226.3195647201072V73.6711218587628C239.9828436979184 70.2780954870756 229.7174928923892 60.0122545014869 226.314172739453 46.8783699879089zM262.4914218489592 18.7542890755204C252.1324466520702 18.7542890755204 243.7420345740336 27.144701153557 243.7420345740336 37.5036763504461S252.1324466520702 56.2530636253717 262.4914218489592 56.2530636253717S281.2408091238849 47.8626515473351 281.2408091238849 37.5036763504461S272.8503970458482 18.7542890755204 262.4914218489592 18.7542890755204z" >
+    <glyph glyph-name="stethoscope"
+      unicode="&#xF156;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193495 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267263 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.4666806942399 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649143C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="stethoscope-1"
+      unicode="&#x73;&#x74;&#x65;&#x74;&#x68;&#x6F;&#x73;&#x63;&#x6F;&#x70;&#x65;"
+      horiz-adv-x="300" d="M299.6368802954957 132.7643138537563C297.4200376244513 148.1228398752518 285.3545885789166 160.1882889207866 269.996062557421 162.405131591831V171.4949990312641C269.996062557421 196.5746332865979 250.9313405846165 216.994335499274 227.4966823400492 216.994335499274C204.7370142518755 216.994335499274 185.6822921332397 197.1946242450631 184.9973021226774 172.85497919822H185.2872978935724L184.9973021226774 172.8049799273761V74.2714168751706C184.9973021226774 42.7718762434715 161.447645555169 17.192249279698 132.4980677365122 17.192249279698S79.998833350347 42.8068757330622 79.998833350347 74.2714168751706V82.8062924082357C87.2487276227222 82.8062924082357 94.998614603537 88.0612157739366 94.998614603537 102.8060007458225V115.3808173630801C127.088146631195 123.5856977085751 149.9978125319006 151.1402958706852 149.9978125319006 182.3798402939957V192.8046882649628H139.9979583631072L139.7879614255626 257.8787392683857C139.7154624828388 269.9241886055828 131.071838535688 280.2090386181868 119.2182614003546 282.3533823465075C116.6614236875712 290.1863931151004 108.2384215230194 294.4638307358018 100.4047857635409 291.9063680321329C92.571774994948 289.3495303193496 88.2943373742466 280.9265281547977 90.8518000779155 273.0928923953192C93.4086377906989 265.2598816267264 101.8316399552506 260.9824440060249 109.6652757147292 263.5399067096938C113.8595895476524 264.909261739933 117.2326653569635 268.0648407210728 118.8782663586156 272.1585310214226C125.2837979446133 270.33605759916 129.7212332320153 264.5086425822957 129.773107475516 257.8487397058793L129.9981041943139 192.8046882649628H119.9982500255205V182.2348424085482C119.5995058405398 164.8432210363599 107.9396758797267 149.7296914419998 91.2186697277331 144.9303864318646C82.2719252010908 142.0916778296983 72.6658152901937 142.0916778296983 63.7190707635514 144.9303864318646C47.0174393290098 149.7459412050241 35.3838589853898 164.856970835842 34.9994895907768 182.2348424085482V192.8046882649628H19.9997083375867V257.8037403621198C20.028457918322 264.5617668075674 24.5733916380386 270.46668069424 31.0995464649474 272.2235300735198C34.1426270866883 264.4767680471327 42.8893745299548 260.6643236452802 50.6361365563419 263.7074042670211S62.1953429845815 275.4978573229141 59.1522623628405 283.2439943584156S47.3618093069476 294.8032007866552 39.615672271446 291.7601201649144C35.418233484095 290.110769217949 32.1795307151771 286.6689444112274 30.7895509857148 282.3783819819294C18.8066007370726 280.330911840869 10.0329786857275 269.9604380769447 9.9998541687934 257.8037403621197V192.8046882649628H0V182.4048399294177C0 151.1302960165165 22.9246656819588 123.5656980002375 54.9991979283635 115.3808173630802V102.8060007458225C54.9991979283635 88.0612157739367 62.7490849091784 82.8062924082357 69.9989791815536 82.8062924082357V74.2714168751706C69.9989791815536 37.2719564506351 98.0335703437658 7.1923951109046 132.4980677365122 7.1923951109046S194.9971562914707 37.3069559402259 194.9971562914707 74.2714168751706V172.564983427325C195.4971489999104 191.5397067126105 210.0869362321799 206.9794815492274 227.4966823400492 206.9794815492274C245.416421010527 206.9794815492274 259.9962083886277 191.0597137125084 259.9962083886277 171.479999250011V162.405131591831C240.8646123910693 159.6439218594729 227.5941809181949 141.8960556825213 230.355390650553 122.7644596849629S250.8644665598627 90.3624322145302 269.996062557421 93.1236419468883S302.3980900278538 113.6333428470835 299.6368802954957 132.7643138537563zM104.9984687723304 272.8035216153098C102.2372590399723 272.8035216153098 99.9985416879337 275.0422389673484 99.9985416879337 277.8034486997065S102.2372590399723 282.8033757841032 104.9984687723304 282.8033757841032S109.9983958567271 280.5646584320646 109.9983958567271 277.8034486997065S107.7596785046885 272.8035216153098 104.9984687723304 272.8035216153098zM44.9993437595702 282.8033757841032C47.7605534919282 282.8033757841032 49.9992708439669 280.5646584320646 49.9992708439669 277.8034486997065S47.7605534919282 272.8035216153098 44.9993437595702 272.8035216153098S39.9994166751735 275.0422389673484 39.9994166751735 277.8034486997065S42.2381340272121 282.8033757841032 44.9993437595702 282.8033757841032zM9.9998541687934 182.4048399294177V182.8048340961694H24.9996354219834V182.2348424085482C25.3746299533132 160.5032843271036 39.8325441087317 141.5379359051014 60.689114950407 135.4205251173421C71.6183305660126 131.959950584054 83.3494094877783 131.959950584054 94.2786251033839 135.4205251173421C115.1451957992279 141.5298110235893 129.616234763243 160.495784436477 129.9981041943139 182.2348424085482V182.8048340961694H139.9979583631072V182.4048399294177C139.9979583631072 154.590245558919 118.5582710252142 130.1156024807972 88.998702102261 124.1956888128715C82.0575533273473 122.8057090834092 74.9476570133352 122.4569641692726 67.9040097331914 123.1607039064014C65.5852935478024 123.3857006251992 63.2803271618956 123.7344455393359 60.9991104296396 124.2056886670403C31.4395415066864 130.1156024807972 9.9998541687934 154.590245558919 9.9998541687934 182.4048399294177zM69.9989791815536 92.8061465770291C65.4990448055966 92.8061465770291 64.9990520971569 99.8060444951845 64.9990520971569 102.8060007458225V113.4158460189123C65.3990462639087 113.3658467480683 65.8090402848292 113.3458470397307 66.2140343786653 113.3058476230555C66.714027087105 113.2508484251272 67.2140197955447 113.210849008452 67.7140125039843 113.1658496646924C70.078978014904 112.9558527271478 72.4639432341612 112.8158547687847 74.868908161756 112.8108548417003H75.1189045159758C77.5188695164862 112.8108548417003 79.898834808659 112.9558527271478 82.2488005383255 113.1658496646924C82.7487932467652 113.210849008452 83.2787855177112 113.2508484251272 83.7937780074041 113.3058476230555C84.1887722470714 113.3508469668151 84.5987662679919 113.3658467480683 84.9937605076593 113.4158460189123V102.8060007458225C84.9937605076593 99.8060444951845 84.4937677992196 92.8061465770291 79.9938334232626 92.8061465770291H69.9989791815536zM264.9961354730244 102.8060007458225C251.1894618203485 102.8060007458225 239.996500051041 113.99896251513 239.996500051041 127.8056361678059C239.996500051041 141.6123098204818 251.1894618203485 152.8052715897893 264.9961354730244 152.8052715897893C278.8028091257003 152.8052715897893 289.9957708950078 141.6123098204818 289.9957708950078 127.8056361678059C289.9795211319835 114.0052124239855 278.7959342259592 102.8222505088468 264.9961354730244 102.8060007458225zM264.9961354730244 142.805417420996C256.7118812850646 142.805417420996 249.9963542198343 136.0898903557657 249.9963542198343 127.8056361678059S256.7118812850646 112.8058549146159 264.9961354730244 112.8058549146159S279.9959167262144 119.5213819798462 279.9959167262144 127.8056361678059S273.2803896609841 142.805417420996 264.9961354730244 142.805417420996zM264.9961354730244 122.8057090834092C262.2349257406663 122.8057090834092 259.9962083886277 125.0444264354478 259.9962083886277 127.8056361678059S262.2349257406663 132.8055632522026 264.9961354730244 132.8055632522026S269.996062557421 130.566845900164 269.996062557421 127.8056361678059S267.7573452053824 122.8057090834092 264.9961354730244 122.8057090834092z" >
+    <glyph glyph-name="support"
+      unicode="&#xF157;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="support-1"
+      unicode="&#x73;&#x75;&#x70;&#x70;&#x6F;&#x72;&#x74;"
+      horiz-adv-x="300" d="M214.453125 67.96875C211.21875 67.96875 208.59375 65.34375 208.59375 62.109375C208.59375 58.875 211.21875 56.25 214.453125 56.25C217.6875 56.25 220.3125 58.875 220.3125 62.109375C220.3125 65.34375 217.6875 67.96875 214.453125 67.96875zM228.880078125 86.9162109375L201.03046875 96.1974609375L191.0326171875 116.19375C200.0396484375 125.361328125 206.293359375 137.49140625 208.4021484375 150.1435546875L209.6490234375 157.6171875H220.3125C230.005078125 157.6171875 237.890625 165.502734375 237.890625 175.1953125V212.109375C237.890625 260.572265625 198.462890625 300 150 300C101.412890625 300 62.109375 260.6853515625 62.109375 212.109375V175.1953125C62.109375 167.55703125 67.0083984375 161.04375 73.828125 158.625V151.7578125C73.828125 142.065234375 81.713671875 134.1796875 91.40625 134.1796875H96.551953125C99.0919921875 128.6619140625 102.3796875 123.5513671875 106.38046875 118.960546875C107.21015625 118.006640625 108.0755859375 117.08203125 108.962109375 116.1826171875L98.96953125 96.1974609375L71.1193359375 86.915625C38.7375 76.11796875 15.234375 42.0287109375 15.234375 5.859375C15.234375 2.6232421875 17.8576171875 0 21.09375 0H278.90625C282.141796875 0 284.765625 2.6232421875 284.765625 5.859375C284.765625 42.0287109375 261.2630859375 76.11796875 228.880078125 86.9162109375zM226.171875 175.1953125C226.171875 171.964453125 223.543359375 169.3359375 220.3125 169.3359375H211.369921875C212.859375 180.873046875 213.851953125 193.1501953125 214.2509765625 205.2421875C214.2626953125 205.583203125 214.2720703125 205.91484375 214.2826171875 206.25H226.171875V175.1953125zM79.6875 169.3359375C76.456640625 169.3359375 73.828125 171.964453125 73.828125 175.1953125V206.25H85.721484375C85.7408203125 205.6388671875 85.761328125 205.0248046875 85.7841796875 204.406640625C85.784765625 204.385546875 85.7859375 204.3650390625 85.7865234375 204.3439453125C85.7865234375 204.3421875 85.7865234375 204.3404296875 85.7865234375 204.338671875C86.1966796875 192.577734375 87.1763671875 180.6193359375 88.6318359375 169.3365234375H79.6875V169.3359375zM91.40625 145.8984375C88.175390625 145.8984375 85.546875 148.526953125 85.546875 151.7578125V157.6171875H90.350390625L91.597265625 150.1412109375C91.83515625 148.7203125 92.1275390625 147.3046875 92.465625 145.8984375H91.40625zM85.5568359375 217.96875H74.05078125C77.0185546875 257.2388671875 109.7912109375 288.28125 150 288.28125C190.030078125 288.28125 222.946875 257.24296875 225.9486328125 217.96875H214.44375C214.021875 250.3283203125 187.6705078125 276.5625 155.2447265625 276.5625H144.7564453125C112.33125 276.5625 85.978125 250.3283203125 85.5568359375 217.96875zM144.755859375 264.84375H155.244140625C181.4994140625 264.84375 202.749609375 243.3685546875 202.734375 217.142578125C202.734375 215.2986328125 202.7197265625 213.6931640625 202.688671875 212.232421875C202.688671875 212.213671875 202.6880859375 212.1943359375 202.6880859375 212.175L195.3591796875001 213.2220703125C175.4490234375 216.0650390625 156.6498046875 225.4646484375 142.4244140625001 239.6900390625C141.3251953125 240.788671875 139.83515625 241.40625 138.28125 241.40625C122.5453125 241.40625 107.48203125 234.23671875 97.524609375 222.12421875C99.978515625 245.9830078125 120.1482421875 264.84375 144.755859375 264.84375zM104.61328125 145.8984375C101.680078125 155.6560546875 98.323828125 184.3669921875 97.58203125 202.7654296875L105.4681640625 213.2806640625C112.7109375 222.9345703125 123.9791015625 228.9328125 135.965625 229.6212890625C151.7373046875 214.6119140625 172.1408203125 204.7001953125 193.7021484375 201.6216796875L202.3283203125 200.3888671875C201.7517578125 188.1515625 200.5734375 175.871484375 198.8853515625 164.5775390625C198.884765625 164.5740234375 198.8841796875 164.569921875 198.8835937500001 164.5658203125C198.3468750000001 160.934765625 197.9238281250001 158.598046875 196.843359375 152.0712890625C193.740234375 133.458984375 179.85234375 116.6279296875 161.5189453125 112.044140625C153.973828125 110.1603515625 146.025 110.1609375 138.483984375 112.044140625C127.0365234375 114.905859375 116.5400390625001 122.8265625 109.766015625 134.1796875H121.7109375C124.1296875000001 127.3599609375 130.6423828125 122.4609375 138.28125 122.4609375H150C159.7119140625 122.4609375 167.578125 130.3265625 167.578125 140.0390625C167.578125 149.731640625 159.692578125 157.6171875 150 157.6171875H138.28125C130.4724609375001 157.6171875 124.0558593750001 152.5734375 121.7009765625 145.8984375H104.61328125zM137.7884765625 100.1859375C141.807421875 99.3392578125 145.9048828125 98.90625 150 98.90625C153.2056640625 98.90625 156.4119140625 99.174609375 159.5818359375 99.694921875L149.2283203125 88.7455078125L137.7884765625 100.1859375zM141.1728515625 80.2271484375L122.5880859375 60.5736328125C117.4716796875 70.3669921875 113.075390625 80.559375 109.46953125 90.99375L116.4486328125 104.951953125L141.1728515625 80.2271484375zM182.558203125 106.937109375L190.529296875 90.9943359375C186.917578125 80.5423828125 182.5201171875 70.346484375 177.408984375 60.56484375L157.517578125 80.45625L182.558203125 106.937109375zM132.421875 140.0390625C132.421875 143.2740234375 135.045703125 145.8984375 138.28125 145.8984375H150C153.230859375 145.8984375 155.859375 143.269921875 155.859375 140.0390625C155.859375 136.803515625 153.2349609375 134.1796875 150 134.1796875H138.28125C135.050390625 134.1796875 132.421875 136.808203125 132.421875 140.0390625zM27.1875 11.71875C29.5095703125 40.7455078125 48.82734375 67.1291015625 74.825390625 75.7986328125L99.48984375 84.0181640625C104.00859375 71.523046875 109.606640625 59.3783203125 116.1673828125 47.8423828125C116.178515625 47.8224609375 116.1890625 47.8025390625 116.2001953125 47.783203125C116.2001953125 47.7826171875 116.20078125 47.7826171875 116.20078125 47.78203125C120.9943359375 39.3509765625 126.3896484375 31.112109375 132.2390625 23.2904296875L139.447265625 11.71875H27.1875zM150 16.941796875L142.053515625 29.6994140625C141.964453125 29.8423828125 141.86953125 29.98125 141.76875 30.116015625C137.023828125 36.4453125 132.59765625 43.0646484375 128.56640625 49.83984375L149.4626953125 71.937890625L171.4810546875 49.91953125C167.4228515625 43.0951171875 162.9814453125 36.4482421875 158.232421875 30.1171875C157.9453125 29.7345703125 158.3525390625 30.3375 150 16.941796875zM160.552734375 11.71875L167.7603515625 23.28984375C173.635546875 31.14140625 179.06953125 39.446484375 183.9111328125 47.9765625C183.9404296875 48.028125 183.96796875 48.080859375 183.997265625 48.132421875C184.00078125 48.1388671875 184.004296875 48.1447265625 184.0078125 48.151171875C190.4853515625 59.576953125 196.0248046875 71.6162109375 200.51015625 84.0181640625L225.1740234375 75.7986328125C251.17265625 67.1291015625 270.4904296875 40.7455078125 272.8125 11.71875H160.552734375zM255.202734375 35.4310546875C251.2869140625 43.269140625 245.551171875 50.232421875 238.6154296875 55.56796875C236.0501953125 57.5419921875 232.3716796875 57.062109375 230.398828125 54.496875C228.425390625 51.931640625 228.9052734375 48.253125 231.469921875 46.2796875C237.009375 42.0181640625 241.590234375 36.455859375 244.7185546875 30.1939453125C246.167578125 27.294140625 249.6890625 26.1269531250001 252.57890625 27.570703125C255.4734375 29.016796875 256.6482421875 32.5359375 255.202734375 35.4310546875z" >
+    <glyph glyph-name="swimming"
+      unicode="&#xF158;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.972605415245 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="swimming-1"
+      unicode="&#x73;&#x77;&#x69;&#x6D;&#x6D;&#x69;&#x6E;&#x67;"
+      horiz-adv-x="300" d="M272.9753378424567 141.3483229459433L261.8659411444163 134.8338570973772C257.1813616823471 132.0858048550876 251.3782253480964 132.1174455418858 246.7223568796033 134.9170603848836L236.339524100633 141.1590647637984C226.1594260926291 147.2809517206089 213.4709247478999 147.3512643579382 203.2234437957886 141.3418776208548L192.1257658706364 134.8338570973772C187.4394285926339 132.0858048550877 181.6380500743165 132.1180314805303 176.9821816058234 134.9170603848836L166.5993488268532 141.1590647637984C165.5528624079344 141.7883628678963 164.4782509340838 142.3502780278869 163.3837175463233 142.851841507503V263.5862570044082C163.3843034849678 273.9731913538894 171.8341246760248 282.4218406676576 182.2210590255059 282.4218406676576S201.0572286273997 273.9720194766006 201.0572286273997 263.5856710657638V243.7147338178395H218.6353879597421V263.5862570044082C218.6353879597421 283.6646165324542 202.3011763694851 300 182.2216449641503 300C162.1421135588156 300 145.8073160299141 283.6646165324542 145.8073160299141 263.5862570044082V193.6826048488376H71.9222107855679V263.5862570044082C71.9222107855679 273.9726054152451 80.372031976625 282.4218406676576 90.7583803874617 282.4218406676576C101.1447287982984 282.4218406676576 109.5945499893554 273.9720194766006 109.5945499893554 263.5856710657638V243.7147338178395H127.1727093216979V263.5862570044082C127.1727093216979 283.6646165324542 110.8373258541521 300 90.7583803874617 300C70.6794349207713 300 54.3446373918699 283.6646165324542 54.3446373918699 263.5862570044082V135.8299527928766L52.6483450162989 134.835028974666C47.9625936769408 132.0869767323765 42.1594573426901 132.1192033578191 37.5047607514859 134.9182322621724L27.1904827939117 141.1192209359784L18.1324572899557 126.0541524495165L28.4467352475298 119.8525778370661C38.6198019918008 113.735378389411 51.3006861341526 113.665651690726 61.5399639452421 119.6709368572986L72.6376418703943 126.1789573807761C77.3304244734853 128.9311111935766 83.1417639487577 128.8988845681339 87.8040777423394 126.0951681546253L98.1869105213096 119.8531637757105C108.3599772655806 113.735378389411 121.040275469288 113.665651690726 131.2795532803775 119.6709368572986L142.3766452668853 126.1789573807761C147.0700138086207 128.9311111935766 152.8813532838931 128.8988845681339 157.5430811388303 126.0951681546253L167.9259139178006 119.8531637757105C173.0651817679331 116.7629233650847 178.8442946177629 115.2160453438386 184.6257512221703 115.2160453438386C190.2876763431178 115.2160453438386 195.9525311572874 116.6996419914883 201.0197285541573 119.6709368572986L212.1174064793095 126.1789573807761C216.8101890824005 128.9305252549322 222.6215285576729 128.8982986294895 227.2832564126101 126.0951681546253L237.6666751302248 119.8525778370661C247.8397418744958 113.7359643280553 260.5206260168477 113.665651690726 270.7593178892927 119.6709368572986L281.8687145873331 126.1854027058647L272.9753378424567 141.3483229459433zM145.8073160299141 145.5412998853514C141.5305498643552 144.998134761982 137.3352291703695 143.5994992177719 133.4850263379421 141.3412916822104L122.3873484127899 134.8332711587327C117.7015970734318 132.0852189164432 111.89963261647 132.1174455418858 107.2437641479769 134.9164744462391L96.8609313690066 141.158478825154C89.2595493350573 145.728800251563 80.259531756898 146.9247010248067 71.9216248469235 144.7356342492857V176.1044455164952H71.9222107855679H145.8073160299141V145.5412998853514zM272.9759237811012 82.6777005423839L261.8665270830607 76.1626487551734C257.1813616823471 73.4145965128838 251.3793972253852 73.4468231383265 246.7229428182477 76.2458520426798L236.339524100633 82.4890282988834C226.1594260926291 88.6097433784051 213.4703388092555 88.6788841384456 203.2240297344331 82.6706692786509L192.1263518092809 76.1632346938178C187.4411864085672 73.4151824515282 181.6380500743166 73.4474090769709 176.9833534831123 76.2464379813242L166.5993488268532 82.4890282988834C156.4198367574937 88.6115011943383 143.7301635354757 88.6800560157344 133.4844403992977 82.6712552172953L122.3867624741455 76.1638206324622C117.7010111347874 73.4151824515282 111.8984607391811 73.4474090769708 107.2437641479769 76.2470239199686L96.8603454303622 82.4902001761722C86.6790755450694 88.6115011943383 73.9899882616958 88.6806419543788 63.7448510641623 82.6718411559397L52.6471731390101 76.1644065711066C47.961421799652 73.4169402674614 42.1588714040457 73.4485809542597 37.5041748128415 76.2470239199686L27.1898968552673 82.4491844710634L18.1312854126668 67.3852878618903L28.4473211861742 61.1831273107956C38.6203879304452 55.0665138017848 51.3006861341526 54.9967871030998 61.5399639452421 61.001486331028L72.6376418703943 67.5095068545056C77.3298385348409 70.261660667306 83.1411780101133 70.2300199805078 87.8034918036949 67.4257176283548L98.1869105213096 61.1825413721512C108.360563204225 55.065341924496 121.0408614079324 54.9967871030998 131.2795532803775 61.0009003923836L142.3772312055297 67.5089209158612C147.0694278699763 70.2628325445948 152.8807673452487 70.2300199805078 157.542495200186 67.4257176283548L167.926499856445 61.1825413721512C173.0657677065776 58.0928869001697 178.8448805564073 56.5460088789236 184.6257512221704 56.5460088789236C190.2882622817623 56.5460088789236 195.9525311572874 58.0301914652177 201.0197285541573 61.001486331028L212.1179924179539 67.5095068545056C216.8096031437561 70.2610747286616 222.6197707417397 70.2306059191522 227.2832564126102 67.4257176283548L237.6672610688693 61.1825413721512C247.8414996904291 55.065341924496 260.5217978941365 54.9967871030998 270.7593178892927 61.0009003923836L281.8687145873331 67.5153662409497L272.9759237811012 82.6777005423839zM272.9741659651679 26.1334494793935L261.8665270830607 19.6178117535385C257.1807757437026 16.8703454498934 251.3782253480964 16.9014001980472 246.7229428182477 19.7016009796894L236.339524100633 25.9441912972486C226.1594260926291 32.0643204381258 213.4703388092555 32.1340471368108 203.2240297344331 26.1258322770161L192.1263518092809 19.6178117535385C187.4406004699228 16.8703454498934 181.6392219516054 16.9025720753361 176.9827675444678 19.7016009796894L166.5993488268532 25.9436053586042C156.4198367574937 32.0660782540591 143.7301635354756 32.1340471368108 133.4844403992976 26.1258322770161L122.3867624741454 19.6178117535385C117.7010111347874 16.8703454498934 111.8990466778255 16.9014001980472 107.2431782093324 19.7016009796894L96.8603454303622 25.9441912972486C86.6790755450694 32.0654923154146 73.9899882616958 32.1340471368108 63.7448510641622 26.1258322770161L52.64717313901 19.6178117535385C47.9614217996519 16.8703454498934 42.1588714040457 16.9019861366917 37.503588874197 19.7016009796894L27.1904827939117 25.9037615307842L18.1324572899556 10.8386930443223L28.4467352475298 4.6371184318719C38.6198019918008 -1.4800810157833 51.3006861341526 -1.5498077144682 61.5393780065977 4.45489151346L72.6370559317499 10.9629120369376C77.3292525961965 13.7144799110936 83.1405920714689 13.6828392242954 87.8029058650505 10.8797087494312L98.1857386440208 4.6377043705164C108.3588053882918 -1.4800810157832 121.0396895306436 -1.5503936531126 131.2783814030887 4.4554774521044L142.3760593282409 10.963497975582C147.0682559926875 13.7168236656713 152.8790095293155 13.6840111015842 157.5419092615416 10.8802946880755L167.9247420405118 4.6382903091608C173.0645958292887 1.5474639598905 178.8431227404741 0.0005859386444 184.625165283526 0.0005859386444C190.2870904044735 0.0011718772888 195.951945218643 1.4847685249385 201.0185566768685 4.4560633907488L212.1168205406651 10.9640839142264C216.8096031437561 13.7162377270268 222.621528557673 13.6834251629398 227.2820845353214 10.8808806267199L237.6655032529361 4.6382903091608C247.8391559358515 -1.4789091384944 260.5194541395589 -1.5492217758238 270.7581460120039 4.4560633907488L281.8675427100444 10.9705292393149L272.9741659651679 26.1334494793935z" >
+    <glyph glyph-name="toilet"
+      unicode="&#xF159;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="toilet-1"
+      unicode="&#x74;&#x6F;&#x69;&#x6C;&#x65;&#x74;"
+      horiz-adv-x="300" d="M233.1474609375 192.7634765625C235.5767578125 192.7634765625 237.54609375 194.73046875 237.54609375 197.15625V274.395703125C242.666015625 276.2085937500001 246.343359375 281.094140625 246.343359375 286.8216796875C246.343359375 294.0884765625001 240.4236328125 300 233.1474609375 300H111.943359375C109.5140625 300 107.5447265625 298.0330078125 107.5447265625 295.6072265625S109.5140625 291.2144531250001 111.943359375 291.2144531250001H233.148046875C235.5732421875 291.2144531250001 237.5466796875 289.2439453125 237.5466796875 286.8216796875S235.573828125 282.42890625 233.148046875 282.42890625H66.590625C64.1654296875 282.42890625 62.1919921875 284.3994140625 62.1919921875 286.8216796875S64.16484375 291.2144531250001 66.590625 291.2144531250001H91.4818359375C93.9111328125 291.2144531250001 95.88046875 293.1814453125 95.88046875 295.6072265625S93.9111328125 300 91.4818359375 300H66.590625C59.314453125 300 53.3953125 294.0884765625001 53.3953125 286.82109375C53.3953125 281.0935546875 57.0720703125 276.2085937500001 62.192578125 274.3951171875001V163.9916015625C62.192578125 161.565234375 64.1619140625 159.598828125 66.5912109375 159.598828125H95.019140625V144.9556640625H67.426171875C59.689453125 144.9556640625 53.3953125 138.6697265625 53.3953125 130.94296875V122.9912109375C53.3953125 120.56484375 55.3646484375 118.5984375 57.7939453125 118.5984375H62.192578125V94.362890625C62.192578125 62.9291015625 87.79921875 37.3552734374999 119.2734375 37.3552734374999H119.5130859375L109.5755859375 5.7076171875C109.156640625 4.3734375 109.3986328125 2.9197265625 110.2271484375 1.7929687499999C111.0556640625 0.665625 112.372265625 0.0005859375 113.7720703125 0.0005859375H185.9666015625C187.36640625 0.0005859375 188.6830078125 0.6662109375 189.5115234375 1.7929687499999S190.58203125 4.3734375 190.1630859375 5.7076171875L180.2255859375 37.3552734374999H180.465234375C211.939453125 37.3552734374999 237.54609375 62.9291015625 237.54609375 94.362890625V118.5984375H241.9447265625C244.3740234375001 118.5984375 246.3433593750001 120.5654296875 246.3433593750001 122.9912109375V130.94296875C246.3433593750001 138.6697265625 240.04921875 144.9556640625 232.3130859375001 144.9556640625H204.7201171875001V159.598828125H233.1480468750001C235.5773437500001 159.598828125 237.5466796875001 161.5658203125 237.5466796875001 163.9916015625V176.9009765625C237.5466796875001 179.32734375 235.5773437500001 181.29375 233.1480468750001 181.29375S228.7494140625 179.3267578125 228.7494140625 176.9009765625V168.384375H70.9892578125V273.6427734375H228.7494140625V197.15625C228.7494140625 194.73046875 230.7187500000001 192.7634765625 233.1474609375001 192.7634765625zM179.977734375 8.785546875H119.7609375L128.731640625 37.3546875H171.00703125zM237.54609375 130.9435546875V127.3845703125H110.169140625C107.73984375 127.3845703125 105.7705078125 125.417578125 105.7705078125 122.991796875C105.7705078125 120.5654296875 107.73984375 118.5990234375 110.169140625 118.5990234375H228.7494140625V94.3634765625C228.7494140625 67.7736328125 207.0890625 46.14140625 180.4658203125 46.14140625H119.2728515625C92.6490234375 46.14140625 70.9892578125 67.7736328125 70.9892578125 94.3634765625V118.5990234375H90.0392578125C92.4685546875 118.5990234375 94.437890625 120.566015625 94.437890625 122.991796875C94.437890625 125.4181640625 92.4685546875 127.3845703125 90.0392578125 127.3845703125H62.192578125V130.9435546875C62.192578125 133.82578125 64.5404296875 136.170703125 67.426171875 136.170703125H232.3125C235.1982421875001 136.1701171875 237.54609375 133.8251953125 237.54609375 130.9435546875zM195.9228515625 159.598828125V144.9556640625H103.8158203125V159.598828125zM93.791015625 264.1546875C86.1931640625 264.1546875 80.012109375 257.98125 80.012109375 250.393359375S86.1931640625 236.63203125 93.791015625 236.63203125C99.71015625 236.63203125 113.15390625 244.26796875 117.132421875 246.6076171875C118.4748046875 247.3974609375 119.29921875 248.837109375 119.29921875 250.3927734375S118.4748046875 253.388671875 117.132421875 254.1779296875C113.15390625 256.51875 99.7107421875 264.1546875 93.791015625 264.1546875zM93.791015625 245.417578125C91.044140625 245.417578125 88.809375 247.6494140625 88.809375 250.3927734375S91.044140625 255.36796875 93.791015625 255.36796875C95.316796875 255.35859375 100.2404296875 253.2744140625 105.809765625 250.3921875C100.2416015625 247.510546875 95.319140625 245.426953125 93.791015625 245.417578125zM295.6013671875 190.665234375C286.2984375 190.665234375 278.7298828125 198.223828125 278.7298828125 207.5150390625C278.7298828125 209.94140625 276.760546875 211.9078125 274.33125 211.9078125S269.9326171875 209.9408203125 269.9326171875 207.5150390625C269.9326171875 198.223828125 262.3640625000001 190.665234375 253.0611328125 190.665234375C250.6318359375 190.665234375 248.6625 188.6982421875 248.6625 186.2724609375C248.6625 183.84609375 250.6318359375 181.8796875 253.0611328125 181.8796875C262.3640625000001 181.8796875 269.9326171875 174.32109375 269.9326171875 165.0298828125C269.9326171875 162.603515625 271.901953125 160.637109375 274.33125 160.637109375S278.7298828125 162.6041015625 278.7298828125 165.0298828125C278.7298828125 174.32109375 286.2984375 181.8796875 295.6013671875 181.8796875C298.0306640625 181.8796875 300 183.8466796875 300 186.2724609375C300 188.698828125 298.0306640625 190.665234375 295.6013671875 190.665234375zM274.33125 179.3654296875C272.4884765625 182.0841796875 270.13828125 184.4314453125 267.4154296875 186.2724609375C270.1376953125 188.112890625 272.487890625 190.46015625 274.33125 193.1794921875C276.1740234375 190.4607421875 278.52421875 188.1134765625 281.2470703125 186.2724609375C278.5248046875 184.43203125 276.174609375 182.084765625 274.33125 179.3654296875zM259.5873046875 231.4587890625H261.2607421875V229.7876953125C261.2607421875 227.361328125 263.230078125 225.394921875 265.659375 225.394921875S270.0580078125 227.3619140625 270.0580078125 229.7876953125V231.4587890625H271.7314453125C274.1607421875001 231.4587890625 276.130078125 233.42578125 276.130078125 235.8515625C276.130078125 238.2779296875 274.1607421875001 240.2443359375 271.7314453125 240.2443359375H270.0580078125V241.916015625C270.0580078125 244.3423828125 268.088671875 246.3087890625 265.659375 246.3087890625S261.2607421875 244.341796875 261.2607421875 241.916015625V240.244921875H259.5873046875C257.1580078125 240.244921875 255.188671875 238.2779296875 255.188671875 235.8521484375C255.1892578125 233.42578125 257.1580078125 231.4587890625 259.5873046875 231.4587890625zM291.0849609375 133.058203125H289.4115234375V134.729296875C289.4115234375 137.1556640625 287.4421875000001 139.1220703125 285.012890625 139.1220703125S280.6142578125 137.155078125 280.6142578125 134.729296875V133.058203125H278.9408203125C276.5115234375 133.058203125 274.5421875 131.0912109375 274.5421875 128.6654296875S276.5115234375 124.27265625 278.9408203125 124.27265625H280.6142578125V122.6015625C280.6142578125 120.1751953125 282.5835937500001 118.2087890625 285.012890625 118.2087890625S289.4115234375 120.17578125 289.4115234375 122.6015625V124.27265625H291.0849609375C293.5142578125001 124.27265625 295.48359375 126.2396484375 295.48359375 128.6654296875S293.513671875 133.058203125 291.0849609375 133.058203125zM46.9388671875 161.9654296875C37.6359375 161.9654296875 30.0673828125 169.5240234375 30.0673828125 178.815234375C30.0673828125 181.2416015625 28.098046875 183.2080078125 25.66875 183.2080078125S21.2701171875 181.241015625 21.2701171875 178.815234375C21.2701171875 169.5240234375 13.7015625 161.9654296875 4.3986328125 161.9654296875C1.9693359375 161.9654296875 0 159.9984375 0 157.57265625C0 155.1462890625 1.9693359375 153.1798828125 4.3986328125 153.1798828125C13.7015625 153.1798828125 21.2701171875 145.6212890625 21.2701171875 136.330078125C21.2701171875 133.9037109375 23.239453125 131.9373046875 25.66875 131.9373046875S30.0673828125 133.904296875 30.0673828125 136.330078125C30.0673828125 145.6212890625 37.6359375 153.1798828125 46.9388671875 153.1798828125C49.3681640625 153.1798828125 51.3375 155.146875 51.3375 157.57265625S49.3681640625 161.9654296875 46.9388671875 161.9654296875zM25.66875 150.665625C23.8259765625 153.384375 21.47578125 155.731640625 18.7529296875 157.57265625C21.4751953125 159.4130859375 23.825390625 161.7603515625 25.66875 164.4796875C27.5115234375 161.7609375 29.86171875 159.413671875 32.5845703125 157.57265625C29.86171875 155.731640625 27.5115234375 153.384375 25.66875 150.665625zM28.2685546875 202.758984375H29.9419921875V201.087890625C29.9419921875 198.6615234375 31.911328125 196.6951171875 34.340625 196.6951171875S38.7392578125 198.662109375 38.7392578125 201.087890625V202.758984375H40.4126953125C42.8419921875 202.758984375 44.811328125 204.7259765625 44.811328125 207.1517578125C44.811328125 209.578125 42.8419921875 211.54453125 40.4126953125 211.54453125H38.7392578125V213.215625C38.7392578125 215.6419921875 36.769921875 217.6083984375 34.340625 217.6083984375S29.9419921875 215.64140625 29.9419921875 213.215625V211.54453125H28.2685546875C25.8392578125 211.54453125 23.869921875 209.5775390625 23.869921875 207.1517578125C23.8705078125 204.725390625 25.83984375 202.758984375 28.2685546875 202.758984375zM21.0591796875 104.3578125H19.3857421875V106.02890625C19.3857421875 108.4552734375 17.41640625 110.4216796875 14.987109375 110.4216796875S10.5884765625 108.4546875 10.5884765625 106.02890625V104.3578125H8.9150390625C6.4857421875 104.3578125 4.51640625 102.3908203125 4.51640625 99.9650390625S6.4857421875 95.572265625 8.9150390625 95.572265625H10.5884765625V93.901171875C10.5884765625 91.4748046875 12.5578125 89.5083984375 14.987109375 89.5083984375S19.3857421875 91.475390625 19.3857421875 93.901171875V95.572265625H21.0591796875C23.4884765625 95.572265625 25.4578125 97.5392578125 25.4578125 99.9650390625S23.4884765625 104.3578125 21.0591796875 104.3578125z" >
+    <glyph glyph-name="train"
+      unicode="&#xF15A;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="train-1"
+      unicode="&#x74;&#x72;&#x61;&#x69;&#x6E;"
+      horiz-adv-x="300" d="M299.9958984375 0L236.7369140625 73.4923828125C243.273046875 76.1244140625 249.1541015625 80.3220703125 253.83046875 85.8369140625C262.1958984375 95.703515625 265.78125 108.6814453125 263.666015625 121.4431640625L240.1640625 263.2400390625001C236.633203125 284.5406250000001 218.4005859375 300 196.810546875 300H103.189453125C81.5982421875 300 63.365625 284.5406250000001 59.8359375 263.240625L36.333984375 121.44375C34.21875 108.68203125 37.803515625 95.7041015625 46.1689453125 85.8375C50.8453125 80.3220703125 56.726953125 76.1244140625 63.2630859375 73.4923828125L0.0041015625 0zM38.3279296875 17.578125L53.4580078125 35.15625H246.54140625L261.6714843750001 17.578125zM216.28125 70.3125L231.411328125 52.734375H68.588671875L83.71875 70.3125zM123.6328125 114.2578125C123.6328125 128.7966796875 135.4611328125 140.625 150 140.625S176.3671875 128.7966796875 176.3671875 114.2578125S164.5388671875 87.890625 150 87.890625S123.6328125 99.7189453125 123.6328125 114.2578125zM186.4447265625 264.84375H113.5552734375L116.4685546875 282.421875H183.5314453125zM110.64140625 247.265625H189.35859375L198.2935546875 193.359375H101.70703125zM98.7931640625 175.78125H201.2068359375L204.1201171875 158.203125H95.8798828125zM222.82265625 260.366015625L246.324609375 118.569140625C247.59375 110.912109375 245.4421875 103.125 240.423046875 97.2052734375S228.073828125 87.890625 220.3125 87.890625H185.1322265625C190.6623046875 95.240625 193.9453125 104.3724609375 193.9453125 114.2578125S190.6623046875 133.275 185.1322265625 140.625H224.851171875L201.4154296875 282.02109375C212.283984375 280.1208984375 220.960546875 271.5984375 222.82265625 260.366015625zM59.5763671875 97.205859375C54.5572265625 103.126171875 52.40625 110.9126953125 53.675390625 118.569140625L77.17734375 260.366015625C79.0388671875 271.5978515625 87.7154296875 280.1208984375 98.5845703125 282.02109375L75.148828125 140.625H114.8677734375C109.3376953125 133.275 106.0546875 124.1431640625 106.0546875 114.2578125S109.3376953125 95.240625 114.8677734375 87.890625H79.6875C71.926171875 87.890625 64.5955078125 91.285546875 59.5763671875 97.205859375z" >
+    <glyph glyph-name="user-1"
+      unicode="&#xF15B;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user-1-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;&#x2D;&#x31;"
+      horiz-adv-x="300" d="M150 131.0220703125C59.8611328125 131.0220703125 10.21875 88.3798828125 10.21875 10.948828125C10.21875 4.9013671875 15.1201171875 0 21.167578125 0H278.8318359375C284.879296875 0 289.7806640625 4.9013671875 289.7806640625 10.948828125C289.78125 88.37578125 240.1388671875 131.0220703125 150 131.0220703125zM32.51484375 21.89765625C36.821484375 79.791796875 76.2919921875 109.1238281250001 150 109.1238281250001S263.1791015625 79.7917968750001 267.4892578125 21.8976562500001H32.51484375zM150 300C108.5947265625 300 77.3724609375 268.149609375 77.3724609375 225.9158203125C77.3724609375 182.4451171875 109.9529296875 147.0837890625 150 147.0837890625S222.6275390625 182.4451171875 222.6275390625 225.9123046875C222.6275390625 268.149609375 191.4052734375 300 150 300zM150 168.9779296875C122.0255859375 168.9779296875 99.2701171875 194.518359375 99.2701171875 225.9123046875C99.2701171875 256.153125 120.605859375 278.10234375 150 278.10234375C178.9236328125 278.10234375 200.7298828125 255.66796875 200.7298828125 225.9123046875C200.7298828125 194.518359375 177.9744140625 168.9779296875 150 168.9779296875z" >
+    <glyph glyph-name="user"
+      unicode="&#xF15C;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="user-1"
+      unicode="&#x75;&#x73;&#x65;&#x72;"
+      horiz-adv-x="299.9994140636444" d="M147.861954566495 155.4888689670528C167.715126532956 155.4888689670528 184.9041185466435 162.6093685363896 198.9528584905108 176.6581084802569C212.9970205136318 190.7045591707829 220.1198093363099 207.8912625170654 220.1198093363099 227.7467231509314C220.1198093363099 247.5953171966461 212.9993091810368 264.78430979627 198.9505698231058 278.8353378216059C184.9018298792385 292.8794998447269 167.712837865551 300 147.861954566495 300C128.0064945185654 300 110.8197905863465 292.8794998447269 96.7733398958205 278.8330491542009S75.6041003826164 247.5976058640511 75.6041003826164 227.7467231509314C75.6041003826164 207.8912625170654 82.7268892052945 190.7022705033779 96.7733398958205 176.6558198128519C110.8243685070927 162.6116577897309 128.0133605207802 155.4888689670528 147.861954566495 155.4888689670528zM109.2061769410607 266.4025007763657C119.9842019839805 277.1805258192855 132.6276093210756 282.4196206648034 147.861954566495 282.4196206648034C163.0940111445095 282.4196206648034 175.7397083208822 277.1805258192855 186.5200214452706 266.4025007763657C197.2980459022541 255.6221876519773 202.5394300011133 242.9764910615409 202.5394300011133 227.7467231509314C202.5394300011133 212.5123779055119 197.2980459022541 199.8689699824805 186.5200214452706 189.0886568580921C175.7397083208822 178.3083431477673 163.0940111445095 173.0692483022494 147.861954566495 173.0692483022494C132.6321872418218 173.0692483022494 119.9887793187904 178.3106318151723 109.2061769410607 189.0886568580921C98.4258638166722 199.8666813150756 93.1844797178131 212.5123779055119 93.1844797178131 227.7467231509314C93.1844797178131 242.9764910615409 98.4258638166722 255.6221876519773 109.2061769410607 266.4025007763657zM109.2061769410607 266.4025007763657M274.2937451294041 69.3150257519029C273.8886252175289 75.1606567174674 273.069229552286 81.5372919193517 271.8630250722166 88.270982673862C270.6453760832498 95.0550264550265 269.0775381298083 101.4682832650718 267.2007113267357 107.3299354884073C265.2597971488337 113.388425999168 262.6253722160699 119.3713852121383 259.3638125706786 125.1048644436242C255.983234017121 131.0557805551161 252.0098531057557 136.2376551998922 247.5512436499147 140.5017150357128C242.8889299044338 144.9626137448951 237.1806277722114 148.5491852554976 230.5796891021697 151.1652990912127C224.0016376921139 153.7676809224982 216.7117656020203 155.0860377225826 208.9137765355927 155.0860377225826C205.8513432590952 155.0860377225826 202.8896183796516 153.8294784580499 197.1698723244681 150.1055787000416C193.6496768560999 147.809898222855 189.5321005232412 145.154874111574 184.9361622340581 142.2183257454576C181.0062689330685 139.7143630578847 175.6824875342041 137.3683289681075 169.1067253774895 135.2443096790827C162.6911799000393 133.1683559211799 156.1772158648128 132.1155009462872 149.7456485436552 132.1155009462872C143.3186591432439 132.1155009462872 136.8046951080174 133.1683559211799 130.3845722957573 135.2443096790827C123.8156761412575 137.3660403007026 118.4896060749881 139.7120743904797 114.5665793621497 142.2160370780526C110.0141280974061 145.1251196775007 105.8942630971424 147.7801437887817 102.3214247628423 150.1078673674466C96.606256628405 153.8317671254549 93.6445311630251 155.0883263899876 90.5820984724639 155.0883263899876C82.7818207386314 155.0883263899876 75.4942373159427 153.7676809224982 68.9184751592282 151.1630104238078C62.3221132380601 148.5514739229025 56.6115230243691 144.9649024123 51.9446313581419 140.4994263683079C47.486021902301 136.233077279146 43.5126409909356 131.0534913017749 40.1343516907194 125.1048644436242C36.8773693801379 119.3713852121383 34.2406557799692 113.3907146665729 32.2997416020672 107.3276468210023C30.4252028804631 101.4659945976668 28.857365512958 95.0550264550265 27.6397165239912 88.270982673862C26.4312227905805 81.5464471749079 25.6141163786789 75.1675227196822 25.2089964668038 69.3081591637517C24.8107425571434 63.5792578530121 24.6093269349083 57.616897818559 24.6093269349083 51.5927396626179C24.6093269349083 35.932675326806 29.5874972900444 23.254935048955 39.404219913633 13.9051304587296C49.0996355475868 4.6789215255439 61.9261485817411 0.0005859363556 77.5289927168111 0.0005859363556H221.9806148816116C237.5788816818717 0.0005859363556 250.405394716026 4.6789215255439 260.1030990173848 13.9051304587296C269.9221108943147 23.2480684608038 274.9002806635144 35.9303860734647 274.9002806635144 51.5950289159591C274.8979919961094 57.6397862504175 274.6942877064694 63.6021462848705 274.2937451294041 69.3150257519028zM247.9815406610534 26.6423796047274C241.5751504391593 20.5449794043371 233.0699186134402 17.5809652715523 221.9783262142066 17.5809652715523H77.5289927168111C66.4351116501726 17.5809652715523 57.9298798244535 20.5449794043371 51.5257782699643 26.6400909373224C45.2429842910463 32.6207614828878 42.1897062701049 40.784960771561 42.1897062701049 51.5927396626179C42.1897062701049 57.2140665740888 42.3751000486327 62.7644406944518 42.7458881916246 68.0927994281262C43.107520493124 73.3204497647466 43.8468075257666 79.0630842517886 44.9431495250986 85.1650617869887C46.0257583481282 91.1915086103348 47.4036246022957 96.8471678766253 49.042415346845 101.9672449858497C50.6148300491601 106.8767506313465 52.7594491026385 111.7381913316576 55.4190505487294 116.4211042556558C57.9573450051855 120.8842916322429 60.877872113531 124.713477122115 64.1005220692928 127.7987982445347C67.1148898146683 130.6849924121242 70.9143208704671 133.0470483456087 75.3912408374202 134.8185905886903C79.5317050162011 136.4573813332396 84.184863506126 137.3545963777415 89.2362759057111 137.4896365436787C89.8519666953775 137.1623360110625 90.9483086947096 136.5374899658399 92.724428272601 135.3793498450199C96.338465549872 133.0241604996866 100.5041068279164 130.3370927009908 105.1092003726555 127.3959670000645C110.3002302729878 124.0863424094875 116.9881441637809 121.0971511774391 124.9783935968875 118.5176577780122C133.1471702203707 115.8763668430335 141.4784527764594 114.5351216110906 149.7479372110601 114.5351216110906C158.0174222315972 114.5351216110906 166.3509934550909 115.8763668430335 174.5151927437642 118.5153691106073C182.5123081790856 121.0994398448441 189.1979339884102 124.0863424094875 194.3958298909572 127.4005449208108C199.1084978349652 130.4126234128449 203.1574094581846 133.0218718322816 206.7714467354556 135.3793498450199C208.547566313347 136.5352007124986 209.6439083126791 137.1623360110625 210.2595991023455 137.4896365436787C215.3133001693356 137.3545963777415 219.9664586592605 136.4573813332396 224.1092120913826 134.8185905886903C228.5838433909309 133.0470483456087 232.3832738607932 130.6827037447193 235.3976421921051 127.7987982445347C238.6202921478669 124.7157657895199 241.540818670276 120.8865802996479 244.0791131267322 116.4188155882508C246.7410038261644 111.7381913316576 248.8879109611114 106.8744619639415 250.4580375819579 101.9695336532546C252.0991169939121 96.8425905418153 253.4792719154845 91.1892199429298 254.5595920711092 85.1673504543936C255.6536448171 79.0539289962324 256.3952205171474 73.3090058417854 256.7568534045832 68.0905101747848V68.0859328399749C257.1299302149801 62.7781732848177 257.3176126609128 57.230088417796 257.3199013283177 51.5927396626178C257.3176126609128 40.7826715182197 254.2643346399714 32.6207614828877 247.9815406610534 26.6423796047273zM247.9815406610534 26.6423796047274" >
+    <glyph glyph-name="vegetable"
+      unicode="&#xF15D;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="vegetable-1"
+      unicode="&#x76;&#x65;&#x67;&#x65;&#x74;&#x61;&#x62;&#x6C;&#x65;"
+      horiz-adv-x="300" d="M295.3125 131.4890625C295.3125 151.8984375 285.4171875 171.3890625 268.8421875 183.6234375C265.4625000000001 186.1265625 261.271875 187.5 257.0484375000001 187.5C251.7609375 187.5 246.80625 185.3859375 243.16875 181.790625C242.4890625 182.3578125 241.8703125 182.98125 241.1671875 183.5203125C238.565625 185.5078125 235.4437500000001 186.6890625 232.2375 187.1765625L234.3046875000001 209.90625C234.3515625000001 210.45 234.3750000000001 210.9984375 234.3750000000001 211.546875C234.3750000000001 221.55 226.2375000000001 229.6875 216.2343750000001 229.6875H215.0156250000001C205.0125000000001 229.6875 196.8750000000001 221.55 196.8750000000001 211.546875C196.8750000000001 210.9984375 196.8984375000001 210.45 196.9500000000001 209.9015625L199.0265625000001 187.0734375C196.0546875000001 186.5109375 193.1812500000001 185.3625 190.7531250000001 183.553125C189.9140625 182.925 189.1687500000001 182.203125 188.3625000000001 181.5421875C187.9453125000001 181.9734375 187.5046875000001 182.3765625 187.0500000000001 182.765625C187.3171875000001 184.3265625 187.5 185.90625 187.5 187.5C187.5 193.453125 185.6437500000001 199.1484375 182.203125 203.90625C185.6437500000001 208.6640625 187.5 214.3546875 187.5 220.3125C187.5 236.3625 173.9203125000001 249.3703125 157.7390625000001 248.3859375C154.7296875000001 257.0109375 147.7125000000001 263.5125000000001 139.0875000000001 266.0203125000001C133.3781250000001 273.140625 124.7718750000001 277.0921875 115.5515625000001 276.5109375C111.6703125000001 287.6343750000001 101.1609375000001 295.3125 89.0625000000001 295.3125C78.9140625000001 295.3125 69.6750000000001 289.8843750000001 64.6968750000001 281.2359375000001C52.2843750000001 280.81875 41.5546875 272.0578125 38.4796875000001 260.1234375C23.9671875 254.709375 14.0625000000001 240.6609375 14.0625000000001 225C14.0625000000001 212.4421875 20.240625 200.9625 30.4640625000001 194.025C28.9218750000001 190.5046875000001 28.1250000000001 186.6984375000001 28.1250000000001 182.8125C28.1250000000001 174.375 31.8750000000001 166.5328125 38.3109375000001 161.221875C37.7718750000001 159.046875 37.5000000000001 156.8578125 37.5000000000001 154.6875C37.5000000000001 140.3250000000001 48.3281250000001 128.4375 62.2500000000001 126.7640625L72.6187500000001 97.725C67.3078125000001 93.8109375 62.7843750000001 88.9125 59.3015625000001 83.2875L34.7437500000001 88.74375C33.8109375000001 88.9593750000001 32.8500000000001 89.0625 31.8843750000001 89.0625C24.6421875 89.0625 18.7500000000001 83.1703125000001 18.7500000000001 75.928125V74.071875C18.7500000000001 72.759375 19.0031250000001 71.5125000000001 19.3640625000001 70.3125H18.7500000000001C10.9968750000001 70.3125 4.6875000000001 64.003125 4.6875000000001 56.25S10.9968750000001 42.1875000000001 18.7500000000001 42.1875000000001H19.3640625000001C19.0031250000001 40.9875 18.7500000000001 39.740625 18.7500000000001 38.428125V36.571875C18.7500000000001 29.3296875 24.6421875 23.4375000000001 31.8843750000001 23.4375000000001C32.8500000000001 23.4375000000001 33.8109375 23.540625 34.7343750000001 23.7515625L59.3015625000001 29.2125C68.4000000000001 14.521875 84.6140625000001 4.6875000000001 103.1250000000001 4.6875000000001H104.2265625C106.8328125000001 4.6875000000001 109.471875 4.8890625 112.0640625000001 5.2875L272.803125 30.0140625C285.84375 32.025 295.3125000000001 43.0546875 295.3125000000001 56.25C295.3125000000001 66.8015625 289.2046875000001 75.8812500000001 280.1109375000001 80.1609375C289.8234375 91.7625000000001 295.3125000000001 106.4812500000001 295.3125000000001 121.6359375zM235.4671875 176.071875C249.459375 165.375 257.8125000000001 148.3359375 257.8125000000001 130.48125V113.2640625C257.8125000000001 103.6546875 255.4171875 94.246875 250.9031250000001 85.8515625L213.3140625000001 91.6359375C211.7671875000001 98.4375 210.9375000000001 105.384375 210.9375000000001 112.359375V131.390625C210.9375000000001 136.115625 211.4109375000001 140.8359375 212.1281250000001 145.5140625C213.2765625000001 145.415625 214.4203125000001 145.3125 215.6250000000001 145.3125C228.9890625000001 145.3125 239.0625000000001 151.359375 239.0625000000001 159.375C239.0625000000001 163.8 236.0015625000001 167.728125 230.7000000000001 170.30625L231.3890625000001 177.890625C232.8515625000001 177.5953125 234.2578125000001 177.0046875 235.4671875000001 176.071875zM215.015625 220.3125H216.2390625000001C221.071875 220.3125 225.0046875 216.3796875 225.0046875 211.546875C225.0046875 211.2796875 224.9953125 211.0125 224.9671875 210.75L220.7109375 163.9359375L224.2875 162.7875C228.39375 161.475 229.6875 159.7453125 229.6875 159.375C229.6875 158.2078125 224.7 154.6875 215.625 154.6875S201.5625 158.2078125 201.5625 159.375C201.5625 159.7453125 202.85625 161.475 206.9625 162.7921875L210.5390625 163.940625L206.2828125 210.75C206.259375 211.0171875 206.25 211.284375 206.25 211.546875C206.25 216.3796875 210.1828125 220.3125 215.015625 220.3125zM199.875 177.7359375L200.5500000000001 170.30625C195.2484375 167.728125 192.1875 163.8 192.1875 159.375C192.1875 154.209375 196.4015625000001 149.8921875 202.95 147.4546875C202.1109375 142.134375 201.5625 136.7625 201.5625 131.390625V112.359375C201.5625 105.91875 202.18125 99.4875 203.38125 93.1640625L175.7484375000001 97.415625C174.2437500000001 102.5671875 173.4375 107.878125 173.4375 113.26875V130.4859375C173.4375 148.3125 182.0062500000001 165.346875 196.359375 176.04375C197.4046875 176.821875 198.609375 177.39375 199.875 177.7359375zM149.2171875 101.4984375C146.671875 107.9390625 145.3125 114.6843750000001 145.3125 121.6359375V131.49375C145.3125 148.9406250000001 153.7875 165.609375 167.9765625 176.0906250000001C169.7578125000001 177.4031250000001 171.9703125 178.125 174.2015625000001 178.125C177.0328125 178.125 179.6390625 176.9859375 181.5468750000001 175.0781250000001C170.4937500000001 162.9656250000001 164.0625000000001 147.05625 164.0625000000001 130.4812500000001V113.2640625000001C164.0625000000001 108.4312500000001 164.6390625000001 103.65 165.6843750000001 98.9625zM149.6578125 242.3390625L150.5109375000001 237.5156250000001L155.2921875000001 238.5796875000001C156.7453125000001 238.9031250000001 158.0812500000001 239.0625000000001 159.3750000000001 239.0625000000001C169.7156250000001 239.0625000000001 178.1250000000001 230.653125 178.1250000000001 220.3125C178.1250000000001 215.3859375000001 176.2125000000001 210.7265625 172.7437500000001 207.1921875000001L169.5187500000001 203.90625L172.7437500000001 200.6203125C176.2125000000001 197.0859375 178.1250000000001 192.4265625000001 178.1250000000001 187.5C178.1250000000001 187.359375 178.0968750000001 187.2187500000001 178.0968750000001 187.0734375C176.8265625000001 187.3265625 175.5328125000001 187.5 174.2015625000001 187.5C169.978125 187.5 165.7875000000001 186.1265625 162.4078125000001 183.628125C153.8765625000001 177.3328125000001 147.1593750000001 169.096875 142.6031250000001 159.8203125C140.8265625000001 165.3515625 138.9609375000001 170.6484375 137.0390625000001 175.678125C141.3750000000001 198.58125 157.4578125000001 211.8375 157.6218750000001 211.9734375L154.6875000000001 215.625L151.7578125000001 219.2859375C151.1062500000001 218.765625 138.4265625000001 208.4109375 131.3062500000001 189.73125C121.5515625000001 212.128125 112.3453125000001 226.6171875 111.7546875000001 227.5359375L103.8656250000001 222.4640625C103.9921875000001 222.271875 111.1406250000001 211.0265625 119.4609375000001 193.125C105.4406250000001 198.403125 89.5078125000001 196.9453125 88.5937500000001 196.8515625L89.5265625000001 187.5234375C96.5765625000001 188.2312500000001 116.5453125000001 187.8890625 125.8734375000001 178.36875C129.1593750000001 170.2921875000001 132.3984375000001 161.4375 135.2578125000001 151.9500000000001C121.0078125000001 159.2578125 104.0062500000001 159.375 103.1250000000001 159.375V150C103.3453125000001 150 124.2140625000001 149.859375 136.5656250000001 140.0390625C136.1812500000001 137.2171875000001 135.9375000000001 134.3671875 135.9375000000001 131.4890625000001V121.63125C135.9375000000001 115.2984375 136.9125000000001 109.1062500000001 138.7218750000001 103.1062500000001L112.0640625000001 107.2078125000001C110.6578125000001 107.4234375 109.2375000000001 107.56875 107.8125000000001 107.671875C97.4718750000001 107.671875 89.0625000000001 116.146875 89.0625000000001 126.5578125000001C89.0625000000001 128.7421875000001 89.4984375000001 130.9828125000001 90.3515625000001 133.2281250000001L91.7203125000001 136.8140625000001L88.4718750000001 138.8671875000001C82.9734375000001 142.3453125000001 79.6875000000001 148.2562500000001 79.6875000000001 154.6875000000001C79.6875000000001 158.3765625000001 80.7703125000001 161.9531250000001 82.8187500000001 165.0375000000001L85.7390625000001 169.4250000000001L81.0421875000001 171.8109375000001C71.5312500000001 176.6484375000001 65.6250000000001 186.2484375000001 65.6250000000001 196.8750000000001C65.6250000000001 209.3484375000001 74.0062500000001 220.4578125000001 86.0109375000001 223.8937500000001L88.9218750000001 224.7281250000001L89.3578125000001 227.7234375000001C90.6937500000001 236.8593750000001 98.6296875000001 243.7500000000001 107.8125000000001 243.7500000000001C107.9859375000001 243.7500000000001 108.1546875000001 243.7125000000001 108.3234375000001 243.6890625000001C108.6515625000001 243.6421875000001 108.9843750000001 243.6000000000001 109.3171875000001 243.5765625000001L112.6781250000001 243.3046875000001L114.0000000000001 246.4078125000001C116.9578125000001 253.3359375000001 123.7265625000001 257.8125000000001 131.2500000000001 257.8125000000001C140.3343750000001 257.8125000000001 148.0734375000001 251.3062500000001 149.6578125000001 242.3390625000001zM68.9296875 135.9375H65.625C55.284375 135.9375 46.875 144.346875 46.875 154.6875C46.875 156.8765625 47.3109375 159.1171875 48.1640625 161.353125L49.5375 164.9390625L46.2890625 166.9921875C40.7859375 170.4703125 37.5 176.38125 37.5 182.8125C37.5 186.5015625 38.5828125 190.078125 40.63125 193.1625L43.5515625 197.55L38.8546875 199.9359375C29.34375 204.7734375 23.4375 214.3734375 23.4375 225C23.4375 237.4734375 31.81875 248.5828125 43.81875 252.01875L46.7296875 252.853125L47.165625 255.8484375C48.50625 264.984375 56.4421875 271.875 65.625 271.875C65.803125 271.875 65.9765625 271.8375 66.15 271.8140625C66.46875 271.771875 66.7875 271.7296875 67.115625 271.7015625L70.490625 271.4203125L71.8171875 274.5375C74.7703125 281.4609375 81.5390625 285.9375 89.0625 285.9375C98.146875 285.9375 105.8859375 279.43125 107.4703125 270.4640625L108.3234375 265.640625L113.1046875 266.7046875C114.5578125 267.028125 115.89375 267.1875 117.1875 267.1875C119.34375 267.1875 121.3921875 266.7140625 123.3515625 266.0296875C116.4609375 264.0140625 110.5265625 259.4390625 106.884375 253.1109375C94.471875 252.69375 83.7421875 243.9328125 80.6671875 231.9984375C66.1546875 226.584375 56.25 212.5359375 56.25 196.875C56.25 184.3171875 62.428125 172.8375 72.6515625 165.9C71.109375 162.3796875 70.3125 158.5734375 70.3125 154.6875C70.3125 146.25 74.0625 138.4078125 80.4984375 133.0921875C79.959375 130.9171875 79.6875 128.7328125 79.6875 126.5625C79.6875 118.3265625 83.23125 110.925 88.8421875 105.759375C86.0578125 104.953125 83.38125 103.9078125 80.8125 102.665625zM28.125 74.071875V75.928125C28.125 78.28125 30.403125 80.0953125 32.7046875 79.5984375L55.0125 74.6390625C54.46875 73.2234375 53.98125 71.784375 53.5640625 70.3125H31.884375C29.8125 70.3125 28.125 72 28.125 74.071875zM14.0625 56.25C14.0625 58.8328125 16.1671875 60.9375 18.75 60.9375H31.884375H51.796875C51.6609375 59.390625 51.5625 57.834375 51.5625 56.25S51.6609375 53.109375 51.8015625 51.5625H31.884375H18.75C16.1671875 51.5625 14.0625 53.6671875 14.0625 56.25zM32.6953125 32.9015625C30.4734375 32.4234375 28.125 34.2234375 28.125 36.571875V38.428125C28.125 40.5 29.8125 42.1875 31.884375 42.1875H53.559375C53.9765625 40.715625 54.46875 39.2765625 55.0078125 37.8609375zM285.9375 56.25C285.9375 47.7140625 279.815625 40.5796875 271.3828125 39.28125L110.6484375 14.5546875C108.5203125 14.2265625 106.359375 14.0625000000001 104.2265625 14.0625000000001H103.125C79.865625 14.0625000000001 60.9375 32.990625 60.9375 56.25S79.865625 98.4375 103.125 98.4375H104.2265625C106.359375 98.4375 108.5203125 98.2734375000001 110.64375 97.9500000000001L271.378125 73.2234375000001C279.815625 71.9203125000001 285.9375000000001 64.7859375000001 285.9375000000001 56.25zM285.9375 121.6359375C285.9375 107.2171875 280.1015625 93.2671875 269.9484375 82.9265625L260.634375 84.3609375C264.9140625 93.3515625 267.1875 103.209375 267.1875 113.26875V130.4859375C267.1875 147.1453125 260.840625 163.134375 249.9375 175.265625C251.83125 177.0515625 254.34375 178.125 257.0484375000001 178.125C259.284375 178.125 261.4921875 177.403125 263.2734375000001 176.08125C277.4625000000001 165.609375 285.9375000000001 148.9359375 285.9375000000001 131.4890625zM98.4375 79.6875H107.8125V32.8125H98.4375zM135.9375 79.6875H145.3125V32.8125H135.9375zM173.4375 79.6875H182.8125V32.8125H173.4375zM210.9375 70.3125H220.3125V42.1875H210.9375zM248.4375 65.625H257.8125V46.875H248.4375z" >
+    <glyph glyph-name="washer"
+      unicode="&#xF15E;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+    <glyph glyph-name="washer-1"
+      unicode="&#x77;&#x61;&#x73;&#x68;&#x65;&#x72;"
+      horiz-adv-x="300" d="M120.392578125 278.832421875C110.133984375 278.832421875 101.787890625 270.486328125 101.787890625 260.227734375C101.787890625 249.9685546875 110.133984375 241.623046875 120.392578125 241.623046875S138.997265625 249.969140625 138.997265625 260.227734375C138.9978515625 270.486328125 130.6517578125 278.832421875 120.392578125 278.832421875zM120.392578125 250.412109375C114.9802734375 250.412109375 110.576953125 254.8154296875 110.576953125 260.227734375S114.9802734375 270.043359375 120.392578125 270.043359375S130.208203125 265.6400390625 130.208203125 260.227734375S125.80546875 250.412109375 120.392578125 250.412109375zM70.0646484375 278.832421875C59.8060546875 278.832421875 51.4599609375 270.486328125 51.4599609375 260.227734375C51.4599609375 249.9685546875 59.8060546875 241.623046875 70.0646484375 241.623046875S88.6693359375 249.969140625 88.6693359375 260.227734375C88.6693359375 270.486328125 80.3232421875 278.832421875 70.0646484375 278.832421875zM70.0646484375 250.412109375C64.65234375 250.412109375 60.2490234375 254.8154296875 60.2490234375 260.227734375S64.65234375 270.043359375 70.0646484375 270.043359375S79.8802734375 265.6400390625 79.8802734375 260.227734375S75.476953125 250.412109375 70.0646484375 250.412109375zM231.4119140625 278.832421875H180.86484375C175.340625 278.832421875 170.846484375 274.33828125 170.846484375 268.8140625V251.6408203125C170.846484375 246.1166015625 175.340625 241.6224609375 180.86484375 241.6224609375H231.4119140625C236.9361328125 241.6224609375 241.4302734375 246.1166015625 241.4302734375 251.6408203125V268.8140625C241.4302734375 274.33828125 236.9361328125 278.832421875 231.4119140625 278.832421875zM232.6412109375 251.6408203125C232.6412109375 250.962890625 232.08984375 250.4115234375 231.4119140625 250.4115234375H180.86484375C180.1869140625 250.4115234375 179.635546875 250.962890625 179.635546875 251.6408203125V268.8140625C179.635546875 269.4919921875 180.1869140625 270.043359375 180.86484375 270.043359375H231.4119140625C232.08984375 270.043359375 232.6412109375 269.4919921875 232.6412109375 268.8140625V251.6408203125zM149.99765625 209.9783203125C131.9724609375 209.9783203125 114.9169921875 204.16640625 100.67578125 193.1701171875C98.7544921875 191.687109375 98.4 188.92734375 99.8830078125 187.0060546875C101.3666015625 185.084765625 104.1263671875 184.7302734375 106.0470703125 186.21328125C118.7361328125 196.0107421875 133.93359375 201.1892578125 149.99765625 201.1892578125C189.6908203125 201.1892578125 221.98359375 168.896484375 221.98359375 129.2033203125S189.6908203125 57.2173828125 149.99765625 57.2173828125S78.01171875 89.5107421875 78.01171875 129.2033203125C78.01171875 145.725 83.7515625 161.8646484375 94.1736328125 174.650390625C95.70703125 176.5318359375 95.4251953125 179.2998046875 93.54375 180.833203125S88.8943359375 182.084765625 87.3609375 180.20390625C75.664453125 165.8548828125 69.2220703125 147.7423828125 69.2220703125 129.2033203125C69.2220703125 84.6638671875 105.4576171875 48.4283203125 149.9970703125 48.4283203125S230.7720703125 84.6638671875 230.7720703125 129.2033203125S194.537109375 209.9783203125 149.99765625 209.9783203125zM277.8919921875 34.114453125V266.225390625C277.8919921875 284.848828125 262.7431640625 300 244.1232421875 300H55.8720703125C37.2521484375 300 22.1033203125 284.848828125 22.1033203125 266.225390625V33.7681640625C22.1033203125 15.1482421875 37.2521484375 0 55.871484375 0H244.12265625C262.5755859375 0 277.61015625 14.88046875 277.878515625 33.270703125C277.8978515625 33.4341796875 277.90078125 33.999609375 277.8919921875 34.114453125zM269.1029296875 38.16328125H232.7220703125C230.2951171875 38.16328125 228.3275390625 36.195703125 228.3275390625 33.76875C228.3275390625 31.341796875 230.2951171875 29.37421875 232.7220703125 29.37421875H268.7162109375C266.633203125 17.68828125 256.3980468750001 8.7890625 244.1232421875 8.7890625H55.8720703125C43.597265625 8.7890625 33.362109375 17.68828125 31.2796875 29.3736328125H215.143359375C217.5703125 29.3736328125 219.537890625 31.3412109375 219.537890625 33.7681640625C219.537890625 36.1951171875 217.5703125 38.1626953125 215.143359375 38.1626953125H30.89296875V220.45546875H269.1029296875V38.16328125zM269.1029296875 229.2439453125H30.8923828125V266.225390625C30.8923828125 280.0025390625 42.0984375 291.2109375 55.8720703125 291.2109375H244.1232421875C257.896875 291.2109375 269.1029296875 280.0025390625 269.1029296875 266.225390625V229.2439453125zM149.99765625 189.549609375C116.7216796875 189.549609375 89.649609375 162.4775390625 89.649609375 129.2021484375C89.6501953125 126.27421875 89.860546875 123.3451171875 90.2759765625 120.4974609375C90.2759765625 120.4951171875 90.2771484375 120.493359375 90.2771484375 120.491015625C92.33203125 106.2767578125 99.451171875 93.2203125 110.326171875 83.7263671875C121.3107421875 74.136328125 135.399609375 68.8546875 149.9970703125 68.8546875C164.59453125 68.8546875 178.6833984375 74.136328125 189.6685546875 83.7263671875C200.5423828125 93.2197265624999 207.6615234375 106.2744140624999 209.7169921875 120.4880859375C209.717578125 120.491015625 209.7181640625 120.4939453125 209.71875 120.496875C210.1341796875 123.3421874999999 210.3451171875 126.2712890625 210.3451171875 129.2021484375C210.3451171875 162.478125 183.273046875 189.549609375 149.99765625 189.549609375zM183.88828125 90.3474609375C174.5044921875 82.15546875 162.46875 77.64375 149.9970703125 77.64375C137.525390625 77.64375 125.4896484375 82.15546875 116.1064453125 90.3474609375C107.4966796875 97.8638671875 101.64140625 107.98828125 99.4318359375 119.0888671875L102.1412109375 120.9328125C106.6693359375 124.013671875 112.7970703125 124.016015625 117.328125 120.9328125C124.809375 115.8421875 134.9203125 115.841015625 142.4033203125 120.9328125C146.9244140625 124.0072265625 153.069140625 124.0095703125 157.590234375 120.9328125C165.0744140625 115.8404296875 175.1818359375 115.8416015625 182.6677734375 120.933984375C187.2064453125 124.0212890625 193.316015625 124.023046875 197.8517578125 120.9333984375L200.56171875 119.0888671875C198.3533203125 107.9888671875 192.4986328125 97.8638671875 183.88828125 90.3474609375zM201.55546875 128.9876953125C201.5244140625 129.005859375 201.4916015625 129.0216796875 201.4599609375 129.03984375C199.1009765625 130.412109375 196.5228515625 131.2951171875 193.83984375 131.766796875C190.4818359375 132.357421875 186.945703125 132.0826171875 183.6931640625 131.07890625C181.57265625 130.4244140625 179.5546875 129.448828125 177.7212890625 128.199609375C173.1890625 125.1158203125 167.0607421875 125.1205078125 162.534375 128.199609375C158.8189453125 130.7273437500001 154.48359375 132.0638671875001 149.9970703125 132.0638671875001C145.538671875 132.0638671875001 141.1447265625 130.7068359375001 137.4591796875 128.2001953125001C132.9193359375 125.1123046875001 126.809765625 125.1140625000001 122.272265625 128.2001953125001C118.5568359375 130.7279296875001 114.221484375 132.0644531250001 109.7349609375 132.0644531250001C105.84140625 132.0644531250001 101.895703125 131.0144531250001 98.5341796875 129.0392578125001C98.503125 129.0210937500001 98.4703125 129.0058593750001 98.4392578125 128.9876953125001C98.438671875 129.0597656250001 98.438671875 129.1312500000001 98.438671875 129.2033203125001C98.4392578125 157.6318359375 121.56796875 180.7611328125001 149.99765625 180.7611328125001C178.42734375 180.7611328125001 201.5560546875 157.6318359375001 201.5560546875 129.2027343750001C201.5560546875 129.13125 201.5560546875 129.0591796875 201.55546875 128.9876953125z" >
+  </font>
+</defs>
+</svg>
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf
new file mode 100644
index 0000000..dee8e79
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.ttf differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff
new file mode 100644
index 0000000..eea8270
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2 b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2
new file mode 100644
index 0000000..20712d6
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use-2/flaticon.woff2 differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css
new file mode 100644
index 0000000..39b8991
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.css
@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 32px;
+}
+
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js
new file mode 100644
index 0000000..6f45f1c
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo-files/demo.js
@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html
new file mode 100644
index 0000000..1eb23c0
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/demo.html
@@ -0,0 +1,1382 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>IcoMoon Demo</title>
+    <meta name="description" content="An Icon Font Generated By IcoMoon.io">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="demo-files/demo.css">
+    <link rel="stylesheet" href="style.css"></head>
+<body>
+    <div class="bgc1 clearfix">
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;96)</small></h1>
+    </div>
+    <div class="clearfix mhl ptl">
+        <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cancel"></span>
+                <span class="mls"> icon-cancel</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e900" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star"></span>
+                <span class="mls"> icon-star</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e901" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star-1"></span>
+                <span class="mls"> icon-star-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e902" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-plus"></span>
+                <span class="mls"> icon-plus</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e903" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-remove"></span>
+                <span class="mls"> icon-remove</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e904" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-compare"></span>
+                <span class="mls"> icon-compare</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e905" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-facebook"></span>
+                <span class="mls"> icon-facebook</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e906" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe906;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-twitter"></span>
+                <span class="mls"> icon-twitter</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e907" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe907;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-linkedin"></span>
+                <span class="mls"> icon-linkedin</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e908" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe908;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-whatsapp"></span>
+                <span class="mls"> icon-whatsapp</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e909" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe909;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-youtube"></span>
+                <span class="mls"> icon-youtube</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mail"></span>
+                <span class="mls"> icon-mail</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-placeholder"></span>
+                <span class="mls"> icon-placeholder</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-call"></span>
+                <span class="mls"> icon-call</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-left-arrow"></span>
+                <span class="mls"> icon-left-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-next"></span>
+                <span class="mls"> icon-next</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e90f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe90f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-arrows"></span>
+                <span class="mls"> icon-arrows</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e910" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe910;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-down-arrow"></span>
+                <span class="mls"> icon-down-arrow</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e911" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe911;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-mechanic"></span>
+                <span class="mls"> icon-mechanic</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e912" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe912;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-service"></span>
+                <span class="mls"> icon-car-service</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e913" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe913;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-key"></span>
+                <span class="mls"> icon-key</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e914" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe914;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-repair"></span>
+                <span class="mls"> icon-repair</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e915" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe915;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts"></span>
+                <span class="mls"> icon-car-parts</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e916" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe916;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car"></span>
+                <span class="mls"> icon-car</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e917" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe917;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-exterior"></span>
+                <span class="mls"> icon-exterior</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e918" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe918;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-1"></span>
+                <span class="mls"> icon-car-parts-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e919" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe919;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-maintenance"></span>
+                <span class="mls"> icon-maintenance</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-1"></span>
+                <span class="mls"> icon-car-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-2"></span>
+                <span class="mls"> icon-car-parts-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-hand"></span>
+                <span class="mls"> icon-hand</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-accumulator"></span>
+                <span class="mls"> icon-accumulator</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-3"></span>
+                <span class="mls"> icon-car-parts-3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e91f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe91f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-repair-1"></span>
+                <span class="mls"> icon-repair-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e920" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe920;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-carwash"></span>
+                <span class="mls"> icon-carwash</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e921" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe921;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-4"></span>
+                <span class="mls"> icon-car-parts-4</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e922" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe922;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-automobile"></span>
+                <span class="mls"> icon-automobile</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e923" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe923;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-polisher"></span>
+                <span class="mls"> icon-polisher</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e924" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe924;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-5"></span>
+                <span class="mls"> icon-car-parts-5</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e925" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe925;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-gasoline"></span>
+                <span class="mls"> icon-gasoline</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e926" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe926;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-seat"></span>
+                <span class="mls"> icon-seat</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e927" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe927;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-6"></span>
+                <span class="mls"> icon-car-parts-6</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e928" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe928;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-2"></span>
+                <span class="mls"> icon-car-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e929" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe929;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-soap"></span>
+                <span class="mls"> icon-soap</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-7"></span>
+                <span class="mls"> icon-car-parts-7</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-disc-brake"></span>
+                <span class="mls"> icon-disc-brake</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-8"></span>
+                <span class="mls"> icon-car-parts-8</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wheel"></span>
+                <span class="mls"> icon-wheel</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-parts-9"></span>
+                <span class="mls"> icon-car-parts-9</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e92f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe92f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-speedometer"></span>
+                <span class="mls"> icon-speedometer</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e930" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe930;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-maintenance-1"></span>
+                <span class="mls"> icon-maintenance-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e931" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe931;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shopping-bags"></span>
+                <span class="mls"> icon-shopping-bags</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e932" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe932;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-shopping-cart"></span>
+                <span class="mls"> icon-shopping-cart</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e933" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe933;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-view"></span>
+                <span class="mls"> icon-view</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e934" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe934;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-phone-call"></span>
+                <span class="mls"> icon-phone-call</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e935" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe935;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar"></span>
+                <span class="mls"> icon-calendar</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e936" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe936;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-calendar-1"></span>
+                <span class="mls"> icon-calendar-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e937" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe937;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-right-arrow-angle"></span>
+                <span class="mls"> icon-right-arrow-angle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e938" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe938;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-down-arrow-1"></span>
+                <span class="mls"> icon-down-arrow-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e939" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe939;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-up-arrow-angle"></span>
+                <span class="mls"> icon-up-arrow-angle</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-search"></span>
+                <span class="mls"> icon-search</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-share"></span>
+                <span class="mls"> icon-share</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-left-arrow-1"></span>
+                <span class="mls"> icon-left-arrow-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quotation"></span>
+                <span class="mls"> icon-quotation</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-user"></span>
+                <span class="mls"> icon-user</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tag"></span>
+                <span class="mls"> icon-tag</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e940" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-play"></span>
+                <span class="mls"> icon-play</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e941" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-done"></span>
+                <span class="mls"> icon-done</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-electric-car"></span>
+                <span class="mls"> icon-electric-car</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e943" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe943;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-cog"></span>
+                <span class="mls"> icon-cog</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e944" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe944;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-car-3"></span>
+                <span class="mls"> icon-car-3</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e945" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe945;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tyre"></span>
+                <span class="mls"> icon-tyre</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e946" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe946;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-wheel-1"></span>
+                <span class="mls"> icon-wheel-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e947" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe947;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tire"></span>
+                <span class="mls"> icon-tire</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e948" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe948;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-tire-1"></span>
+                <span class="mls"> icon-tire-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e949" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe949;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-flat-tire"></span>
+                <span class="mls"> icon-flat-tire</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-pressure"></span>
+                <span class="mls"> icon-pressure</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-right-quote"></span>
+                <span class="mls"> icon-right-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote"></span>
+                <span class="mls"> icon-quote</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quotation-1"></span>
+                <span class="mls"> icon-quotation-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-quote-1"></span>
+                <span class="mls"> icon-quote-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e94f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe94f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-open"></span>
+                <span class="mls"> icon-open</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e950" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe950;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-options"></span>
+                <span class="mls"> icon-options</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e951" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe951;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-location"></span>
+                <span class="mls"> icon-location</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e952" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe952;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-edit"></span>
+                <span class="mls"> icon-edit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e953" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe953;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-award"></span>
+                <span class="mls"> icon-award</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e954" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe954;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu"></span>
+                <span class="mls"> icon-menu</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e955" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe955;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-categories"></span>
+                <span class="mls"> icon-categories</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e956" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe956;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu-1"></span>
+                <span class="mls"> icon-menu-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e957" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe957;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-menu-2"></span>
+                <span class="mls"> icon-menu-2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e958" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe958;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark"></span>
+                <span class="mls"> icon-bookmark</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e959" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe959;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-bookmark-1"></span>
+                <span class="mls"> icon-bookmark-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95a" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95a;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-reply"></span>
+                <span class="mls"> icon-reply</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95b" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95b;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-reply-1"></span>
+                <span class="mls"> icon-reply-1</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95c" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95c;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-globe"></span>
+                <span class="mls"> icon-globe</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95d" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95d;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-clock"></span>
+                <span class="mls"> icon-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95e" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95e;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-alarm-clock"></span>
+                <span class="mls"> icon-alarm-clock</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e95f" class="unit size1of2" >
+                <input type="text" maxlength="1" readonly value="&#xe95f;" class="unitRight size1of2 talign-right" >
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" >
+            </div>
+        </div>
+    </div>
+
+    <!--[if gt IE 8]><!-->
+    <div class="mhl clearfix mbl">
+        <h1>Font Test Drive</h1>
+        <label>
+            Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
+            min="8" value="48" >
+            px
+        </label>
+        <input id="testText" type="text" class="phl size1of1 mvl"
+        placeholder="Type some text to test..." value="">
+        <div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
+        </div>
+    </div>
+    <!--<![endif]-->
+    <div class="bgc1 clearfix">
+        <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
+    </div>
+
+    <script src="demo-files/demo.js"></script>
+</body>
+</html>
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot
new file mode 100644
index 0000000..1e6a190
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.eot differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg
new file mode 100644
index 0000000..a39fd80
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" >
+<missing-glyph horiz-adv-x="1024" >
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" >
+<glyph unicode="&#xe900;" glyph-name="cancel" d="M568.571 447.997l443.713 443.715c15.622 15.622 15.622 40.95 0 56.57s-40.95 15.622-56.57 0l-443.715-443.715-443.713 443.715c-15.622 15.622-40.95 15.622-56.57 0s-15.622-40.95 0-56.57l443.713-443.713-443.713-443.715c-15.622-15.622-15.622-40.95 0-56.57 7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714l443.711 443.713 443.713-443.713c7.81-7.81 18.048-11.714 28.286-11.714s20.474 3.904 28.286 11.714c15.622 15.622 15.622 40.95 0 56.57l-443.713 443.713z" >
+<glyph unicode="&#xe901;" glyph-name="star" d="M1022.53 565.486c-3.528 10.862-12.914 18.778-24.214 20.418l-317.445 46.13-141.969 287.653c-5.052 10.24-15.482 16.722-26.9 16.722-11.42 0-21.848-6.482-26.902-16.722l-141.975-287.653-317.439-46.13c-11.298-1.64-20.688-9.556-24.216-20.416-3.53-10.862-0.586-22.784 7.592-30.754l229.695-223.907-54.216-316.165c-1.932-11.256 2.696-22.628 11.934-29.342 5.226-3.796 11.416-5.728 17.636-5.728 4.776 0 9.568 1.138 13.956 3.446l283.933 149.275 283.921-149.273c10.11-5.314 22.356-4.43 31.594 2.282s13.868 18.088 11.938 29.344l-54.234 316.161 229.721 223.909c8.176 7.968 11.122 19.89 7.59 30.75z" >
+<glyph unicode="&#xe902;" glyph-name="star-1" d="M229.193-43.294c-11.219 0-22.36 3.5-31.868 10.375-17.711 12.836-25.985 34.899-21.165 56.189l65.877 290.187-223.412 195.927c-16.422 14.336-22.696 37.040-15.954 57.814 6.742 20.735 25.087 35.415 46.806 37.423l295.601 26.837 116.87 273.499c8.617 20.094 28.243 33.071 50.048 33.071s41.431-12.977 50.048-33.024l116.87-273.546 295.554-26.837c21.766-1.961 40.11-16.688 46.853-37.423s0.508-43.478-15.914-57.814l-223.412-195.888 65.877-290.179c4.828-21.336-3.453-43.4-21.157-56.197-17.665-12.797-41.22-13.782-59.822-2.602l-254.897 152.324-254.897-152.41c-8.617-5.117-18.219-7.727-27.907-7.727zM511.998 182.462c9.688 0 19.282-2.602 27.907-7.719l240.561-143.879-62.173 273.89c-4.438 19.493 2.18 39.845 17.243 53.033l210.951 185.005-279.093 25.344c-20.094 1.836-37.376 14.469-45.228 32.985l-110.167 258.1-110.3-258.139c-7.766-18.391-25.048-31.024-45.095-32.86l-279.132-25.344 210.943-185.005c15.11-13.227 21.719-33.54 17.243-53.079l-62.127-273.882 240.561 143.832c8.617 5.117 18.219 7.719 27.907 7.719zM342.821 626.169s0-0.047-0.047-0.086zM681.088 626.294l0.047-0.086c0 0.047 0 0.047-0.047 0.086z" >
+<glyph unicode="&#xe903;" glyph-name="plus" d="M984 488h-432v432c0 22.092-17.908 40-40 40s-40-17.908-40-40v-432h-432c-22.092 0-40-17.908-40-40s17.908-40 40-40h432v-432c0-22.092 17.908-40 40-40s40 17.908 40 40v432h432c22.092 0 40 17.908 40 40s-17.908 40-40 40z" >
+<glyph unicode="&#xe904;" glyph-name="remove" d="M981.332 490.668h-938.665c-23.565 0-42.668-19.103-42.668-42.668s19.102-42.668 42.668-42.668h938.668c23.565 0 42.668 19.102 42.668 42.668s-19.105 42.668-42.67 42.668z" >
+<glyph unicode="&#xe905;" glyph-name="compare" d="M358.912 345.6h-358.912v-102.4h358.912v-153.6l204.288 204.8-204.288 204.8zM665.088 652.8v153.6l-204.288-204.8 204.288-204.8v153.6h358.912v102.4z" >
+<glyph unicode="&#xe906;" glyph-name="facebook" d="M682.539 789.973h93.483v162.816c-16.128 2.219-71.595 7.211-136.192 7.211-134.784 0-227.115-84.779-227.115-240.597v-143.403h-148.736v-182.016h148.736v-457.984h182.357v457.941h142.72l22.656 182.016h-165.419v125.397c0.043 52.608 14.208 88.619 87.509 88.619z" >
+<glyph unicode="&#xe907;" glyph-name="twitter" d="M1024 765.504c-38.080-16.704-78.656-27.776-120.96-33.152 43.52 25.984 76.736 66.816 92.352 116.032-40.576-24.192-85.376-41.28-133.12-50.816-38.528 41.024-93.44 66.432-153.344 66.432-116.224 0-209.792-94.336-209.792-209.984 0-16.64 1.408-32.64 4.864-47.872-174.528 8.512-328.96 92.16-432.704 219.584-18.112-31.424-28.736-67.392-28.736-106.112 0-72.704 37.44-137.152 93.248-174.464-33.728 0.64-66.816 10.432-94.848 25.856 0-0.64 0-1.472 0-2.304 0-102.016 72.768-186.752 168.192-206.272-17.088-4.672-35.712-6.912-55.040-6.912-13.44 0-27.008 0.768-39.744 3.584 27.2-83.136 104.384-144.256 196.16-146.24-71.424-55.872-162.112-89.536-260.288-89.536-17.216 0-33.728 0.768-50.24 2.88 92.992-59.968 203.2-94.208 322.048-94.208 386.304 0 597.504 320 597.504 597.376 0 9.28-0.32 18.24-0.768 27.136 41.664 29.568 76.672 66.496 105.216 108.992z" >
+<glyph unicode="&#xe908;" glyph-name="linkedin" d="M1023.744-64v0.043h0.256v375.552c0 183.723-39.552 325.248-254.336 325.248-103.253 0-172.544-56.661-200.832-110.379h-2.987v93.227h-203.648v-683.648h212.053v338.517c0 89.131 16.896 175.317 127.275 175.317 108.757 0 110.379-101.717 110.379-181.035v-332.843zM16.896 619.648h212.309v-683.648h-212.309zM122.965 960c-67.883 0-122.965-55.083-122.965-122.965s55.083-124.117 122.965-124.117 122.965 56.235 122.965 124.117c-0.043 67.883-55.125 122.965-122.965 122.965z" >
+<glyph unicode="&#xe909;" glyph-name="whatsapp" d="M512.128 960h-0.256c-282.304 0-511.872-229.632-511.872-512 0-112 36.096-215.808 97.472-300.096l-63.808-190.208 196.8 62.912c80.96-53.632 177.536-84.608 281.664-84.608 282.304 0 511.872 229.696 511.872 512s-229.568 512-511.872 512zM810.048 236.992c-12.352-34.88-61.376-63.808-100.48-72.256-26.752-5.696-61.696-10.24-179.328 38.528-150.464 62.336-247.36 215.232-254.912 225.152-7.232 9.92-60.8 80.96-60.8 154.432s37.312 109.248 52.352 124.608c12.352 12.608 32.768 18.368 52.352 18.368 6.336 0 12.032-0.32 17.152-0.576 15.040-0.64 22.592-1.536 32.512-25.28 12.352-29.76 42.432-103.232 46.016-110.784 3.648-7.552 7.296-17.792 2.176-27.712-4.8-10.24-9.024-14.784-16.576-23.488s-14.72-15.36-22.272-24.704c-6.912-8.128-14.72-16.832-6.016-31.872 8.704-14.72 38.784-63.808 83.072-103.232 57.152-50.88 103.488-67.136 120.064-74.048 12.352-5.12 27.072-3.904 36.096 5.696 11.456 12.352 25.6 32.832 40 52.992 10.24 14.464 23.168 16.256 36.736 11.136 13.824-4.8 86.976-40.96 102.016-48.448 15.040-7.552 24.96-11.136 28.608-17.472 3.584-6.336 3.584-36.096-8.768-71.040z" >
+<glyph unicode="&#xe90a;" glyph-name="youtube" d="M980.48 732.16c-27.776 49.408-57.92 58.496-119.296 61.952-61.312 4.16-215.488 5.888-349.056 5.888-133.824 0-288.064-1.728-349.312-5.824-61.248-3.52-91.456-12.544-119.488-62.016-28.608-49.344-43.328-134.336-43.328-283.968 0-0.128 0-0.192 0-0.192 0-0.128 0-0.192 0-0.192v-0.128c0-148.992 14.72-234.624 43.328-283.456 28.032-49.408 58.176-58.368 119.424-62.528 61.312-3.584 215.552-5.696 349.376-5.696 133.568 0 287.744 2.112 349.12 5.632 61.376 4.16 91.52 13.12 119.296 62.528 28.864 48.832 43.456 134.464 43.456 283.456 0 0 0 0.192 0 0.32 0 0 0 0.128 0 0.192 0 149.696-14.592 234.688-43.52 284.032zM384 256v384l320-192-320-192z" >
+<glyph unicode="&#xe90b;" glyph-name="mail" d="M971.486 789.334h-918.972c-28.884 0-52.514-23.63-52.514-52.512v-577.642c0-28.88 23.63-52.514 52.514-52.514h918.974c28.88 0 52.514 23.63 52.514 52.514v577.642c-0.002 28.882-23.632 52.512-52.516 52.512zM951.78 749.952l-409.572-307.204c-7.364-5.604-18.668-9.11-30.21-9.058-11.54-0.052-22.842 3.454-30.208 9.058l-409.572 307.204h879.562zM733 422.478l223.18-275.694c0.224-0.276 0.498-0.486 0.736-0.736h-889.832c0.236 0.262 0.512 0.46 0.736 0.736l223.18 275.694c6.838 8.454 5.542 20.848-2.928 27.702-8.454 6.838-20.848 5.542-27.688-2.914l-221-273.002v551.072l418.788-314.092c15.742-11.724 34.894-16.884 53.824-16.936 18.904 0.040 38.072 5.2 53.824 16.936l418.788 314.092v-551.068l-220.994 272.998c-6.84 8.454-19.246 9.754-27.688 2.914-8.468-6.838-9.768-19.248-2.926-27.702z" >
+<glyph unicode="&#xe90c;" glyph-name="placeholder" d="M512 960c-198.504 0-360-161.496-360-360 0-67.068 18.578-132.52 53.738-189.304l285.77-460.514c5.474-8.822 15.118-14.182 25.49-14.182 0.080 0 0.158 0 0.238 0 10.462 0.082 20.126 5.608 25.5 14.584l278.486 464.976c33.22 55.584 50.778 119.362 50.778 184.44 0 198.504-161.496 360-360 360zM769.732 446.364l-253.188-422.736-259.81 418.68c-29.266 47.264-45.134 101.792-45.134 157.692 0 165.42 134.98 300.4 300.4 300.4s300.2-134.98 300.2-300.4c0-54.242-14.822-107.376-42.468-153.636zM512 780c-99.252 0-180-80.748-180-180 0-98.618 79.434-180 180-180 101.806 0 180 82.466 180 180 0 99.252-80.748 180-180 180zM512 479.6c-66.514 0-120.4 54.066-120.4 120.4 0 66.168 54.232 120.4 120.4 120.4s120.2-54.232 120.2-120.4c0-65.366-52.632-120.4-120.2-120.4z" >
+<glyph unicode="&#xe90d;" glyph-name="call" d="M997.13 170.039l-207.261 138.219c-26.302 17.399-61.559 11.674-81.004-13.156l-60.373-77.624c-7.759-10.23-21.863-13.198-33.087-6.963l-11.484 6.331c-38.070 20.751-85.439 46.585-180.879 142.059s-121.326 142.879-142.077 180.879l-6.297 11.484c-6.321 11.222-3.409 25.386 6.825 33.207l77.572 60.355c24.82 19.447 30.553 54.694 13.174 81.004l-138.219 207.261c-17.811 26.792-53.546 34.835-81.12 18.259l-86.669-52.062c-27.232-16.010-47.211-41.938-55.748-72.351-31.209-113.715-7.731-309.97 281.37-599.105 229.974-229.956 401.178-291.797 518.853-291.797 27.082-0.116 54.058 3.407 80.202 10.476 30.419 8.527 56.352 28.508 72.351 55.748l52.114 86.617c16.6 27.58 8.561 63.337-18.243 81.158zM985.97 106.391l-51.994-86.669c-11.488-19.661-30.14-34.117-52.046-40.34-104.978-28.822-288.383-4.949-565.932 272.6s-301.419 460.938-272.598 565.932c6.231 21.933 20.705 40.608 40.39 52.114l86.669 51.994c11.964 7.199 27.474 3.709 35.203-7.917l138.102-207.243c7.547-11.412 5.067-26.708-5.699-35.153l-77.59-60.355c-23.612-18.055-30.355-50.724-15.818-76.653l6.161-11.194c21.809-39.998 48.923-89.757 147.912-188.73 98.989-98.971 148.732-126.087 188.712-147.894l11.21-6.177c25.926-14.536 58.597-7.795 76.653 15.818l60.355 77.59c8.447 10.76 23.736 13.238 35.153 5.699l207.243-138.219c11.634-7.723 15.124-23.241 7.915-35.203zM580.236 789.245c160.138-0.178 289.911-129.953 290.091-290.091 0-9.425 7.639-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.198 178.979-145.238 324.022-324.218 324.218-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 686.861c103.617-0.122 187.584-84.090 187.706-187.706 0-9.425 7.641-17.063 17.063-17.063 9.425 0 17.063 7.639 17.063 17.063-0.142 122.458-99.377 221.693-221.833 221.833-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063zM580.236 584.476c47.097-0.056 85.263-38.222 85.321-85.321 0-9.425 7.641-17.063 17.063-17.063s17.063 7.639 17.063 17.063c-0.076 65.938-53.51 119.374-119.448 119.448-9.425 0-17.063-7.639-17.063-17.063s7.639-17.063 17.063-17.063z" >
+<glyph unicode="&#xe90e;" glyph-name="left-arrow" d="M334.018 797.137c14.436 14.436 37.164 14.436 51.6 0 13.949-13.949 13.949-37.164 0-51.080l-261.641-261.641h863.38c20.126 0 36.643-15.997 36.643-36.123s-16.517-36.643-36.643-36.643h-863.38l261.641-261.153c13.949-14.436 13.949-37.684 0-51.6-14.436-14.436-37.164-14.436-51.6 0l-323.581 323.581c-13.949 13.949-13.949 37.164 0 51.080l323.581 323.581z" >
+<glyph unicode="&#xe90f;" glyph-name="next" d="M689.55 797.181c-13.95 14.438-37.168 14.438-51.606 0-13.95-13.95-13.95-37.168 0-51.086l261.674-261.674h-863.49c-20.129-0.033-36.128-16.032-36.128-36.16s15.999-36.648 36.128-36.648h863.49l-261.674-261.187c-13.95-14.438-13.95-37.689 0-51.606 14.438-14.438 37.689-14.438 51.606 0l323.622 323.622c14.438 13.95 14.438 37.168 0 51.086l-323.622 323.654z" >
+<glyph unicode="&#xe910;" glyph-name="arrows" d="M861.287 625.791c14.443-14.443 14.443-37.181 0-51.625-13.955-13.955-37.181-13.955-51.104 0l-261.766 261.766v-863.824c0-20.136-16.005-36.14-36.14-36.14s-36.661 16.005-36.661 36.14v863.857l-261.245-261.766c-14.443-13.955-37.702-13.955-51.625 0-14.443 14.443-14.443 37.181 0 51.625l323.735 323.735c13.955 13.955 37.181 13.955 51.104 0l323.702-323.767z" >
+<glyph unicode="&#xe911;" glyph-name="down-arrow" d="M861.547 270.177c13.955 14.443 13.955 37.181 0 51.625-14.443 13.955-37.702 13.955-51.625 0l-261.766-261.766v863.824c0 20.136-16.005 36.14-36.14 36.14s-36.661-16.005-36.661-36.14v-863.824l-261.245 261.766c-14.443 13.955-37.181 13.955-51.625 0-13.955-14.443-13.955-37.181 0-51.625l323.735-323.735c13.955-13.955 37.181-13.955 51.625 0l323.702 323.735z" >
+<glyph unicode="&#xe912;" glyph-name="mechanic" d="M951.984-31.968c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM920.016 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM983.984 0.032c-8.848 0-16 7.152-16 16v191.968c0 8.848 7.152 16 16 16s16-7.152 16-16v-191.968c0-8.848-7.152-16-16-16zM999.984 192h-95.968c-8.848 0-16 7.152-16 16s7.152 16 16 16h95.968c8.848 0 16-7.152 16-16s-7.152-16-16-16zM951.984 192c-8.848 0-16 7.152-16 16v208c0 8.848 7.152 16 16 16s16-7.152 16-16v-208c0-8.848-7.152-16-16-16zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688-6.256 6.256-6.256 16.368 0 22.624l32 32c6.256 6.256 16.368 6.256 22.624 0s6.256-16.368 0-22.624l-32-32c-3.12-3.12-7.216-4.688-11.312-4.688zM951.984 400c-4.096 0-8.192 1.568-11.312 4.688l-32 32c-6.256 6.256-6.256 16.368 0 22.624s16.368 6.256 22.624 0l32-32c6.256-6.256 6.256-16.368 0-22.624-3.12-3.12-7.216-4.688-11.312-4.688zM919.984 432c-1.984 0-4 0.352-5.936 1.136-8.208 3.28-12.208 12.592-8.928 20.8l32 80.032c3.28 8.24 12.672 12.224 20.8 8.928 8.208-3.28 12.208-12.592 8.928-20.8l-32-80.032c-2.512-6.272-8.512-10.064-14.864-10.064zM983.984 432c-6.336 0-12.352 3.792-14.864 10.064l-32 80.032c-3.28 8.208 0.72 17.52 8.928 20.8 8.144 3.28 17.52-0.688 20.8-8.928l32-80.032c3.28-8.208-0.72-17.52-8.928-20.8-1.936-0.784-3.952-1.136-5.936-1.136zM792 352.096c-52.944 0-96 43.056-96 96 0 38.064 22.592 72.56 57.584 87.904 4.928 2.176 10.656 1.696 15.168-1.264 4.528-2.96 7.248-7.984 7.248-13.392v-57.248c0-8.832 7.168-16 16-16s16 7.168 16 16v57.248c0 5.408 2.72 10.432 7.248 13.392 4.496 2.976 10.208 3.456 15.168 1.264 34.976-15.328 57.584-49.824 57.584-87.904 0-52.944-43.056-96-96-96zM744 490.336c-10.112-11.472-16-26.384-16-42.24 0-35.296 28.704-64 64-64s64 28.704 64 64c0 15.856-5.888 30.784-16 42.256v-26.256c0-26.464-21.536-48-48-48s-48 21.536-48 48zM792-32.032c-26.464 0-48 21.536-48 48 0 8.848 7.152 16 16 16s16-7.152 16-16c0-8.832 7.168-16 16-16s16 7.168 16 16c0 8.848 7.152 16 16 16s16-7.152 16-16c0-26.464-21.536-48-48-48zM824-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM760-0.032c-8.848 0-16 7.152-16 16v358.784c0 8.848 7.152 16 16 16s16-7.152 16-16v-358.784c0-8.848-7.152-16-16-16zM24.016 79.968c-8.848 0-16 7.152-16 16 0 79.424 64.608 144.032 144.032 144.032 8.848 0 16-7.152 16-16s-7.152-16-16-16c-61.776 0-112.032-50.256-112.032-112.032 0-8.848-7.152-16-16-16zM695.984 79.968c-8.848 0-16 7.152-16 16 0 61.744-50.256 112-112 112-8.848 0-16 7.152-16 16s7.152 16 16 16c79.408 0 144-64.592 144-144 0-8.848-7.152-16-16-16zM248 207.968l-95.952 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.952-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM567.984 207.968l-95.984 0.032c-8.848 0-16 7.168-16 16 0 8.848 7.168 16 16 16l95.984-0.032c8.848 0 16-7.168 16-16 0-8.848-7.168-16-16-16zM24.048-31.968c-8.832 0-16 7.152-16 16l-0.032 111.936c0 8.832 7.152 16 16 16 8.832 0 16-7.152 16-16l0.032-111.936c0-8.832-7.152-16-16-16zM695.984-31.968c-8.848 0-16 7.152-16 16v111.936c0 8.848 7.152 16 16 16s16-7.152 16-16v-111.936c0-8.848-7.152-16-16-16zM248 207.968c-8.848 0-16 7.152-16 16v91.712c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.712c0-8.848-7.152-16-16-16zM472 208c-8.848 0-16 7.152-16 16v91.68c0 8.848 7.152 16 16 16s16-7.152 16-16v-91.68c0-8.848-7.152-16-16-16zM360 272c-141.152 0-256 114.848-256 256 0 8.848 7.152 16 16 16s16-7.152 16-16c0-123.52 100.48-224 224-224s224 100.48 224 224c0 8.848 7.152 16 16 16s16-7.152 16-16c0-141.152-114.848-256-256-256zM600 640.032c-8.848 0-16 7.152-16 16 0 123.52-100.48 224-224 224s-224-100.48-224-224c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 141.152 114.848 256 256 256s256-114.848 256-256c0-8.848-7.152-16-16-16zM120 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM600 512c-8.848 0-16 7.152-16 16v64.032c0 8.848 7.152 16 16 16s16-7.152 16-16v-64.032c0-8.848-7.152-16-16-16zM632 576.032h-544c-8.848 0-16 7.152-16 16s7.152 16 16 16h544c8.848 0 16-7.152 16-16s-7.152-16-16-16zM632 576.032c-4.352 0-8.704 1.76-11.856 5.248-0.416 0.432-58.464 58.752-260.144 58.752s-259.712-58.32-260.288-58.912c-6.080-6.32-16.128-6.688-22.544-0.736-6.4 5.968-6.912 15.888-1.024 22.384 2.56 2.832 65.28 69.248 283.856 69.248s281.296-66.416 283.856-69.248c5.936-6.544 5.44-16.672-1.104-22.608-3.072-2.752-6.912-4.128-10.752-4.128zM600 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM120 597.472c-8.848 0-16 7.152-16 16v42.56c0 8.848 7.152 16 16 16s16-7.152 16-16v-42.56c0-8.848-7.152-16-16-16zM360 880.032c-8.848 0-16 7.152-16 16v16c0 8.848 7.152 16 16 16s16-7.152 16-16v-16c0-8.848-7.152-16-16-16zM360.256 160c-87.568 0-123.808 52.88-125.312 55.12-4.912 7.36-2.928 17.28 4.432 22.192 7.36 4.864 17.2 2.912 22.128-4.336 1.248-1.808 29.216-40.976 98.752-40.976 70.624 0 98.416 40.464 98.688 40.88 4.896 7.36 14.8 9.344 22.192 4.432 7.36-4.912 9.344-14.832 4.432-22.192-1.504-2.24-37.76-55.12-125.312-55.12zM456.272-32c-8.848 0-16 7.152-16 16 0 44.112-35.888 80-80.016 80s-80.016-35.888-80.016-80c0-8.848-7.152-16-16-16s-16 7.152-16 16c0 61.744 50.256 112 112.016 112s112.016-50.256 112.016-112c0-8.848-7.168-16-16-16zM359.984 704c-35.296 0-64 28.704-64 64s28.704 64 64 64 64-28.704 64-64-28.704-64-64-64zM359.984 800c-17.648 0-32-14.352-32-32s14.352-32 32-32 32 14.352 32 32-14.352 32-32 32z" >
+<glyph unicode="&#xe913;" glyph-name="car-service" d="M960 640h48v32h-37.28l-75.28 182.832c-22.32 54.16-74.576 89.168-133.152 89.168h-260.64c-49.040 0-94.256-24.592-120.912-65.76l-134.912-208.496-218.208-62.368c-6.88-1.952-11.616-8.24-11.616-15.376v-208c0-8.832 7.152-16 16-16h80.944c7.984-71.888 69.056-128 143.056-128s135.072 56.112 143.056 128h51.056l8.64-12.976c24.368-36.544 37.248-79.088 37.248-123.024s-12.88-86.48-37.248-123.024l-11.68-17.536c-9.856-14.784-15.056-32-15.056-49.744-0.016-49.456 40.224-89.696 89.664-89.696 17.76 0 34.976 5.216 49.744 15.056l10.88 7.248c17.936 11.952 37.344 21.328 57.68 28.272v-50.576h32v64c0 5.344-2.672 10.336-7.12 13.312l-88.864 59.248v55.44c0 8.816 7.168 16 16 16s16-7.184 16-16v-48h32v208c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v144c0 8.816 7.168 16 16 16s16-7.184 16-16v-144h32v112c0 8.816 7.168 16 16 16s16-7.184 16-16v-112h32v48c0 8.816 7.168 16 16 16s16-7.184 16-16v-169.376l-27.312-27.312c-3.008-2.992-4.688-7.072-4.688-11.312v-80h32v18.112l4.56-3.040c14.784-9.856 31.984-15.072 49.76-15.072 49.44 0 89.68 40.24 89.68 89.68 0 17.76-5.2 34.96-15.056 49.744l-11.68 17.536c-24.384 36.56-37.264 79.104-37.264 123.040s12.88 86.48 37.248 123.024l11.68 17.536c9.856 14.784 15.056 32 15.056 49.744 0.016 49.456-40.224 89.696-89.664 89.696-17.76 0-34.976-5.216-49.744-15.056l-10.88-7.248c-40.912-27.28-88.528-41.696-137.696-41.696s-96.784 14.416-137.68 41.68l-10.88 7.248c-14.784 9.856-31.984 15.072-49.76 15.072-49.44 0-89.68-40.24-89.68-89.68 0-7.6 1.152-15.056 3.008-22.32h-35.952c-7.984 71.888-69.056 128-143.056 128s-135.072-56.112-143.056-128h-64.944v96h48c8.848 0 16 7.168 16 16v86.224l148.384 42.4c3.728 1.056 6.944 3.44 9.040 6.688l138.176 213.536c20.736 32.032 55.888 51.152 94.048 51.152h260.64c45.568 0 86.224-27.232 103.568-69.36l79.36-192.736c2.448-5.984 8.304-9.904 14.784-9.904zM521.68 480c11.424 0 22.48-3.344 32-9.68l10.88-7.248c46.192-30.8 99.936-47.072 155.44-47.072s109.248 16.272 155.44 47.056l10.88 7.248c9.52 6.336 20.576 9.68 32 9.68 31.808 0.016 57.68-25.856 57.68-57.664 0-11.424-3.344-22.496-9.68-32l-11.68-17.536c-27.904-41.824-42.64-90.496-42.64-140.784s14.736-98.96 42.624-140.784l11.68-17.536c6.336-9.504 9.68-20.576 9.68-32 0.016-31.808-25.856-57.68-57.664-57.68-11.424 0-22.48 3.344-32 9.68l-10.88 7.248c-3.728 2.48-7.616 4.672-11.44 6.96v17.472l27.312 27.312c3.008 3.008 4.688 7.088 4.688 11.328v176c0 26.464-21.536 48-48 48-5.632 0-10.976-1.152-16-2.944v18.944c0 26.464-21.536 48-48 48-6.32 0-12.32-1.296-17.856-3.52-5.52 20.4-24.016 35.52-46.144 35.52s-40.608-15.12-46.144-35.52c-5.536 2.224-11.536 3.52-17.856 3.52-26.464 0-48-21.536-48-48v-114.944c-5.024 1.792-10.368 2.944-16 2.944-26.464 0-48-21.536-48-48v-64c0-5.344 2.672-10.336 7.12-13.312l60.848-40.56c-16.512-6.912-32.432-15.2-47.408-25.184l-10.88-7.248c-9.52-6.336-20.576-9.68-32-9.68-31.808-0.016-57.68 25.856-57.68 57.664 0 11.424 3.344 22.496 9.68 32l11.68 17.536c27.904 41.824 42.64 90.496 42.64 140.784s-14.736 98.96-42.624 140.784l-11.68 17.536c-6.336 9.504-9.68 20.576-9.68 32-0.016 31.808 25.856 57.68 57.664 57.68zM256 496c61.744 0 112-50.24 112-112s-50.256-112-112-112-112 50.24-112 112 50.256 112 112 112zM80 528h-32v51.936l32 9.136zM256 304c44.112 0 80 35.888 80 80s-35.888 80-80 80-80-35.888-80-80 35.888-80 80-80zM256 432c26.464 0 48-21.536 48-48s-21.536-48-48-48-48 21.536-48 48 21.536 48 48 48zM893.184 646.944c2.992 4.336 3.648 9.872 1.744 14.8l-64.208 166.976c-11.808 30.672-41.824 51.28-74.672 51.28h-240.288c-27.984 0-53.456-14.24-68.144-38.080l-109.248-177.536c-3.040-4.944-3.168-11.12-0.336-16.192s8.176-8.192 13.968-8.192h528c5.264 0 10.208 2.592 13.184 6.944zM474.88 825.152c8.8 14.304 24.096 22.848 40.88 22.848h92.24v-176h-227.376zM640 672v176h116.048c19.696 0 37.712-12.368 44.8-30.768l55.856-145.232zM576 608h64v-32h-64zM832 608h64v-32h-64zM384 64c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM304 21.008c-7.104 10.688-16.304 19.872-26.992 26.992 10.688 7.104 19.872 16.304 26.992 26.992 7.104-10.688 16.304-19.872 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM192 176c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16zM112 133.008c-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992 7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992zM32 832c35.296 0 64-28.704 64-64 0-8.832 7.152-16 16-16s16 7.168 16 16c0 35.296 28.704 64 64 64 8.848 0 16 7.168 16 16s-7.152 16-16 16c-35.296 0-64 28.704-64 64 0 8.832-7.152 16-16 16s-16-7.168-16-16c0-35.296-28.704-64-64-64-8.848 0-16-7.168-16-16s7.152-16 16-16zM112 874.992c7.104-10.688 16.304-19.888 26.992-26.992-10.688-7.104-19.888-16.304-26.992-26.992-7.104 10.688-16.304 19.888-26.992 26.992 10.688 7.104 19.888 16.304 26.992 26.992z" >
+<glyph unicode="&#xe914;" glyph-name="key" d="M453.51 690.335l-109.678 109.68c-20.296 20.296-53.322 20.296-73.618 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.678c10.15-10.15 23.478-15.222 36.81-15.222 13.328 0 26.662 5.076 36.808 15.222l43.402 43.4c20.296 20.296 20.296 53.322 0 73.618zM432.9 637.327l-43.402-43.4c-4.328-4.326-10.080-6.71-16.198-6.71-6.12 0-11.872 2.384-16.2 6.71l-109.678 109.678c-8.932 8.932-8.932 23.466 0 32.398l43.402 43.4c4.466 4.466 10.332 6.7 16.2 6.7 5.866 0 11.732-2.234 16.198-6.698l109.678-109.68c4.326-4.328 6.71-10.080 6.71-16.198 0-6.12-2.384-11.872-6.71-16.2zM320.599 557.424l-109.68 109.68c-20.296 20.296-53.32 20.296-73.616 0l-43.402-43.402c-20.296-20.296-20.296-53.322 0-73.618l109.678-109.68c10.148-10.148 23.478-15.222 36.808-15.222s26.662 5.074 36.81 15.222l43.402 43.402c20.296 20.296 20.296 53.322 0 73.618zM299.989 504.416l-43.402-43.4c-8.932-8.932-23.466-8.93-32.398 0l-109.678 109.68c-4.326 4.328-6.71 10.080-6.71 16.198s2.382 11.872 6.71 16.198l43.402 43.402c4.466 4.466 10.332 6.698 16.198 6.698s11.732-2.232 16.198-6.698l109.68-109.68c8.932-8.932 8.932-23.466 0-32.398zM994.096 621.665l-138.029 138.029c-20.736 20.736-49.42 31.556-78.678 29.702-6.788-0.432-13.45-1.564-19.916-3.296-23.646 18.040-52.24 34.526-83.546 47.948-46.546 19.958-93.882 30.95-133.297 30.95-0.006 0-0.012 0-0.016 0-5.444 0-10.66-0.228-15.664-0.65-11.596 13.362-28.106 22.342-46.74 24.11l-133.149 12.638c-34.152 3.242-67.642-8.81-91.894-33.064l-139.319-139.319c-5.692-5.69-5.692-14.918 0-20.61 5.69-5.69 14.918-5.69 20.61 0l139.319 139.319c18.086 18.086 43.064 27.078 68.53 24.658l133.149-12.638c19.836-1.884 35.6-17.648 37.484-37.484l7.136-75.188c-0.134 0.12-0.27 0.24-0.406 0.362-1.21 1.082-2.406 2.166-3.574 3.256-1.028 0.956-2.040 1.916-3.032 2.878-0.466 0.454-0.93 0.906-1.39 1.362-1.4 1.384-2.776 2.77-4.102 4.162-1.16 1.22-2.27 2.434-3.356 3.646-0.26 0.29-0.518 0.578-0.774 0.866-1.028 1.164-2.030 2.324-2.99 3.478-0.216 0.258-0.418 0.514-0.63 0.772-0.756 0.922-1.488 1.838-2.198 2.752-0.296 0.38-0.596 0.762-0.884 1.14-0.772 1.016-1.518 2.028-2.234 3.032-0.354 0.498-0.692 0.99-1.032 1.484-0.262 0.382-0.514 0.76-0.768 1.138 8.322 17.334 5.358 38.772-8.99 53.12-18.16 18.16-47.71 18.162-65.874 0-18.162-18.162-18.162-47.712 0-65.874 9.080-9.080 21.010-13.62 32.936-13.62 7.294 0 14.582 1.718 21.224 5.114 4.174-5.674 8.988-11.398 14.452-17.14 10.584-11.124 23.228-21.96 37.446-32.236l1.676-17.652c2.418-25.462-6.57-50.442-24.658-68.53l-235.321-235.321c-6.022-6.022-14.028-9.338-22.544-9.338s-16.522 3.316-22.544 9.338l-182.055 182.055c-6.022 6.022-9.338 14.028-9.338 22.544s3.316 16.522 9.338 22.544l28.682 28.682c5.692 5.69 5.692 14.918 0 20.61-5.69 5.69-14.918 5.69-20.61 0l-28.68-28.678c-23.794-23.794-23.794-62.512 0-86.308l182.055-182.055c11.526-11.526 26.852-17.876 43.154-17.876s31.628 6.348 43.154 17.876l235.321 235.321c23.032 23.034 35.034 54.402 33.41 86.744 14.37-8.318 29.736-16.048 45.84-22.952 9.056-3.884 18.14-7.416 27.192-10.606l-81.912-105.878c-28.008-36.2-28.11-86.202-2.114-122.37l-67.262-67.262c-7.568-7.57-10.73-18.74-8.252-29.154 0.152-0.64-0.042-1.328-0.508-1.796l-48.538-48.538c-1.936-1.936-3.564-4.148-4.842-6.578l-27.328-52.054-49.046-25.354c-5.19-2.684-9.446-7.060-11.986-12.324l-19.234-39.884-58.394-36.578c-6.13-3.838-10.17-10.154-11.086-17.326l-8.482-66.276c-0.952-7.44 1.544-14.75 6.848-20.052 4.562-4.562 10.608-7.046 16.944-7.046 1.030 0 2.068 0.066 3.11 0.198l66.278 8.482c7.168 0.918 13.482 4.956 17.324 11.084l36.578 58.394 39.882 19.236c5.264 2.538 9.642 6.798 12.326 11.988l25.352 49.042 52.058 27.33c2.43 1.276 4.644 2.906 6.576 4.84l48.536 48.536c0.474 0.474 1.148 0.666 1.796 0.508 10.418-2.476 21.588 0.686 29.154 8.254l67.256 67.256c17.706-12.728 38.718-19.212 59.816-19.21 21.998 0 44.080 7.032 62.558 21.328l77.954 60.31c6.366 4.926 7.534 14.078 2.61 20.444-4.924 6.364-14.078 7.536-20.444 2.61l-77.954-60.31c-28.616-22.138-69.286-19.904-95.332 4.978-0.022 0.020-0.040 0.044-0.060 0.064l-0.586 0.554c-0.19 0.178-0.382 0.354-0.566 0.54l-91.752 91.752c-0.182 0.182-0.356 0.37-0.532 0.556l-0.574 0.606c-0.016 0.016-0.032 0.030-0.048 0.046-24.884 26.044-27.122 66.72-4.982 95.338l88.578 114.494c27.026-7.26 53.092-11.126 76.384-11.126 0.004 0 0.012 0 0.016 0 6.926 0 13.502 0.348 19.714 1.028l116.332-116.332c8.432-8.43 19.506-12.646 30.58-12.646s22.148 4.216 30.58 12.646c16.862 16.862 16.862 44.296 0 61.158l-118.528 118.528c-8.168 8.168-19.028 12.666-30.58 12.666s-22.412-4.498-30.58-12.666c-8.168-8.168-12.668-19.028-12.668-30.58 0-1.538 0.092-3.062 0.25-4.572-1.674-0.050-3.37-0.084-5.104-0.084-0.006 0-0.008 0-0.014 0-17.434 0-36.73 2.456-56.934 7.12l49.014 63.356c12.822 16.574 32.168 26.842 53.080 28.17 20.916 1.336 41.404-6.406 56.22-21.222l138.029-138.029c14.816-14.818 22.552-35.308 21.222-56.22-1.328-20.912-11.596-40.26-28.17-53.080l-47.094-36.434c-6.366-4.926-7.534-14.078-2.61-20.444 4.924-6.364 14.076-7.532 20.444-2.61l47.094 36.434c23.194 17.944 37.562 45.020 39.424 74.284 1.864 29.27-8.962 57.946-29.698 78.682zM450.78 779.851c-4.656 0-9.034 1.814-12.328 5.106-3.292 3.294-5.106 7.672-5.106 12.328s1.814 9.034 5.106 12.326c3.294 3.292 7.672 5.106 12.328 5.106 0.724 0 1.438-0.060 2.146-0.146-1.64-10.416-0.058-21.65 4.614-33.362-2.112-0.888-4.4-1.358-6.76-1.358zM563.592 403.036l73.844-73.844-66.298-66.298c-0.466-0.466-1.158-0.66-1.796-0.508-10.412 2.476-21.584-0.684-29.154-8.254l-48.326-48.326-52.336-27.478c-4.954-2.598-8.93-6.6-11.504-11.574l-25.334-49.010-39.8-19.196c-4.616-2.226-8.494-5.698-11.216-10.044l-35.602-56.836-57.334-7.336 7.338 57.332 56.832 35.6c4.344 2.72 7.818 6.598 10.046 11.216l19.196 39.802 49.010 25.336c4.968 2.568 8.97 6.544 11.572 11.498l27.48 52.344 48.322 48.322c7.57 7.568 10.734 18.74 8.256 29.154-0.156 0.652 0.036 1.324 0.508 1.796l66.296 66.304zM810.261 658.185l100.426-100.426c5.498-5.498 5.498-14.442 0-19.938-2.664-2.664-6.204-4.13-9.97-4.13s-7.306 1.466-9.97 4.13l-103.898 103.898c9.656 4.156 17.534 9.67 23.412 16.466zM772.221 676.285c2.664 2.664 6.204 4.13 9.97 4.13 2.494 0 4.882-0.656 6.99-1.864-4.104-5.454-11.328-9.756-21.070-12.648-0.004 0.138-0.020 0.274-0.020 0.414 0 3.766 1.466 7.306 4.13 9.968zM703.103 749.973l-56.27-72.734c-11.44 3.722-23.010 8.058-34.568 13.014-22.058 9.458-42.564 20.474-60.626 32.434l-9.684 102.028c-0.362 3.808-1.040 7.522-1.978 11.132 0.214 0 0.422 0.008 0.638 0.008 0.006 0 0.008 0 0.014 0 35.552 0 78.814-10.154 121.81-28.592 23.638-10.136 45.506-22.060 64.484-35.018-8.988-6.040-17.054-13.526-23.82-22.272z" >
+<glyph unicode="&#xe915;" glyph-name="repair" d="M811.313 923.314c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l4.685-4.686-25.372-25.372-4.687 4.687c-2.896 2.894-6.896 4.685-11.313 4.685s-8.418-1.79-11.314-4.685l-176-176c-2.896-2.896-4.687-6.896-4.687-11.315 0-8.837 7.164-16.001 16.001-16.001 0.929 0 1.84 0.079 2.725 0.231l-0.095-0.013c8.529 1.488 18.35 2.339 28.37 2.339 24.437 0 47.691-5.060 68.774-14.189l-1.122 0.432c-47.044-93.727-130.222-163.466-230.776-191.609l-2.593-0.62-25.607-6.983c-4.761 0.463-10.292 0.726-15.885 0.726-48.077 0-91.602-19.489-123.106-50.998l-160-160c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l36.686 36.686 73.372-73.372-36.685-36.686c-2.896-2.896-4.687-6.896-4.687-11.314s1.791-8.419 4.687-11.314l64-64c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l160 160c31.511 31.504 51.001 75.030 51.001 123.108 0 5.594-0.264 11.126-0.78 16.585l0.053-0.697 6.983 25.604c28.763 103.146 98.5 186.324 190.108 232.402l2.118 0.965c8.697-19.965 13.756-43.224 13.756-67.665 0-10.015-0.85-19.832-2.481-29.382l0.145 1.025c-0.139-0.791-0.218-1.701-0.218-2.631 0-8.837 7.164-16 16-16 4.418 0 8.418 1.791 11.313 4.686l176 176c2.896 2.896 4.687 6.896 4.687 11.314s-1.791 8.419-4.687 11.314l-4.685 4.686 25.372 25.372 4.687-4.687c2.896-2.895 6.895-4.686 11.313-4.686s8.418 1.791 11.314 4.686l32 32c2.896 2.896 4.687 6.896 4.687 11.315v0 48c0 4.419-1.791 8.419-4.687 11.314v0zM372.687 203.314c-13.483-13.483-32.11-21.823-52.685-21.823-41.15 0-74.508 33.358-74.508 74.508s33.358 74.508 74.508 74.508c41.15 0 74.508-33.358 74.508-74.508v0c-0.010-20.573-8.348-39.197-21.824-52.686l0.001 0.001zM244.687 180.686c19.295-19.245 45.925-31.145 75.334-31.145 23.751 0 45.69 7.762 63.417 20.887l-0.289-0.204 25.575-25.575c-24.101-19.341-55.055-31.040-88.742-31.040-78.631 0-142.374 63.743-142.374 142.374 0 33.687 11.699 64.641 31.257 89.021l-0.217-0.28 25.566-25.566c-12.946-17.435-20.724-39.38-20.724-63.141 0-29.417 11.921-56.050 31.196-75.331v0zM148.253 285.625c-1.6-8.907-2.514-19.159-2.514-29.625s0.915-20.718 2.668-30.681l-0.154 1.056-29.625 29.625zM112 166.627l-41.373 41.373 25.373 25.372 41.372-41.372zM272 6.627l-41.373 41.373 25.373 25.372 41.372-41.372zM320 54.627l-29.626 29.626c8.907-1.631 19.158-2.564 29.626-2.564s20.719 0.933 30.673 2.72l-1.047-0.156zM431.352 167.276l-25.566 25.566c12.951 17.434 20.733 39.38 20.733 63.144 0 58.831-47.692 106.523-106.523 106.523-23.764 0-45.71-7.782-63.43-20.936l0.286 0.203-25.575 25.575c24.1 19.34 55.055 31.040 88.741 31.040 78.631 0 142.374-63.743 142.374-142.374 0-33.687-11.699-64.641-31.256-89.021l0.217 0.28zM572.884 483.512c-41.806-41.846-74.419-92.883-94.545-149.82l-0.865-2.808c-17.539 36.372-46.219 65.052-81.554 82.138l-1.038 0.453c59.745 20.991 110.783 53.603 152.632 95.412l-0.003-0.003c29.887 29.846 55.058 64.405 74.305 102.469l1.045 2.28c9.987-6.665 18.701-13.83 26.646-21.766l6.361-6.361c7.934-7.942 15.098-16.657 21.369-26.020l0.393-0.623c-40.343-20.292-74.901-45.463-104.743-75.345l-0.004-0.004zM738.315 472.943c-2.667 53-25.016 100.315-59.824 135.193l-6.36 6.36c-34.872 34.806-82.189 57.156-134.701 59.799l-0.489 0.020 135.058 135.059 201.372-201.373zM880 646.628l-169.372 169.372 25.372 25.372 169.372-169.372zM960 694.627l-16-16-201.373 201.373 16 16h34.746l166.627-166.627zM720 608c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0.031-26.497 21.503-47.969 47.997-48h0.003zM720 672c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0.010 8.832 7.168 15.99 15.999 16h0.001zM532.687 324.686l139.313-139.314v-105.372c0-4.419 1.791-8.419 4.687-11.314l80-80c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h112c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l80 80c2.896 2.896 4.686 6.896 4.687 11.314v0 112c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-105.372l-155.314 155.314-22.627-22.629 148.686-148.686-57.373-57.373-132.687 132.688zM774.628 256h98.745l70.627-70.627v-98.746l-70.627-70.627h-98.746l-70.627 70.627v98.745zM116.687 628.686c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h105.372l155.314-155.314 22.627 22.629-148.686 148.686 57.373 57.373 164.687-164.688 22.627 22.629-171.313 171.314v105.372c0 4.419-1.791 8.419-4.687 11.314l-80 80c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-112c0 0 0 0 0 0-8.837 0-16-7.164-16-16 0-4.419 1.791-8.419 4.687-11.314l91.313-91.313v-34.746l-22.627-22.627h-34.746l-91.314 91.314c-2.895 2.895-6.895 4.685-11.313 4.685-8.837 0-16-7.163-16.001-15.999v0-112c0-4.419 1.791-8.419 4.687-11.314v0zM64 793.373l68.687-68.688c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-68.687 68.686h66.746l70.627-70.627v-98.745l-70.628-70.628h-98.745l-70.627 70.627zM756.687 100.686l32-32c2.895-2.895 6.895-4.686 11.313-4.686 0 0 0 0 0 0h48c0 0 0 0 0 0 4.418 0 8.418 1.791 11.313 4.686l32 32c2.896 2.896 4.686 6.896 4.687 11.314v0 48c0 4.419-1.791 8.419-4.687 11.314l-32 32c-2.895 2.895-6.895 4.686-11.313 4.686 0 0 0 0 0 0h-48c0 0 0 0 0 0-4.418 0-8.418-1.791-11.313-4.686l-32-32c-2.896-2.896-4.686-6.896-4.687-11.314v0-48c0-4.419 1.791-8.419 4.687-11.314v0zM784 153.373l22.627 22.627h34.746l22.627-22.627v-34.746l-22.627-22.627h-34.746l-22.627 22.627zM308.684 628.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996zM572.684 364.683l22.627 22.629 104.004-103.996-22.627-22.629-104.004 103.996z" >
+<glyph unicode="&#xe916;" glyph-name="car-parts" d="M953.294 463.31c-27.863 197.549-180.951 355.295-376.155 390.227-4.625 41.191-39.259 73.431-81.656 73.431-42.38 0-76.998-32.223-81.656-73.381-17.061-3.039-33.858-7.3-50.473-12.255v118.668h-363.355v-264.258h33.032v-297.29c0-254.993 207.459-462.452 462.452-462.452 221.201 0 406.511 156.127 451.782 363.949 42.76 3.055 76.734 38.45 76.734 81.986 0 41.472-30.836 75.561-70.706 81.375zM495.484 893.935c22.379 0 41.125-15.013 47.253-35.427-15.542 1.586-31.298 2.395-47.253 2.395-15.889 0-31.661-1.074-47.335-2.659 6.045 20.546 24.857 35.691 47.335 35.691zM363.355 719.674c29.894 5.929 63.026 9.1 99.097 9.1 138.009 0 280.774-92.672 280.774-247.742 0-68.261-27.747-130.147-72.555-174.988 14.633 27.615 23.007 59.029 23.007 92.408 0 109.287-88.906 198.194-198.194 198.194-68.889 0-129.635-35.378-165.161-88.873v187.97h33.032v23.932zM512 530.581v32.19c33.164-3.303 63.455-16.483 87.932-36.517l-71.102-71.102c-5.219 3.072-10.835 5.45-16.83 7.019v35.378h-33.032v-35.378c-5.995-1.553-11.627-3.931-16.83-7.019l-71.102 71.102c24.477 20.034 54.767 33.214 87.932 36.517v-32.19h33.032zM438.784 431.798c-3.072-5.219-5.45-10.835-7.019-16.83h-100.6c3.303 33.164 16.467 63.455 36.517 87.932l71.102-71.102zM431.765 381.935c1.553-5.995 3.931-11.627 7.019-16.83l-71.102-71.102c-20.034 24.477-33.214 54.767-36.517 87.932h100.6zM462.138 341.752c5.219-3.072 10.835-5.45 16.83-7.019v-100.6c-33.164 3.303-63.455 16.483-87.932 36.517l71.102 71.102zM462.452 398.452c0 18.217 14.815 33.032 33.032 33.032s33.032-14.815 33.032-33.032c0-18.217-14.815-33.032-33.032-33.032s-33.032 14.815-33.032 33.032zM512 334.732c5.995 1.553 11.627 3.931 16.83 7.019l71.102-71.102c-24.394-19.968-54.553-33.131-87.585-36.501-0.116-0.017-0.231-0.017-0.347-0.017v100.6zM552.184 365.106c3.072 5.219 5.45 10.835 7.019 16.83h100.6c-3.303-33.164-16.467-63.455-36.517-87.932l-71.102 71.102zM559.203 414.968c-1.553 5.995-3.931 11.627-7.019 16.83l71.102 71.102c20.034-24.477 33.214-54.767 36.517-87.932h-100.6zM33.032 860.903h231.226v33.032h-231.226v33.032h297.29v-33.032h-33.032v-33.032h33.032v-132.129h-297.29v132.129zM495.484-30.968c-236.775 0-429.419 192.644-429.419 429.419v297.29h231.226v-297.29c0-109.287 88.906-198.194 198.194-198.194 6.838 0 13.576 0.347 20.232 1.024 145.375 10.438 260.542 131.766 260.542 279.75 0 175.748-159.562 280.774-313.806 280.774-35.675 0-68.79-2.94-99.097-8.473v53.479c42.579 13.758 86.908 21.058 132.129 21.058 236.775 0 429.419-192.644 429.419-429.419s-192.644-429.419-429.419-429.419zM953.344 334.006c2.956 21.075 4.591 42.562 4.591 64.446 0 10.207-0.446 20.298-1.107 30.34 19.753-6.524 34.139-24.939 34.139-46.856 0-23.189-16.070-42.562-37.624-47.93zM99.097 662.71h33.032v-33.032h-33.032v33.032zM198.194 448h33.032v-33.032h-33.032v33.032zM280.774 150.71h33.032v-33.032h-33.032v33.032zM578.065 183.742h33.032v-33.032h-33.032v33.032zM462.452 51.613h33.032v-33.032h-33.032v33.032zM809.29 315.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe917;" glyph-name="car" d="M850.43 504h18.682c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-18.682c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM873.152 480h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM873.152 426h-22.722c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h22.722c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM662 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM624 482.86c-7.732 0-14-6.268-14-14v0-104.678c0-7.732 6.268-14 14-14s14 6.268 14 14v0 104.678c0 7.732-6.268 14-14 14v0zM719.2 590c0 0 0 0.001 0 0.001 0 17.582-14.18 31.853-31.728 31.999h-13.472v198.12l13.252 26.948c0.943 1.838 1.496 4.011 1.496 6.313 0 1.155-0.139 2.278-0.402 3.352l0.020-0.096-17.638 67.306c-1.587 5.839-6.841 10.063-13.081 10.063-0.125 0-0.25-0.002-0.375-0.005h-28.368c-0.11 0.003-0.239 0.005-0.369 0.005-6.264 0-11.542-4.217-13.152-9.967l-0.023-0.096-17.742-67.502c-0.219-0.921-0.344-1.979-0.344-3.066 0-2.341 0.581-4.546 1.606-6.479l-0.036 0.075 13.156-26.85v-198.12h-13.258c-17.557-0.115-31.745-14.374-31.745-31.947 0-12.602 7.296-23.5 17.895-28.699l0.188-0.083-16.558-57.73c-0.332-1.156-0.522-2.484-0.522-3.856 0-0.029 0-0.059 0-0.088v0.005-151.2c0-31.8 25.828-58.418 57.628-58.418h34.938c31.8 0 57.434 26.618 57.434 58.418v151.2c0.004 0.128 0.007 0.278 0.007 0.429 0 1.222-0.158 2.407-0.454 3.536l0.022-0.097-16.52 57.8c10.789 5.269 18.1 16.141 18.146 28.726v0.006zM639.708 906h6.778l13.714-51.906-12.42-24.99c-0.979-1.675-1.62-3.658-1.777-5.777l-0.003-0.045v-201.282h-6v201.282c-0.122 2.222-0.731 4.276-1.722 6.093l0.038-0.075-12.154 24.8zM690 348.418c0-16.362-13.074-30.418-29.434-30.418h-34.938c-16.362 0-29.628 14.056-29.628 30.418v149.216l17.314 60.366h59.566l17.12-60.366zM687.452 586h-88.71c-2.209 0-4 1.791-4 4s1.791 4 4 4v0h88.71c2.209 0 4-1.791 4-4s-1.791-4-4-4v0zM923 933.966c-1.878 0.934-4.091 1.48-6.431 1.48-2.795 0-5.408-0.779-7.634-2.133l0.065 0.037c-4.105-2.48-6.844-6.857-6.999-11.886l-0.001-0.022v-63.162l-40.052-26.92-41.318 29.040 0.302 61.070c0 0.036 0.001 0.078 0.001 0.12 0 7.703-6.245 13.948-13.948 13.948-2.27 0-4.414-0.542-6.308-1.504l0.079 0.037c-45.704-22.915-76.527-69.4-76.527-123.085 0-54.948 32.291-102.355 78.932-124.278l0.839-0.354v-338.482c0-31.48 25.52-57 57-57s57 25.52 57 57v0 338.482c47.848 21.608 80.545 68.907 80.545 123.843 0 0.33-0.001 0.659-0.004 0.988v-0.051c0.002 0.273 0.003 0.596 0.003 0.919 0 53.109-30.41 99.116-74.767 121.558l-0.778 0.357zM899.56 708.8c-5.478-2.001-9.357-7.079-9.559-13.090l-0.001-0.024v-347.816c0-16.016-12.984-29-29-29s-29 12.984-29 29v0 347.816c0.003 0.099 0.004 0.215 0.004 0.331 0 5.794-3.597 10.748-8.679 12.751l-0.093 0.032c-41.732 16.018-70.816 55.761-70.816 102.298 0 34.171 15.682 64.68 40.241 84.722l0.197 0.156-0.104-42.8c0-0.006 0-0.013 0-0.020 0-4.741 2.353-8.933 5.956-11.47l0.044-0.030 55.338-38.716c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 54.25 36.37c3.566 2.502 5.869 6.595 5.869 11.225 0 0.151-0.002 0.301-0.007 0.45l0.001-0.022v45.11c24.709-19.682 40.407-49.767 40.407-83.518 0-0.437-0.003-0.873-0.008-1.308l0.001 0.066c-0.073-46.53-29.137-86.253-70.092-102.078l-0.748-0.254zM412 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM144 64.472c7.732 0 14 6.268 14 14v0 12c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-12c0-7.732 6.268-14 14-14v0zM257.74 760h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM257.74 802h47.142c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-47.142c-7.732 0-14-6.268-14-14s6.268-14 14-14v0zM532-25.278v146.9c0 0.388 0.484 0.774 0.452 1.162-3.309 38.258-26.106 70.525-58.304 87.094l-0.606 0.284c-0.25 0.128-0.412 0.244-0.67 0.356l-100.872 43.082v60.030c54 31.052 92.324 88.372 95.898 154.634 21.952 8.874 37.158 30.012 37.158 54.702 0 4.947-0.61 9.751-1.76 14.341l0.086-0.405c-3.706 15.343-14.432 27.589-28.504 33.327l-0.32 0.115 1.2 17.656h23.242c0.16-0.007 0.347-0.011 0.535-0.011 6.895 0 12.484 5.589 12.484 12.484 0 0.243-0.007 0.483-0.021 0.723l0.002-0.033v50.838c0 7.732-5.268 14-13 14h-12.84c-2.573 46.815-18.687 89.419-44.451 124.492l0.451-0.644c-25.043 33.892-59.373 59.618-99.232 73.584l-1.462 0.446 1.364 13.15c0.047 0.424 0.074 0.915 0.074 1.413 0 3.546-1.369 6.772-3.608 9.179l0.008-0.008c-2.526 2.705-6.114 4.391-10.095 4.391-0.107 0-0.214-0.001-0.32-0.004h-99.804c-0.112 0.003-0.245 0.005-0.377 0.005-7.525 0-13.626-6.101-13.626-13.626 0-0.518 0.029-1.028 0.085-1.531l-0.006 0.062 1.364-13.092c-41.341-14.442-75.678-40.222-100.293-73.609l-0.403-0.573c-25.25-34.382-41.342-76.902-43.939-123.029l-0.027-0.607h-12.862c-7.732 0-15-6.266-15-14v-50.84c0-7.732 7.268-13.162 15-13.162h22.366l1.184-17.6c-14.443-5.741-25.227-17.953-28.883-32.957l-0.067-0.325c-1.070-4.232-1.684-9.091-1.684-14.093 0-0.005 0-0.010 0-0.016v0.001c0-0.021 0-0.046 0-0.071 0-24.713 15.27-45.859 36.889-54.519l0.395-0.14c3.404-66.764 41.176-123.996 95.853-154.668l0.947-0.488v-59.522l-101-43.082c-0.258-0.112-0.53-0.228-0.78-0.356-33.007-16.793-56.036-49.036-59.632-86.941l-0.034-0.437c-0.032-0.388-0.556-0.774-0.556-1.162v-146.9c0.421-8.053 6.922-14.457 14.977-14.721l0.025-0.001h480c7.732 0 13 6.99 13 14.722zM406 208.254l12-5.122v-67.132h-12zM210 831.298c7.028 3.296 15.407 6.36 24.078 8.714l1.122 0.26c6.032 1.544 10.419 6.931 10.419 13.342 0 0.492-0.026 0.979-0.076 1.458l0.005-0.060-0.928 8.988h68.76l-0.956-8.988c-0.045-0.42-0.071-0.906-0.071-1.399 0-6.446 4.389-11.867 10.342-13.437l0.097-0.022c9.797-2.568 18.182-5.589 26.213-9.253l-1.005 0.411v-17.384c-0.044-44.362-27.44-82.314-66.23-97.904l-0.71-0.252c-41.699 14.639-71.060 53.671-71.060 99.561 0 0.041 0 0.083 0 0.124v-0.006zM138.308 773.024c12.405 16.434 26.826 30.479 43.096 42.103l0.596 0.405v-0.082c0-0.060 0-0.131 0-0.202 0-58.912 38.251-108.89 91.271-126.454l0.941-0.27 2.742-0.888c1.298-0.436 2.792-0.688 4.346-0.688v0c0 0 0.001 0 0.001 0 1.646 0 3.227 0.278 4.699 0.79l-0.1-0.030c52.854 18.577 90.071 68.049 90.1 126.217v1.659c16.867-11.998 31.291-26.007 43.347-41.911l0.355-0.489c21.876-29.831 35.902-66.654 38.385-106.604l0.029-0.58h-358.212c2.566 40.469 16.58 77.227 38.804 107.598l-0.4-0.574zM72 616v22h412v-22h-64c-2.58 0-5.55 1.688-8.572 1.118-1.2-0.228-2.338-1.118-3.4-1.118h-336.028zM447.684 588l-1.77-26.094c-0.070-1.122-0.54-2.122-1.267-2.871l0.001 0.001-2.954-2.862-5.484 16.814c-1.481 3.958-2.979 8.977-4.18 14.11l-0.178 0.902zM120.884 588l-2.294-29.106-7.19 3.476c-0.16 0.082-0.266 0.558-0.28 0.736l-1.688 24.894zM116 478.6v0.266c0.004 0.122 0.006 0.264 0.006 0.408 0 6.648-4.763 12.183-11.063 13.379l-0.085 0.013c-14.389 2.609-25.159 15.041-25.159 29.988 0 0.087 0 0.174 0.001 0.261v-0.013c0.038 2.625 0.397 5.149 1.039 7.558l-0.049-0.216c1.334 5.681 5.075 10.293 10.062 12.78l0.11 0.050c2.184-2.322 4.736-4.267 7.569-5.747l0.157-0.075 21.062-10.8c2.338-1.227 5.108-1.947 8.046-1.947 3.148 0 6.103 0.826 8.66 2.274l-0.087-0.046c5.055 3.005 8.504 8.254 8.976 14.337l0.004 0.063 3.716 46.866h254.036c1.884-8 4.084-16.22 6.65-23.918l10.6-32.020c2.343-7.137 8.945-12.2 16.731-12.2 4.634 0 8.85 1.794 11.989 4.726l-0.010-0.009 14.8 13.8c1.296 1.218 2.476 2.525 3.543 3.923l0.057 0.077c4.422-2.649 7.632-6.935 8.811-12l0.025-0.128c0.559-2.193 0.88-4.711 0.88-7.303 0-15.096-10.878-27.651-25.222-30.254l-0.188-0.028c-6.64-1.192-11.62-6.903-11.666-13.785v-0.287c0-89.146-72.856-161.672-161.988-161.672s-162.012 72.526-162.012 161.68zM344 300.6v-47.624c-19.171-8.402-41.514-13.291-65-13.291s-45.829 4.889-66.068 13.706l1.068-0.414v47.292c19.202-7.188 41.391-11.348 64.552-11.348 23.497 0 45.993 4.282 66.752 12.107l-1.304-0.431zM178 220.2l20.776 8.654c23.464-10.839 50.919-17.16 79.851-17.16 0.043 0 0.087 0 0.13 0h-0.007c0.033 0 0.073 0 0.112 0 28.723 0 55.969 6.323 80.422 17.652l-1.184-0.492 19.9-8.654v-84.2h-200zM138 203.13l12 5.122v-72.252h-12zM110 136h-5c-7.732 0-15-5.8-15-13.528v-134.472h-38v133.016c4 27.174 19.022 51.6 43.368 63.922l14.632 6.244zM438-12h-320v120h320zM504-12h-38v134.472c0 7.734-5.268 13.528-13 13.528h-7v55.182l14.632-6.244c24.092-12.282 40.865-35.892 43.346-63.618l0.022-0.304z" >
+<glyph unicode="&#xe918;" glyph-name="exterior" d="M869.328 445.328h-707.728c-8.837 0-16 7.163-16 16v0 174.24c0.001 4.418 1.792 8.417 4.688 11.312l112 112c2.895 2.896 6.894 4.687 11.312 4.688h483.744c4.418-0.001 8.417-1.792 11.312-4.688l112-112c2.896-2.895 4.687-6.894 4.688-11.312v0-174.24c0-8.837-7.163-16-16-16-0.006 0-0.011 0-0.017 0h0.001zM177.536 477.328h675.792v151.616l-102.608 102.608h-470.576l-102.544-102.608zM513.84 754.96h32v-293.632h-32zM576.761 550.451l22.624 22.624 55.542-55.542-22.624-22.624zM582.654 631.58l22.624 22.624 136.626-136.626-22.624-22.624zM676.656 276.912h-146.816c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.816c8.837 0 16-7.163 16-16v0-58.992c0-8.837-7.163-16-16-16v0zM545.84 308.912h114.816v26.992h-114.816zM308.336 276.912h-146.736c-8.837 0-16 7.163-16 16v0 58.992c0 8.837 7.163 16 16 16v0h146.8c8.837 0 16-7.163 16-16v0-58.992c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM177.536 308.912h114.8v26.992h-114.736zM979.424 19.2h-761.696c-8.837 0-16 7.163-16 16v0c-0.055 82.989-67.316 150.249-150.299 150.304h-0.005c-8.837 0-16 7.163-16 16v0 479.68c0.001 4.418 1.792 8.417 4.688 11.312l176.48 176.464c2.895 2.896 6.894 4.687 11.312 4.688h575.056c4.418-0.001 8.417-1.792 11.312-4.688l176.464-176.464c2.896-2.895 4.687-6.894 4.688-11.312v0-645.984c0-8.837-7.163-16-16-16v0zM233.024 51.2h730.4v623.36l-167.088 167.040h-561.808l-167.104-167.040v-457.76c88.003-8.111 157.489-77.597 165.546-164.882l0.054-0.718zM209.008 122.704h770.416v-32h-770.416z" >
+<glyph unicode="&#xe919;" glyph-name="car-parts-1" d="M512 960c-282.31 0-512-229.69-512-512s229.69-512 512-512 512 229.69 512 512-229.69 512-512 512zM512-30.968c-264.109 0-478.968 214.858-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.858 478.968-478.968-214.858-478.968-478.968-478.968zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM512 233.29c-118.388 0-214.71 96.322-214.71 214.71s96.322 214.71 214.71 214.71 214.71-96.322 214.71-214.71c0-39.523-10.818-78.121-31.282-111.666l28.193-17.21c23.635 38.73 36.121 83.274 36.121 128.875 0 136.605-111.137 247.742-247.742 247.742s-247.742-111.137-247.742-247.742 111.137-247.742 247.742-247.742c74.207 0 143.872 32.851 191.174 90.145l-25.484 21.025c-40.993-49.647-101.376-78.138-165.69-78.138zM561.548 596.645c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 596.645c0 9.1 7.416 16.516 16.516 16.516s16.516-7.416 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516zM417.759 478.621c8.44 25.98-5.83 53.991-31.81 62.431-26.029 8.44-53.991-5.847-62.431-31.81-8.44-25.996 5.83-54.008 31.81-62.447 5.070-1.652 10.223-2.428 15.277-2.428 20.876 0.017 40.349 13.345 47.154 34.254zM386.345 488.828c-2.808-8.654-12.123-13.428-20.81-10.603-8.654 2.808-13.411 12.156-10.603 20.81 2.263 6.97 8.754 11.413 15.723 11.413 1.685 0 3.402-0.264 5.087-0.809 8.654-2.808 13.411-12.139 10.603-20.81zM395.512 287.661c8.77-6.375 18.944-9.431 29.052-9.431 15.343 0 30.472 7.085 40.167 20.414 16.054 22.099 11.132 53.149-10.967 69.203-22.115 16.037-53.149 11.132-69.219-10.967-16.054-22.115-11.148-53.165 10.967-69.219zM411.268 337.458c5.351 7.366 15.707 9.018 23.073 3.65 7.366-5.351 9.001-15.707 3.65-23.057-5.351-7.366-15.723-9.001-23.073-3.667-7.366 5.351-9.001 15.69-3.65 23.073zM599.436 278.214c10.091 0 20.282 3.072 29.052 9.431 22.099 16.070 27.020 47.121 10.967 69.219-16.070 22.082-47.121 27.004-69.219 10.967-22.099-16.054-27.004-47.104-10.967-69.203 9.695-13.345 24.84-20.414 40.167-20.414zM589.659 341.108c7.383 5.368 17.738 3.7 23.073-3.65 5.351-7.383 3.716-17.722-3.65-23.073-7.383-5.335-17.738-3.7-23.073 3.667-5.351 7.366-3.716 17.705 3.65 23.057zM668.689 446.811c25.98 8.44 40.25 36.451 31.81 62.447-8.456 25.963-36.451 40.266-62.431 31.81-25.98-8.44-40.25-36.451-31.81-62.431 6.805-20.909 26.277-34.238 47.17-34.238 5.037-0.017 10.19 0.76 15.261 2.411zM637.655 488.828c-2.808 8.654 1.949 17.986 10.603 20.81 1.685 0.545 3.402 0.809 5.087 0.809 6.97 0 13.444-4.443 15.723-11.413 2.808-8.654-1.932-18.003-10.603-20.81-8.638-2.824-17.986 1.949-20.81 10.603zM396.387 893.935h33.032v-33.032h-33.032v33.032zM445.935 844.387h33.032v-33.032h-33.032v33.032zM495.484 794.839h33.032v-33.032h-33.032v33.032zM545.032 745.29h33.032v-33.032h-33.032v33.032zM138.29 658.215l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM184.984 681.568l23.357 23.357 23.357-23.357-23.357-23.357-23.357 23.357zM278.425 704.932l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM348.496 704.924l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM66.065 365.419h33.032v-33.032h-33.032v33.032zM115.613 414.968h33.032v-33.032h-33.032v33.032zM165.161 464.516h33.032v-33.032h-33.032v33.032zM214.71 514.065h33.032v-33.032h-33.032v33.032zM278.423 50.908l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM278.367 167.775l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.398 237.855l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM278.425 261.142l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM594.581 35.097h33.032v-33.032h-33.032v33.032zM545.032 84.645h33.032v-33.032h-33.032v33.032zM495.484 134.194h33.032v-33.032h-33.032v33.032zM445.935 183.742h33.032v-33.032h-33.032v33.032zM885.696 191.124l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM815.555 191.063l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.557 191.095l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM675.48 191.127l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM924.903 563.613h33.032v-33.032h-33.032v33.032zM875.355 514.065h33.032v-33.032h-33.032v33.032zM825.806 464.516h33.032v-33.032h-33.032v33.032zM776.258 414.968h33.032v-33.032h-33.032v33.032zM745.537 845.088l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.53 774.986l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357zM745.54 658.177l-23.357 23.357 23.357 23.357 23.357-23.357-23.357-23.357zM745.526 634.852l23.357-23.357-23.357-23.357-23.357 23.357 23.357 23.357z" >
+<glyph unicode="&#xe91a;" glyph-name="maintenance" d="M130.656 378.284l72.676-7c8.498-33.21 21.146-62.38 37.64-88.909l-0.772 1.333-46.27-55.874c-2.003-2.404-3.218-5.526-3.218-8.931 0-3.866 1.567-7.366 4.1-9.899l78.69-78.688c2.534-2.534 6.034-4.101 9.9-4.101 3.405 0 6.525 1.215 8.952 3.236l-0.023-0.018 55.968 46.35c25.171-15.63 54.292-28.291 85.242-36.443l2.236-0.501 7-72.43c0.726-6.994 6.589-12.402 13.715-12.402 0.077 0 0.154 0.001 0.231 0.002h111.548c0.065-0.001 0.142-0.002 0.219-0.002 7.126 0 12.989 5.407 13.71 12.342l0.005 0.059 7 72.55c33.208 8.472 62.38 21.097 88.912 37.573l-1.336-0.773 55.872-46.302c2.406-2.007 5.53-3.225 8.938-3.225 3.862 0 7.359 1.564 9.892 4.093v0l78.69 78.68c2.532 2.533 4.099 6.033 4.099 9.898 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-46.34 55.97c15.632 25.174 28.293 54.298 36.445 85.252l0.501 2.236 71.698 7c7.124 0.716 12.639 6.68 12.64 13.932v0 111.56c0 0 0 0 0 0.001 0 7.259-5.524 13.227-12.598 13.931l-0.058 0.005-72.676 7c-8.498 33.21-21.146 62.38-37.64 88.909l0.772-1.333 46.27 55.874c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-77.694 78.69c-2.54 2.571-6.065 4.164-9.962 4.164-3.405 0-6.526-1.215-8.952-3.236l0.023 0.018-55.968-46.35c-25.171 15.63-54.292 28.291-85.242 36.443l-2.236 0.501-7 72.43c-0.726 6.994-6.589 12.402-13.715 12.402-0.077 0-0.154-0.001-0.231-0.002h-111.548c-0.065 0.001-0.142 0.002-0.219 0.002-7.126 0-12.989-5.407-13.71-12.342l-0.005-0.059-7-72.55c-33.206-8.472-62.377-21.097-88.907-37.572l1.335 0.772-55.886 46.294c-2.406 2.007-5.53 3.226-8.939 3.226-3.862 0-7.358-1.563-9.891-4.092v0l-78.69-78.682c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 46.35-55.962c-15.63-25.17-28.29-54.291-36.443-85.239l-0.501-2.237-72.68-7c-7.132-0.708-12.656-6.677-12.656-13.935 0-0.003 0-0.006 0-0.009v0-111.56c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM146 491.064l70.018 6.748c6.111 0.607 11.029 5.063 12.323 10.885l0.017 0.093c8.332 36.763 22.475 69.2 41.588 98.057l-0.678-1.089c1.402 2.144 2.237 4.77 2.237 7.591 0 3.404-1.215 6.525-3.235 8.951l0.018-0.023-44.664 53.922 60.666 60.666 53.93-44.666c2.404-2.002 5.525-3.218 8.93-3.218 2.895 0 5.584 0.878 7.816 2.383l-0.050-0.032c27.685 18.568 60.094 32.697 94.907 40.446l1.893 0.354c5.888 1.201 10.356 6.046 10.973 12.033l0.005 0.059 6.74 69.774h86.128l6.748-69.768c0.615-6.078 5.077-10.96 10.887-12.2l0.091-0.016c36.76-8.308 69.198-22.431 98.059-41.526l-1.091 0.678c2.139-1.394 4.758-2.223 7.57-2.223 3.414 0 6.543 1.222 8.973 3.253l-0.022-0.018 53.868 44.62 59.784-60.542-44.716-54c-2.001-2.404-3.216-5.524-3.216-8.927 0-2.895 0.878-5.584 2.383-7.816l-0.032 0.050c18.567-27.685 32.696-60.094 40.446-94.906l0.354-1.894c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 70.012-6.724v-86.144l-69.038-6.734c-6.104-0.613-11.014-5.067-12.307-10.883l-0.017-0.093c-8.333-36.763-22.476-69.199-41.588-98.057l0.678 1.089c-1.402-2.144-2.237-4.77-2.237-7.591 0-3.404 1.215-6.525 3.235-8.951l-0.018 0.023 44.664-53.922-60.664-60.666-53.932 44.664c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-27.685-18.568-60.094-32.697-94.907-40.446l-1.893-0.354c-5.888-1.201-10.356-6.046-10.973-12.033l-0.005-0.059-6.74-69.772h-86.128l-6.748 69.768c-0.615 6.078-5.077 10.96-10.887 12.2l-0.091 0.016c-36.76 8.308-69.198 22.431-98.059 41.526l1.091-0.678c-2.139 1.394-4.758 2.223-7.57 2.223-3.414 0-6.543-1.222-8.973-3.253l0.022 0.018-53.93-44.678-60.666 60.658 44.664 53.928c2.001 2.404 3.216 5.524 3.216 8.927 0 2.895-0.878 5.584-2.383 7.816l0.032-0.050c-18.567 27.685-32.696 60.094-40.446 94.906l-0.354 1.894c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-70.012 6.738zM512.498 216.8c127.687 0.001 231.198 103.512 231.198 231.2s-103.512 231.2-231.2 231.2c-127.688 0-231.2-103.512-231.2-231.2v0c0.15-127.628 103.573-231.051 231.188-231.2h0.014zM512.498 651.2c112.223-0.001 203.198-90.976 203.198-203.2s-90.976-203.2-203.2-203.2c-112.224 0-203.2 90.976-203.2 203.2v0c0.133 112.171 91.030 203.068 203.189 203.2h0.013zM476.468 381.478c2.521-2.463 5.973-3.982 9.78-3.982s7.259 1.519 9.783 3.985l-0.003-0.003 115.752 113.010c2.65 2.551 4.296 6.129 4.296 10.091 0 7.732-6.268 14-14 14-3.844 0-7.327-1.55-9.857-4.058l0.001 0.001-105.972-103.462-54.468 53.18c-2.521 2.463-5.973 3.982-9.78 3.982-7.732 0-14-6.268-14-14 0-3.925 1.615-7.473 4.218-10.015l0.003-0.003z" >
+<glyph unicode="&#xe91b;" glyph-name="car-1" d="M855.904 567.6l-49.728 208.208c-3.331 16.033-17.089 27.997-33.734 28.543l-0.058 0.001h-519.776c-16.708-0.549-30.468-12.52-33.752-28.329l-0.040-0.231-49.744-208.192-31.12 7.424 49.728 208.224c6.788 30.245 33.177 52.589 64.872 53.103l0.056 0.001h519.776c31.751-0.505 58.141-22.855 64.827-52.654l0.085-0.45 49.728-208.224zM939.648 260.64h-854.288c-8.837 0-16 7.163-16 16v0 204.208c0 3.62 1.202 6.959 3.229 9.64l-0.029-0.040 68.24 90.496c2.95 3.904 7.583 6.4 12.8 6.4h717.872c5.217 0 9.85-2.496 12.771-6.36l0.029-0.040 68.16-90.464c1.998-2.641 3.2-5.98 3.2-9.6v0-204.24c0-8.831-7.154-15.991-15.983-16h-0.001zM101.36 292.64h822.288v182.848l-60.16 79.824h-701.984l-60.144-79.824zM939.648 172.8h-854.288c-8.837 0-16 7.163-16 16v0 87.84h32v-71.84h822.288v71.84h32v-87.84c0-8.837-7.163-16-16-16v0zM939.648 341.328h-189.168c-8.834 0.004-15.993 7.166-15.993 16 0 2.683 0.66 5.211 1.827 7.432l-0.042-0.088 49.888 96.512c6.212 12.128 17.954 20.655 31.807 22.286l0.193 0.018 119.792 13.264 3.536-31.808-119.808-13.264c-3.111-0.464-5.68-2.425-6.984-5.113l-0.024-0.055-37.824-73.184h162.88zM274.496 341.328h-189.136v32h162.864l-37.888 73.328c-1.289 2.653-3.774 4.55-6.734 5.002l-0.050 0.006-120 13.28 3.52 31.808 120-13.28c13.896-1.691 25.504-10.134 31.573-21.899l0.107-0.229 49.968-96.672c1.125-2.133 1.785-4.661 1.785-7.344 0-8.837-7.163-16-16-16-0.003 0-0.006 0-0.010 0v0zM931.696 555.312h-60.224v32h60.224c14.112 0 26.016 15.744 26.016 34.368v22.304c0.011 0.155 0.018 0.336 0.018 0.519 0 3.841-2.874 7.011-6.589 7.477l-0.037 0.004h-102.736v32h102.736c21.418-0.437 38.613-17.903 38.613-39.384 0-0.216-0.002-0.433-0.005-0.648v0.033-22.304c0.075-1.15 0.118-2.493 0.118-3.846 0-33.019-25.528-60.076-57.925-62.51l-0.209-0.013zM152.688 555.312h-60.24c-32.599 2.455-58.118 29.508-58.118 62.521 0 1.353 0.043 2.697 0.127 4.029l-0.009-0.182v22.304c-0.003 0.183-0.005 0.399-0.005 0.616 0 21.482 17.195 38.947 38.572 39.384l0.041 0.001h102.736v-32h-102.736c-3.753-0.478-6.625-3.651-6.625-7.495 0-0.178 0.006-0.354 0.018-0.529l-0.001 0.024v-22.304c0-18.624 11.904-34.368 26-34.368h60.24zM787.312 276.64h32v-87.888h-32zM205.664 276.64h32v-87.888h-32zM664 260.64h-302.976c-8.834 0.004-15.993 7.166-15.993 16 0 1.815 0.302 3.559 0.859 5.185l-0.033-0.113 34.464 102.848c2.187 6.402 8.149 10.925 15.168 10.928h234.016c7.019-0.003 12.981-4.526 15.135-10.815l0.033-0.113 34.464-102.848c0.523-1.513 0.825-3.257 0.825-5.072 0-8.823-7.141-15.978-15.959-16h-0.002zM383.296 292.64h258.432l-23.744 70.848h-210.976zM868.080 59.648h-98.128c-41.089 0.046-74.386 33.343-74.432 74.428v54.724c0 8.837 7.163 16 16 16v0h214.992c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.089-33.343-74.386-74.428-74.432h-0.004zM727.52 172.8v-38.72c0.018-23.427 19.005-42.414 42.43-42.432h98.13c23.427 0.018 42.414 19.005 42.432 42.43v38.722zM255.088 59.648h-98.112c-41.096 0.036-74.402 33.337-74.448 74.428v54.724c0 8.837 7.163 16 16 16v0h215.072c8.837 0 16-7.163 16-16v0-54.72c-0.046-41.117-33.388-74.432-74.512-74.432v0zM114.528 172.8v-38.72c0.027-23.429 19.018-42.414 42.446-42.432h98.114c0.010 0 0.021 0 0.032 0 23.444 0 42.453 18.992 42.48 42.429v38.723z" >
+<glyph unicode="&#xe91c;" glyph-name="car-parts-2" d="M512 960c-282.327 0-512-229.673-512-512s229.673-512 512-512 512 229.673 512 512-229.673 512-512 512zM512-30.968c-264.093 0-478.968 214.875-478.968 478.968s214.875 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.875-478.968-478.968-478.968zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c103.953 0 205.163 36.55 284.969 102.912l-21.124 25.385c-73.893-61.423-167.589-95.265-263.845-95.265-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-113.499-45.106-219.318-127.042-297.951l22.875-23.833c88.477 84.909 137.199 199.201 137.199 321.784 0 245.892-200.043 445.935-445.935 445.935zM198.194 448c0-173.039 140.767-313.806 313.806-313.806s313.806 140.767 313.806 313.806-140.767 313.806-313.806 313.806-313.806-140.767-313.806-313.806zM267.297 585.233l24.989-11.71-31.827-97.941-27.153 5.219c4.41 37.591 16.219 72.869 33.99 104.431zM394.752 193.206c-33.759 15.608-63.818 37.657-88.741 64.644l18.713 19.985 83.307-60.532-13.279-24.097zM629.248 193.222l-13.279 24.097 83.307 60.532 18.713-19.985c-24.923-27.004-54.982-49.053-88.741-64.644zM790.693 480.818l-27.153-5.219-31.827 97.941 24.989 11.71c17.771-31.579 29.58-66.857 33.99-104.431zM512 728.774c18.795 0 37.161-1.932 54.933-5.467l-3.452-27.565h-102.962l-3.452 27.565c17.771 3.534 36.137 5.467 54.933 5.467zM424.844 714.752l6.507-52.042h161.297l6.507 52.042c56.502-18.515 104.977-54.52 139.38-101.558l-47.236-22.148 49.829-153.385 51.646 9.91c-0.099-61.258-20.117-117.81-53.628-163.972l-35.691 38.103-130.461-94.819 25.336-45.948c-27.235-8.82-56.204-13.708-86.33-13.708s-59.095 4.889-86.313 13.708l25.336 45.948-130.461 94.819-35.691-38.103c-33.511 46.163-53.529 102.714-53.628 163.972l51.646-9.91 49.829 153.385-47.236 22.148c34.387 47.038 82.878 83.060 139.363 101.558zM512 299.355c81.97 0 148.645 66.676 148.645 148.645s-66.676 148.645-148.645 148.645c-81.97 0-148.645-66.676-148.645-148.645s66.676-148.645 148.645-148.645zM512 563.613c63.736 0 115.613-51.877 115.613-115.613s-51.877-115.613-115.613-115.613-115.613 51.877-115.613 115.613 51.877 115.613 115.613 115.613zM512 365.419c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 497.548c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM462.452 827.871h33.032v-33.032h-33.032v33.032zM528.516 827.871h33.032v-33.032h-33.032v33.032zM396.387 827.871h33.032v-33.032h-33.032v33.032zM594.581 827.871h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe91d;" glyph-name="hand" d="M857.646 237.74l38.582-38.848c2.539-2.556 6.056-4.138 9.942-4.138 6.138 0 11.354 3.946 13.25 9.439l0.030 0.099c4.222 12.016 6.662 25.871 6.662 40.296 0 34.72-14.133 66.139-36.959 88.818l-0.007 0.007c-22.858 22.724-54.365 36.77-89.153 36.77-15.392 0-30.142-2.75-43.785-7.785l0.876 0.283-31.776 31.776c6.828 8.398 10.963 19.223 10.963 31.014 0 22.998-15.731 42.323-37.021 47.799l-0.342 0.075c2.2 5.384 3.477 11.631 3.477 18.177 0 22.098-14.553 40.796-34.598 47.034l-0.349 0.094c4.023 6.976 6.397 15.342 6.397 24.262 0 26.863-21.523 48.699-48.265 49.203l-0.047 0.001c0.043 0.774 0.068 1.681 0.068 2.593 0 27.202-22.052 49.254-49.254 49.254-13.627 0-25.962-5.534-34.879-14.477l-35.581-35.581-88.11 88.098c4.811 12.808 7.596 27.611 7.596 43.064 0 69.514-56.352 125.866-125.866 125.866-14.286 0-28.016-2.38-40.816-6.765l0.885 0.264c-5.606-1.913-9.566-7.134-9.566-13.279 0-3.867 1.568-7.367 4.102-9.901l40.044-40.048-8.346-41.662-43.746-7.738-38.582 38.856c-2.539 2.556-6.056 4.138-9.942 4.138-6.137 0-11.353-3.946-13.249-9.439l-0.030-0.098c-4.223-12.017-6.662-25.872-6.662-40.297 0-34.72 14.133-66.139 36.96-88.818l0.007-0.007c22.859-22.723 54.365-36.768 89.153-36.768 15.392 0 30.142 2.75 43.786 7.785l-0.876-0.283 7.8-7.8-74.66-74.838c-13.444-13.44-21.759-32.010-21.759-52.521 0-0.164 0.001-0.328 0.002-0.492v0.025-26.4c0-0.037 0-0.080 0-0.123 0-34.092-12.146-65.346-32.346-89.673l0.186 0.231-3.246 3.16c-7.112 7.1-16.931 11.491-27.776 11.491s-20.664-4.391-27.777-11.491l-53.539-53.527c-7.088-7.105-11.471-16.912-11.471-27.742s4.383-20.637 11.472-27.743l232.841-232.853c7.099-7.1 16.907-11.491 27.741-11.491s20.642 4.391 27.741 11.491l53.53 53.528c7.088 7.105 11.471 16.912 11.471 27.742s-4.383 20.637-11.472 27.743l-8.199 8.199 14.91 7.18c45.329 22.085 84.121 49.973 117.448 83.324l74.836 74.838 31.58-31.58c-4.752-12.767-7.502-27.517-7.502-42.909 0-34.789 14.047-66.297 36.778-89.163l-0.006 0.006c22.662-22.802 54.038-36.922 88.712-36.942h0.004c14.392 0.013 28.218 2.42 41.107 6.842l-0.893-0.266c5.607 1.912 9.567 7.134 9.567 13.28 0 3.866-1.567 7.367-4.101 9.9l-40.046 40.044 8.362 41.664zM340.13 656.070c-11.894-5.513-25.816-8.729-40.488-8.729-27.037 0-51.524 10.92-69.29 28.59l0.004-0.004c-17.744 17.623-28.727 42.033-28.727 69.009 0 2.656 0.106 5.288 0.315 7.89l-0.022-0.343 25.426-25.6c2.535-2.554 6.047-4.135 9.929-4.135 0.863 0 1.707 0.078 2.527 0.228l-0.086-0.013 60.356 10.666c5.688 1.032 10.128 5.386 11.274 10.943l0.016 0.091 11.71 58.4c0.174 0.827 0.273 1.778 0.273 2.752 0 3.866-1.567 7.367-4.101 9.9l-27 27c2.152 0.168 4.66 0.264 7.19 0.264 54.075 0 97.912-43.837 97.912-97.912 0-14.705-3.242-28.654-9.050-41.169l0.252 0.605c-0.798-1.706-1.263-3.705-1.263-5.812 0-3.865 1.567-7.365 4.099-9.898l94.676-94.674-35.546-35.558-94.674 94.672c-2.534 2.534-6.034 4.101-9.9 4.101-2.107 0-4.106-0.466-5.898-1.299l0.086 0.036zM431.554 109.9l-53.528-53.53c-2.033-2.033-4.841-3.29-7.943-3.29s-5.91 1.257-7.943 3.29l-232.848 232.85c-2.030 2.034-3.286 4.843-3.286 7.944s1.255 5.91 3.286 7.944v0l53.528 53.528c2.033 2.033 4.841 3.29 7.943 3.29s5.91-1.257 7.943-3.29l232.848-232.85c2.031-2.034 3.286-4.842 3.286-7.943s-1.256-5.909-3.287-7.943v0zM555.722 264.084c-31.157-31.181-67.423-57.252-107.436-76.85l-2.364-1.046-23.742-11.432-180.496 180.672c25.060 29.2 40.316 67.451 40.316 109.265 0 0.052 0 0.105 0 0.157v-0.008 26.4c-0.001 0.11-0.001 0.24-0.001 0.37 0 12.807 5.183 24.404 13.566 32.807l-0.001-0.001 74.748 74.836 60.45-60.494-1.53-1.506c-0.832-0.832-1.69-1.644-2.552-2.436-19.244-17.64-48.652-21.684-73.168-10.056l-1.068 0.504c-1.743 0.838-3.791 1.328-5.952 1.328-7.732 0-14-6.268-14-14 0-5.533 3.21-10.317 7.869-12.59l0.083-0.036 1.066-0.506c35.25-16.712 76.108-10.936 104.082 14.718q1.734 1.6 3.416 3.27l112.238 112.242c3.883 4.012 9.317 6.503 15.333 6.503 11.779 0 21.328-9.549 21.328-21.328 0-6.018-2.492-11.454-6.501-15.331l-0.006-0.006-1.776-1.774-83.864-83.872c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l83.892 83.89c3.849 3.799 9.139 6.145 14.978 6.145 11.778 0 21.326-9.548 21.326-21.326 0-5.853-2.358-11.155-6.175-15.009l-83.86-83.86c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l62.48 62.476c3.844 3.769 9.114 6.095 14.928 6.095 11.779 0 21.328-9.549 21.328-21.328 0-5.824-2.334-11.103-6.119-14.952l-62.457-62.451c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101l46.394 46.39c3.868 3.912 9.235 6.334 15.167 6.334 11.778 0 21.326-9.548 21.326-21.326 0-5.933-2.423-11.301-6.333-15.166l-0.002-0.002zM780.456 173.838l27-27c-2.153-0.168-4.661-0.265-7.192-0.265-54.075 0-97.912 43.837-97.912 97.912 0 14.705 3.242 28.654 9.050 41.169l-0.252-0.605c0.798 1.706 1.263 3.705 1.263 5.812 0 3.865-1.567 7.365-4.099 9.898l-38.16 38.16 35.552 35.55 38.154-38.154c2.534-2.534 6.034-4.101 9.9-4.101 2.107 0 4.105 0.465 5.897 1.299l-0.086-0.036c11.894 5.513 25.816 8.729 40.489 8.729 27.037 0 51.524-10.92 69.291-28.59l-0.004 0.004c17.744-17.624 28.727-42.035 28.727-69.011 0-2.655-0.106-5.286-0.315-7.888l0.022 0.343-25.426 25.6c-2.537 2.554-6.050 4.134-9.933 4.134-0.862 0-1.706-0.078-2.525-0.227l0.086 0.013-60.356-10.668c-5.687-1.033-10.126-5.385-11.272-10.941l-0.016-0.091-11.712-58.4c-0.173-0.826-0.272-1.775-0.272-2.747 0-3.867 1.568-7.367 4.102-9.901v0z" >
+<glyph unicode="&#xe91e;" glyph-name="accumulator" d="M947.952 60.448h-854.256c-8.837 0-16 7.163-16 16v0 551.6c0 8.837 7.163 16 16 16v0h854.256c8.837 0 16-7.163 16-16v0-551.6c0-8.837-7.163-16-16-16v0zM109.696 92.448h822.256v519.6h-822.256zM984.576 612.048h-929.264c-8.837 0-16 7.163-16 16v0 117.168c0 8.837 7.163 16 16 16v0h929.264c8.837 0 16-7.163 16-16v0-117.168c0-8.837-7.163-16-16-16v0zM71.312 644.048h897.264v85.168h-897.264zM777.104 729.216h-513.44c-0.002 0-0.005 0-0.008 0-8.837 0-16 7.163-16 16 0 3.87 1.374 7.42 3.661 10.187l-0.022-0.027 74.336 90.304c2.956 3.568 7.388 5.824 12.347 5.824 0.002 0 0.003 0 0.005 0h364.8c0.001 0 0.003 0 0.005 0 4.959 0 9.391-2.256 12.326-5.797l0.021-0.027 74.32-90.304c2.266-2.74 3.64-6.29 3.64-10.16 0-8.837-7.163-16-16-16-0.003 0-0.005 0-0.008 0v0zM297.552 761.216h445.664l-48 58.288h-349.616zM844.096 835.504h32v-90.304h-32zM163.392 835.504h32v-90.304h-32zM93.696 189.264h854.256v-32h-854.256zM768.432 560.528h32v-128.544h-32zM720.16 512.256h128.544v-32h-128.544zM190.784 512.256h128.544v-32h-128.544zM503.936 628.048h32v-309.168h-32zM843.088 162.144l-185.28 140.8h-137.808v32h143.2c0.010 0 0.021 0 0.032 0 3.61 0 6.938-1.202 9.607-3.229l-0.039 0.029 189.552-144zM200.448 162.144l-19.344 25.472 189.568 144c2.628 1.998 5.955 3.2 9.563 3.2 0.013 0 0.026 0 0.039 0h143.278v-32h-137.824z" >
+<glyph unicode="&#xe91f;" glyph-name="car-parts-3" d="M974.452 960h-620.329c-21.355 0-40.25-13.609-47.021-33.875l-5.203-15.674h-54.156c-27.318 0-49.548-22.231-49.548-49.548v-21.388c-47.682-14.253-82.581-58.484-82.581-110.741 0-34.502 15.277-65.437 39.325-86.644-36.947-28.094-62.233-69.615-69.682-115.745-49.036-13.362-85.256-58.186-85.256-111.418 0-63.736 51.877-115.613 115.613-115.613v-99.097h74.405c6.144-23.866 15.624-46.691 28.309-68.096l-52.67-52.686 93.432-93.432 52.686 52.67c21.405-12.684 44.23-22.165 68.096-28.309v-74.405h132.129v74.405c23.866 6.144 46.691 15.624 68.096 28.309l52.686-52.67 93.432 93.432-52.67 52.686c12.684 21.405 22.165 44.23 28.309 68.096h74.405v132.129h-74.405c-6.144 23.866-15.624 46.691-28.309 68.096l47.5 47.517h203.859v247.742h49.548c27.318 0 49.548 22.231 49.548 49.548v165.161c0 27.318-22.231 49.548-49.548 49.548zM743.226 926.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM627.613 926.968h49.978c-10.488-13.841-16.946-30.885-16.946-49.548 0-45.535 37.046-82.581 82.581-82.581 18.663 0 35.708 6.458 49.548 16.946v-116.042h-165.161v231.226zM492.445 926.968c-6.838-19.175-25.005-33.032-46.509-33.032s-39.672 13.857-46.509 33.032h93.019zM148.645 728.774c0 45.535 37.046 82.581 82.581 82.581s82.581-37.046 82.581-82.581c0-45.535-37.046-82.581-82.581-82.581-16.929 0-32.685 5.153-45.799 13.94l-0.446 0.908c-0.165-0.083-0.297-0.182-0.462-0.264-21.62 14.914-35.873 39.804-35.873 67.997zM184.749 622.988c4.344-1.916 8.836-3.584 13.444-4.971v-122.318c-20.662 21.058-48.888 33.643-78.865 34.618 8.671 38.086 32.372 71.63 65.42 92.672zM115.613 332.387c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c24.923 0 48.359-11.479 63.917-30.489l-13.89-13.89 52.67-52.686c-12.684-21.405-22.165-44.23-28.309-68.096h-74.389zM677.161 450.824l-45.816-45.816 7.449-11.247c16.516-24.956 27.879-52.257 33.726-81.177l2.692-13.229h68.013v-66.065h-68.013l-2.692-13.229c-5.847-28.92-17.21-56.221-33.726-81.177l-7.449-11.247 48.178-48.178-46.724-46.724-48.178 48.178-11.247-7.449c-24.956-16.516-52.257-27.879-81.177-33.726l-13.229-2.692v-68.013h-66.065v68.013l-13.229 2.692c-28.92 5.847-56.221 17.21-81.177 33.726l-11.247 7.449-48.178-48.178-46.724 46.724 48.178 48.178-7.449 11.247c-16.516 24.956-27.879 52.257-33.726 81.177l-2.692 13.229h-68.013v66.065h68.013l2.692 13.229c5.847 28.92 17.21 56.221 33.726 81.177l7.449 11.247-48.178 48.178 46.724 46.724 48.178-48.178 11.247 7.449c24.956 16.516 52.257 27.879 81.177 33.726l13.229 2.692v68.013h66.065v-68.013l13.229-2.692c28.92-5.847 56.221-17.21 81.177-33.726l11.247-7.449 48.178 48.178 44.362-44.379v-4.707zM891.871 481.032h-193.503l-65.586 65.586-52.686-52.67c-21.405 12.684-44.23 22.165-68.096 28.309v74.389h-132.129v-74.405c-23.866-6.144-46.691-15.624-68.096-28.309l-52.686 52.67-27.863-27.846v94.406c63.736 0 115.613 51.877 115.613 115.613s-51.877 115.613-115.613 115.613v16.516c0 9.117 7.399 16.516 16.516 16.516h77.973l12.734 38.251c2.263 6.772 8.572 11.297 15.674 11.297h10.901c7.68-37.64 41.043-66.065 80.913-66.065s73.233 28.424 80.913 66.065h67.733v-182.107c-13.841 10.488-30.885 16.946-49.548 16.946-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c39.87 0 73.233 28.424 80.913 66.065h265.926v-181.677zM594.581 679.226c0-27.318-22.231-49.548-49.548-49.548s-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548 49.548-22.231 49.548-49.548zM990.968 745.29c0-9.117-7.399-16.516-16.516-16.516h-49.548v33.032h-33.032v-66.065h-66.065v181.677c0 18.663-6.458 35.708-16.946 49.548h83.010v-132.129h33.032v132.129h49.548c9.117 0 16.516-7.399 16.516-16.516v-165.161zM115.613 464.516c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM115.613 398.452c-9.117 0-16.516 7.399-16.516 16.516s7.399 16.516 16.516 16.516 16.516-7.399 16.516-16.516c0-9.117-7.399-16.516-16.516-16.516zM231.226 679.226c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM231.226 745.29c9.117 0 16.516-7.399 16.516-16.516s-7.399-16.516-16.516-16.516-16.516 7.399-16.516 16.516 7.399 16.516 16.516 16.516zM445.935 431.484c-91.070 0-165.161-74.091-165.161-165.161s74.091-165.161 165.161-165.161c31.315 0 61.82 8.82 88.213 25.517l-17.672 27.896c-21.091-13.329-45.469-20.381-70.54-20.381-72.853 0-132.129 59.276-132.129 132.129s59.276 132.129 132.129 132.129c72.853 0 132.129-59.276 132.129-132.129 0-35.113-13.626-68.162-38.367-93.101l23.453-23.255c30.918 31.149 47.946 72.473 47.946 116.356 0 91.070-74.091 165.161-165.161 165.161zM445.935 365.419c-54.652 0-99.097-44.445-99.097-99.097s44.445-99.097 99.097-99.097 99.097 44.445 99.097 99.097-44.445 99.097-99.097 99.097zM445.935 200.258c-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065-29.63-66.065-66.065-66.065z" >
+<glyph unicode="&#xe920;" glyph-name="repair-1" d="M178.92 99.562c-0.001-0.157-0.001-0.343-0.001-0.529 0-59.869 34.334-111.72 84.385-136.936l0.88-0.402c1.791-0.93 3.911-1.475 6.157-1.475 2.686 0 5.189 0.779 7.297 2.124l-0.055-0.033c3.882 2.486 6.418 6.777 6.418 11.66 0 0.087-0.001 0.174-0.002 0.261v-0.013 72.8l48.066 31.876 49.144-34.312-0.19-70.4c0-0.005 0-0.012 0-0.018 0-7.757 6.289-14.046 14.046-14.046 2.275 0 4.424 0.541 6.324 1.501l-0.080-0.037c31.593 15.833 56.409 41.268 71.056 72.43l0.396 0.938 24.948-1.746c0.332-0.020 0.662-0.032 0.988-0.032 6.912 0.004 12.652 5.017 13.788 11.605l0.012 0.083 11.248 67.176c31.461 5.792 59.542 15.714 85.366 29.339l-1.616-0.777 48.974-46.686c2.508-2.394 5.912-3.868 9.661-3.868 3.522 0 6.741 1.301 9.201 3.448l-0.017-0.014 79.020 68.692c2.959 2.581 4.819 6.358 4.819 10.569 0 3.060-0.982 5.89-2.647 8.194l0.028-0.041-39.492 55.106c16.233 22.672 29.788 48.785 39.366 76.744l0.634 2.13 67.17 1.844c7.224 0.204 13.066 5.85 13.579 12.973l0.003 0.045 7.322 104.708c0.022 0.292 0.034 0.633 0.034 0.976 0 6.915-5.014 12.66-11.605 13.796l-0.083 0.012-67.176 11.246c-5.79 31.461-15.711 59.543-29.337 85.367l0.777-1.615 46.694 48.974c2.394 2.507 3.867 5.912 3.867 9.66 0 3.49-1.277 6.682-3.39 9.134l0.015-0.018-67.758 78.956c-2.583 2.997-6.383 4.883-10.624 4.883-3.061 0-5.893-0.982-8.197-2.649l0.041 0.028-55.094-39.486c-22.67 16.232-48.779 29.787-76.734 39.366l-2.13 0.634-1.79 68.092c-0.195 7.231-5.844 13.083-12.973 13.597l-0.045 0.003-63.682 4.454c0.579 5.013 0.91 10.821 0.91 16.707 0 59.994-34.338 111.967-84.432 137.34l-0.878 0.403c-1.77 0.931-3.868 1.477-6.094 1.477-2.66 0-5.138-0.78-7.217-2.125l0.052 0.032c-3.799-2.472-6.276-6.698-6.276-11.502 0-0.143 0.002-0.285 0.007-0.427l-0.001 0.021v-72.8l-48.228-31.87-49.224 34.312 0.152 70.4c-0.015 7.766-6.314 14.055-14.082 14.055-2.271 0-4.416-0.537-6.315-1.492l0.081 0.037c-51.034-25.561-85.455-77.452-85.455-137.383 0-0.211 0-0.423 0.001-0.634v0.033c0-60.648 37.070-115.94 91.070-140.56v-415.756c-54-24.62-91.080-79.922-91.080-140.56zM534.972 748.362l1.72-65.4c0.168-6.189 4.327-11.363 9.989-13.051l0.099-0.025c33.688-10.177 62.994-25.428 88.722-45.119l-0.66 0.485c2.309-1.744 5.228-2.794 8.391-2.794 3.061 0 5.893 0.983 8.198 2.65l-0.041-0.028 52.872 37.892 51.154-59.6-45-47.2c-2.395-2.508-3.868-5.913-3.868-9.662 0-2.552 0.683-4.945 1.876-7.006l-0.036 0.067c15.496-26.892 26.682-58.318 31.659-91.772l0.179-1.46c0.894-6.041 5.541-10.779 11.461-11.8l0.083-0.012 64.532-10.8-5.55-79.352-64.486-1.772c-6.183-0.174-11.35-4.331-13.037-9.989l-0.025-0.099c-10.173-33.688-25.422-62.994-45.113-88.72l0.485 0.66c-1.745-2.309-2.795-5.229-2.795-8.394 0-3.061 0.983-5.893 2.649-8.197l-0.028 0.041 37.94-52.936-59.782-51.97-47.144 44.938c-2.508 2.395-5.913 3.87-9.663 3.87-2.552 0-4.944-0.683-7.004-1.875l0.067 0.036c-26.886-15.503-58.307-26.695-91.754-31.679l-1.462-0.179c-6.041-0.895-10.778-5.543-11.798-11.463l-0.012-0.083-10.8-64.532-4.63 0.324c2.851 11.144 4.488 23.938 4.488 37.113 0 0.030 0 0.061 0 0.091v-0.005c-0.064 34.041-11.159 65.479-29.899 90.942l0.299-0.426c4.814-0.31 9.6-0.482 14.39-0.482 120.476 0.165 218.077 97.867 218.077 218.366 0 120.6-97.766 218.366-218.366 218.366-27.048 0-52.948-4.918-76.854-13.908l1.505 0.496v42.968c40.257 18.977 70.661 53.278 84.046 95.184l0.308 1.118zM424.172 223.562c-8.158 6.103-17.409 11.631-27.214 16.163l-0.958 0.397v342.636c22.238 9.854 48.176 15.591 75.454 15.591 105.143 0 190.378-85.235 190.378-190.378s-85.235-190.378-190.378-190.378c-16.8 0-33.092 2.176-48.609 6.262l1.327-0.297zM288.818 678.362c-48.17 18.53-81.767 64.352-81.94 118.045v0.021c-0.001 0.139-0.001 0.303-0.001 0.467 0 40.643 19.36 76.764 49.362 99.644l0.305 0.223-0.19-52.562c0-0.016 0-0.034 0-0.053 0-4.724 2.34-8.902 5.924-11.437l0.044-0.029 62.878-43.99c2.237-1.582 5.020-2.529 8.025-2.529 2.891 0 5.578 0.876 7.809 2.378l-0.050-0.032 62.416 41.328c3.88 2.515 6.449 6.768 6.599 11.63l0.001 0.022v55.182c29.904-23.516 48.991-59.624 49.2-100.197v-0.035c-0.201-53.722-33.816-99.541-81.134-117.773l-0.866-0.293c-5.386-2.035-9.156-7.13-9.2-13.111v-434.517c0-0.023 0-0.051 0-0.079 0-5.93 3.704-10.994 8.925-13.005l0.095-0.032c48.235-18.484 81.858-64.406 81.858-118.181 0-15.792-2.9-30.906-8.195-44.84l0.289 0.867c-0.187-0.383-0.385-0.864-0.555-1.357l-0.029-0.097c-8.719-22.28-22.896-40.819-40.924-54.567l-0.304-0.223 0.178 52.574c0 0.014 0 0.030 0 0.046 0 4.728-2.343 8.908-5.932 11.443l-0.044 0.029-62.876 43.988c-2.237 1.582-5.020 2.529-8.025 2.529-2.891 0-5.578-0.876-7.809-2.378l0.050 0.032-62.262-41.328c-3.836-2.53-6.355-6.788-6.44-11.639v-55.195c-29.95 23.501-49.088 59.604-49.36 100.187v0.045c0.236 53.732 33.875 99.548 81.211 117.773l0.867 0.293c5.407 2.027 9.202 7.118 9.282 13.106v434.522c-0.036 5.984-3.8 11.079-9.085 13.084l-0.097 0.032z" >
+<glyph unicode="&#xe921;" glyph-name="carwash" d="M925.76 820.672c28.277 0 51.2 22.923 51.2 51.2s-22.923 51.2-51.2 51.2c-28.277 0-51.2-22.923-51.2-51.2v0c0-28.277 22.923-51.2 51.2-51.2v0zM925.76 890.96c10.604 0 19.2-8.596 19.2-19.2s-8.596-19.2-19.2-19.2c-10.604 0-19.2 8.596-19.2 19.2v0c0 10.604 8.596 19.2 19.2 19.2v0zM988.56 693.952c-10.316 27.535-30.966 49.165-57.109 60.535l-0.683 0.265c-11.122 4.56-24.031 7.207-37.558 7.207-1.838 0-3.665-0.049-5.479-0.145l0.253 0.011c-9.827 16.118-23.891 28.793-40.656 36.669l-0.576 0.243c-7.744 39.888-39.264 101.616-116.32 101.616h-0.48c-1.455 0.068-3.161 0.107-4.875 0.107-30.567 0-58.25-12.351-78.329-32.335l0.004 0.004c-18.998-21.328-31.345-48.95-33.574-79.383l-0.026-0.441h-218.736c1.039 4.404 1.635 9.461 1.635 14.657 0 36.742-29.786 66.528-66.528 66.528-0.119 0-0.238 0-0.357-0.001h0.018c-0.022 0-0.048 0-0.074 0-5.533 0-10.908-0.677-16.046-1.952l0.457 0.096c-15.967 22.827-42.132 37.57-71.741 37.57-45.105 0-82.218-34.214-86.804-78.105l-0.032-0.377c-3.945 0.509-8.509 0.8-13.14 0.8-0.044 0-0.087 0-0.131 0h0.007c-0.025 0-0.056 0-0.086 0-61.661 0-111.648-49.987-111.648-111.648 0-31.318 12.894-59.623 33.664-79.898l0.022-0.022c-21.094-0.837-37.877-18.14-37.877-39.363 0-0.224 0.002-0.448 0.006-0.671v0.034-22.304c-0.075-1.15-0.118-2.493-0.118-3.846 0-33.010 25.521-60.060 57.909-62.494l0.209-0.013h28.992l-48.864-64.832c-1.998-2.641-3.2-5.98-3.2-9.6v0-292.064c0.062-7.738 5.69-14.143 13.075-15.411l0.093-0.013v-39.264c0.055-41.091 33.355-74.387 74.444-74.432h98.1c41.093 0.046 74.393 33.341 74.448 74.427v38.693h365.984v-38.688c0.046-41.089 33.343-74.386 74.428-74.432h98.132c41.089 0.046 74.386 33.343 74.432 74.428v39.236c7.459 1.294 13.069 7.686 13.136 15.401v292.087c0 3.62-1.202 6.959-3.229 9.64l0.029-0.040-48.864 64.864h28.144c32.604 2.439 58.134 29.492 58.134 62.507 0 1.353-0.043 2.695-0.127 4.026l0.009-0.182v22.336c-0.045 4.761-0.898 9.309-2.426 13.533l0.090-0.285c9.176 15.286 14.603 33.73 14.603 53.441 0 11.167-1.742 21.927-4.968 32.023l0.205-0.744zM669.856 845.952c14.449 13.934 34.139 22.518 55.834 22.518 1.533 0 3.056-0.043 4.568-0.127l-0.21 0.009h0.368c75.68 0 85.632-79.44 86-82.784 0.703-6.306 4.981-11.458 10.735-13.423l0.113-0.033c1.424-0.48 2.816-1.008 4.24-1.6 14.729-6.363 26.278-17.766 32.673-31.988l0.159-0.396c2.55-5.654 8.138-9.519 14.629-9.519 1.097 0 2.168 0.11 3.202 0.32l-0.103-0.017c3.509 0.65 7.547 1.021 11.671 1.021 9.177 0 17.924-1.839 25.893-5.17l-0.444 0.164c18.101-8.131 32.051-22.805 39.045-40.936l0.171-0.504c2.004-6.174 3.16-13.277 3.16-20.651 0-10.596-2.386-20.634-6.651-29.607l0.179 0.418c-3.733 1.458-8.053 2.327-12.568 2.384h-90.216l-23.696 99.2c-6.764 30.256-33.156 52.613-64.857 53.119l-0.055 0.001h-118.192c1.999 22.25 10.876 42.116 24.46 57.791l-0.108-0.127zM763.696 756.352c16.706-0.555 30.462-12.523 33.752-28.329l0.040-0.231 45.024-188.48h-677.408l17.296 72.672c7.388 2.866 13.711 6.092 19.651 9.868l-0.451-0.268c11.663-6.161 25.491-9.778 40.164-9.778 48.256 0 87.376 39.12 87.376 87.376 0 13.505-3.064 26.295-8.535 37.712l0.227-0.526c2.48-0.312 5.353-0.492 8.267-0.496h0.005c18.861 0.018 35.882 7.882 47.977 20.504l0.023 0.024zM914.96 325.312h-146.88l37.824 73.184c1.323 2.747 3.895 4.709 6.958 5.162l0.050 0.006 102.048 11.28zM809.36 435.472c-14.041-1.652-25.78-10.171-31.892-22.057l-0.108-0.231-49.888-96.528c-1.125-2.133-1.785-4.661-1.785-7.344 0-8.834 7.159-15.996 15.993-16h173.28v-48.672h-248.16l-30.816 91.936c-2.192 6.396-8.153 10.911-15.168 10.912h-234.016c-7.015-0.001-12.976-4.516-15.134-10.799l-0.034-0.113-30.832-91.936h-248.128v48.688h173.136c0.003 0 0.006 0 0.009 0 8.837 0 16 7.163 16 16 0 2.683-0.66 5.211-1.827 7.432l0.042-0.088-49.968 96.688c-6.178 11.99-17.786 20.427-31.483 22.093l-0.197 0.019-92.016 10.176 46.4 61.68h702.032l46.4-61.68zM914.96 156.736h-104.336v55.904h104.336zM304.848 156.736h-75.856v55.904h549.632v-55.84h-473.776zM92.672 212.64h104.32v-55.84h-104.32zM374.576 244.64l23.824 70.848h210.896l23.744-70.848zM194.848 403.664c3.019-0.447 5.512-2.347 6.777-4.955l0.023-0.053 37.888-73.328h-146.864v89.6zM61.936 715.776c0 0.023 0 0.050 0 0.077 0 43.988 35.66 79.648 79.648 79.648 8.873 0 17.407-1.451 25.378-4.128l-0.562 0.164c1.493-0.508 3.213-0.802 5.001-0.802 8.837 0 16 7.163 16 16 0 0.893-0.073 1.769-0.214 2.623l0.013-0.093c-0.447 2.568-0.72 5.544-0.752 8.577v0.031c0 0.011 0 0.025 0 0.039 0 30.557 24.771 55.328 55.328 55.328 22.055 0 41.097-12.905 49.985-31.576l0.143-0.335c1.859-3.905 5.138-6.881 9.152-8.301l0.112-0.035c1.55-0.543 3.337-0.856 5.198-0.856 2.637 0 5.126 0.63 7.327 1.747l-0.092-0.043c4.516 2.34 9.858 3.712 15.521 3.712 0.011 0 0.022 0 0.033 0h-0.002c0.222 0.005 0.484 0.008 0.747 0.008 19.255 0 34.864-15.609 34.864-34.864s-15.609-34.864-34.864-34.864c-0.263 0-0.525 0.003-0.786 0.009l0.039-0.001c-0.035 0-0.077 0-0.118 0-9.853 0-18.74 4.137-25.019 10.768l-0.015 0.016c-2.883 3.012-6.921 4.898-11.399 4.944h-0.009c-0.081 0.001-0.176 0.002-0.271 0.002-4.405 0-8.387-1.807-11.247-4.72l-0.002-0.002c-2.564-2.57-5.374-4.892-8.393-6.929l-0.199-0.127c-4.306-2.912-7.1-7.778-7.1-13.296s2.793-10.384 7.043-13.26l0.056-0.036c14.659-10.104 24.145-26.8 24.145-45.712 0-30.566-24.779-55.345-55.345-55.345-11.654 0-22.467 3.602-31.386 9.754l0.186-0.121c-2.57 1.836-5.775 2.936-9.238 2.936-3.781 0-7.256-1.312-9.994-3.505l0.032 0.025c-13.359-10.717-30.516-17.2-49.186-17.2-0.061 0-0.122 0-0.183 0h0.009c-43.951 0.145-79.53 35.781-79.584 79.739v0.005zM57.76 573.68v22.304c-0.011 0.151-0.017 0.327-0.017 0.505 0 3.844 2.872 7.017 6.587 7.491l0.037 0.004h83.296l-15.456-64.704h-48.448c-14.096 0.048-26 15.776-26 34.4zM288.848 86.064c-0.036-23.426-19.021-42.405-42.445-42.432h-98.115c-23.427 0.027-42.412 19.007-42.448 42.429v38.739h183.008zM901.824 86.064c-0.027-23.424-19.008-42.405-42.429-42.432h-98.131c-23.424 0.027-42.405 19.008-42.432 42.429v38.739h182.992zM949.024 573.68c0-18.624-11.904-34.352-26.016-34.352h-47.6l-15.456 64.704h82.448c3.752-0.47 6.626-3.64 6.626-7.481 0-0.183-0.006-0.364-0.019-0.543l0.001 0.024z" >
+<glyph unicode="&#xe922;" glyph-name="car-parts-4" d="M990.968 628.703v215.684c0 45.535-37.046 82.581-82.581 82.581h-215.684c-56.221 21.289-117.099 33.032-180.703 33.032s-124.482-11.743-180.703-33.032h-215.684c-45.535 0-82.581-37.046-82.581-82.581v-215.684c-21.289-56.221-33.032-117.099-33.032-180.703s11.743-124.482 33.032-180.703v-215.684c0-45.535 37.046-82.581 82.581-82.581h215.684c56.237-21.289 117.116-33.032 180.703-33.032s124.482 11.743 180.703 33.032h215.684c45.535 0 82.581 37.046 82.581 82.581v215.684c21.289 56.221 33.032 117.099 33.032 180.703s-11.743 124.482-33.032 180.703zM908.387 893.935c27.318 0 49.548-22.231 49.548-49.548v-145.276c-45.981 81.325-113.499 148.843-194.824 194.824h145.276zM66.065 844.387c0 27.318 22.231 49.548 49.548 49.548h145.276c-81.325-45.981-148.843-113.499-194.824-194.824v145.276zM115.613 2.065c-27.318 0-49.548 22.231-49.548 49.548v145.276c45.981-81.325 113.499-148.843 194.824-194.824h-145.276zM957.935 51.613c0-27.318-22.231-49.548-49.548-49.548h-145.276c81.325 45.981 148.86 113.499 194.824 194.824v-145.276zM512-30.968c-264.109 0-478.968 214.875-478.968 478.968s214.858 478.968 478.968 478.968 478.968-214.875 478.968-478.968-214.858-478.968-478.968-478.968zM602.822 376.7l117.826-52.373c12.668-5.599 26.095-8.456 39.919-8.456 54.189 0 98.271 44.082 98.271 98.254v165.508c0 36.715-29.861 66.56-66.577 66.56-26.277 0-50.159-15.509-60.829-39.54l-18.647-41.967c-17.309-38.929-50.804-68.063-91.119-80.334-7.234 21.735-20.728 40.597-38.367 54.47l52.356 117.826c5.632 12.651 8.473 26.095 8.473 39.936 0 54.173-44.082 98.254-98.271 98.254h-165.492c-36.699 0-66.56-29.861-66.56-66.56 0-26.294 15.509-50.159 39.54-60.845l41.967-18.647c38.929-17.292 68.063-50.787 80.351-91.119-21.735-7.234-40.597-20.728-54.47-38.383l-117.826 52.373c-12.684 5.615-26.112 8.473-39.936 8.473-54.189 0-98.271-44.082-98.271-98.254v-165.508c0-36.715 29.861-66.56 66.577-66.56 26.277 0 50.159 15.509 60.829 39.54l18.647 41.967c17.309 38.929 50.804 68.063 91.119 80.334 7.234-21.735 20.728-40.597 38.367-54.47l-52.356-117.826c-5.632-12.651-8.473-26.095-8.473-39.936 0-54.173 44.082-98.254 98.271-98.254h165.492c36.699 0 66.56 29.861 66.56 66.56 0 26.294-15.509 50.159-39.54 60.845l-41.967 18.647c-38.929 17.292-68.063 50.787-80.351 91.119 21.752 7.234 40.613 20.728 54.487 38.367zM627.613 448c0 1.272-0.149 2.51-0.198 3.782 51.134 14.319 93.812 50.556 115.547 99.493l18.663 41.967c5.368 12.090 17.391 19.918 30.637 19.918 18.498 0 33.544-15.046 33.544-33.528v-165.508c0-35.972-29.267-65.222-65.239-65.222-9.183 0-18.102 1.883-26.492 5.632l-114.671 50.969c5.236 13.163 8.209 27.483 8.209 42.496zM396.387 448c0-1.272 0.149-2.51 0.198-3.782-51.134-14.319-93.812-50.556-115.547-99.493l-18.663-41.967c-5.368-12.090-17.391-19.918-30.637-19.918-18.498 0-33.544 15.046-33.544 33.528v165.508c0 35.972 29.267 65.222 65.239 65.222 9.183 0 18.102-1.883 26.492-5.632l114.671-50.969c-5.236-13.163-8.209-27.483-8.209-42.496zM408.725 678.978l-41.967 18.647c-12.106 5.368-19.918 17.408-19.918 30.654 0 18.482 15.046 33.528 33.544 33.528h165.492c35.972 0 65.239-29.25 65.239-65.222 0-9.199-1.899-18.102-5.615-26.492l-50.969-114.671c-13.196 5.219-27.516 8.192-42.529 8.192-1.272 0-2.51-0.149-3.782-0.198-14.319 51.134-50.572 93.812-99.493 115.563zM615.275 217.022l41.967-18.647c12.106-5.368 19.918-17.408 19.918-30.654 0-18.482-15.046-33.528-33.544-33.528h-165.475c-35.972 0-65.239 29.25-65.239 65.222 0 9.199 1.899 18.102 5.615 26.492l50.969 114.671c13.18-5.219 27.499-8.192 42.513-8.192 1.272 0 2.51 0.149 3.782 0.198 14.319-51.134 50.572-93.812 99.493-115.563zM512 365.419c-45.535 0-82.581 37.046-82.581 82.581s37.046 82.581 82.581 82.581c45.535 0 82.581-37.046 82.581-82.581s-37.046-82.581-82.581-82.581zM512 893.935c-245.892 0-445.935-200.043-445.935-445.935s200.043-445.935 445.935-445.935c97.049 0 189.308 30.621 266.818 88.593l-19.786 26.459c-71.746-53.661-157.167-82.019-247.032-82.019-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903c0-117.347-50.209-229.558-137.745-307.877l22.016-24.609c94.538 84.563 148.761 205.741 148.761 332.486 0 245.892-200.043 445.935-445.935 445.935zM99.097 860.903h33.032v-33.032h-33.032v33.032zM891.871 860.903h33.032v-33.032h-33.032v33.032zM99.097 68.129h33.032v-33.032h-33.032v33.032zM891.871 68.129h33.032v-33.032h-33.032v33.032z" >
+<glyph unicode="&#xe923;" glyph-name="automobile" d="M193.378 697.378l-32.6-57.892c-15.76 0.032-50.786 0.030-70.128 0.030-31.762 0-57.576-15.908-65.766-40.478-3.49-10.161-5.933-21.95-6.84-34.165l-0.028-0.473c-0.010-0.198-0.016-0.43-0.016-0.663 0-3.71 1.477-7.075 3.875-9.54l-0.003 0.003c2.521-2.593 6.042-4.201 9.939-4.201 0.066 0 0.133 0 0.199 0.001h0.008l48.544-0.086c-21.162-16.114-34.778-43.088-34.778-74.16 0-0.004 0-0.008 0-0.012 0-0.63 0.040-1.251 0.118-1.86l-0.008 0.072 22.472-178.172c0.666-25.419 19.101-46.342 43.306-50.841l0.328-0.051v-57.056c0.054-18.532 14.955-33.565 33.431-33.834h58.625c18.614 0.232 33.649 15.229 33.944 33.806v56.194h501.104c-25.471-27.363-41.104-64.181-41.104-104.649 0-59.976 34.337-111.933 84.425-137.283l0.878-0.403c1.851-0.926 4.034-1.468 6.342-1.468 2.772 0 5.361 0.781 7.56 2.135l-0.062-0.036c4.068 2.498 6.762 6.886 6.856 11.911v72.813l47.646 31.876 48.934-34.312-0.294-70.4c0-0.027 0-0.058 0-0.090 0-7.718 6.256-13.974 13.974-13.974 2.269 0 4.412 0.541 6.306 1.5l-0.080-0.037c50.82 25.887 85.022 77.818 85.022 137.736 0 62.441-37.143 116.207-90.54 140.409l-0.968 0.393v335.756c54.358 24.568 91.5 78.313 91.5 140.734 0 59.914-34.219 111.836-84.18 137.288l-0.874 0.404c-1.837 0.934-4.006 1.482-6.303 1.482-7.763 0-14.065-6.254-14.143-13.998v-72.807l-47.646-31.87-48.934 34.312 0.294 70.4c0 0.026 0 0.056 0 0.087 0 7.719-6.257 13.976-13.976 13.976-2.268 0-4.41-0.54-6.304-1.499l0.080 0.037c-44.148-21.991-75.719-63.522-83.561-112.955l-0.113-0.867c-4.192 0.792-9.069 1.297-14.045 1.399l-0.093 0.001h-384.16c-43.266 0-81.666-30.222-108.164-84.622zM48.116 577.724c1.045 4.993 2.197 9.158 3.574 13.218l-0.234-0.794c4.246 12.74 20 21.302 39.2 21.302 14.256 0 37.046-0.036 54.344-0.068l-18.936-33.558zM210 187.834c-0.274-3.147-2.794-5.626-5.935-5.833l-0.019-0.001h-58.59c-3.039 0.249-5.417 2.758-5.456 5.83v56.17h70zM121.028 272c-13.589 0.041-24.59 11.061-24.6 24.653v0.001c0 0.631-0.041 1.251-0.12 1.86l0.008-0.072-22.528 178.072c0.382 36.984 25.684 59.888 51.030 61.384 0.173-0.007 0.375-0.012 0.579-0.012 0.636 0 1.261 0.041 1.875 0.121l-0.072-0.008h660.8v-80.088c-20-6.89-37.818-27.378-37.818-51.518s17.818-44.628 37.818-51.518v-74.754c-4-2.384-9.43-4.122-14.37-8.122zM605 566c5.4 30 32.482 54.646 65 54.646s59.6-24.646 65-54.646zM788 426.708v-40.628c-4 4.768-9.818 12.096-9.818 20.314s5.818 15.548 9.818 20.314zM775.558 856.77l-0.116-52.57c0-0.005 0-0.010 0-0.015 0-4.742 2.353-8.934 5.956-11.473l0.044-0.030 62.89-43.988c2.238-1.585 5.025-2.534 8.033-2.534 2.895 0 5.584 0.879 7.817 2.384l-0.050-0.032 61.846 41.328c3.657 2.519 6.024 6.684 6.024 11.401 0 0.087-0.001 0.174-0.002 0.26v-0.013 55.182c32-23.57 49.78-60.22 49.78-100.232-0.329-53.761-34.031-99.568-81.419-117.773l-0.869-0.293c-5.46-2.009-9.318-7.090-9.492-13.095v-354.533c0.222-6.040 4.112-11.117 9.499-13.084l0.101-0.032c48.221-18.512 81.88-64.324 82.148-118.033v-0.033c0.001-0.179 0.001-0.392 0.001-0.604 0-40.576-19.312-76.642-49.247-99.506l-0.303-0.222 0.242 52.574c0 0.025 0 0.055 0 0.085 0 4.709-2.33 8.874-5.901 11.404l-0.043 0.029-62.86 43.988c-2.234 1.583-5.016 2.53-8.019 2.53-2.89 0-5.574-0.877-7.803-2.38l0.050 0.032-61.84-41.328c-3.66-2.519-6.028-6.685-6.028-11.403 0-0.087 0.001-0.175 0.002-0.262v0.013-55.182c-32 23.57-49.78 60.22-49.78 100.232 0.102 44.397 23.041 83.415 57.69 105.939l0.49 0.299c0.593 0.339 1.1 0.681 1.58 1.054l-0.030-0.022c6.15 3.981 13.221 7.611 20.654 10.52l0.814 0.28c5.073 2.032 8.592 6.908 8.592 12.605 0 0.178-0.003 0.356-0.010 0.533l0.001-0.025v354.512c0.006 0.146 0.009 0.318 0.009 0.491 0 5.707-3.526 10.591-8.518 12.593l-0.091 0.032c-48.118 18.492-81.649 64.33-81.649 118 0 40.834 19.41 77.134 49.507 100.178l0.302 0.222zM697.578 752.486c1.636-58.98 38.422-112.56 90.422-136.6v-49.886h-24.71c-5.849 46.795-45.383 82.642-93.29 82.642s-87.441-35.847-93.243-82.181l-0.047-0.461h-425.532l66.8 118.046c0.142 0.254 0.278 0.62 0.4 0.88 12.492 25.758 39.906 69.074 83.164 69.074h384.16c4.255-0.088 8.339-0.635 12.261-1.594l-0.385 0.080zM178.822 460.39c-29.823 0-54-24.177-54-54s24.177-54 54-54c29.823 0 54 24.177 54 54v0c-0.032 29.811-24.189 53.968-53.997 54h-0.003zM178.822 380.39c-14.359 0-26 11.641-26 26s11.641 26 26 26c14.359 0 26-11.641 26-26v0c-0.020-14.349-11.65-25.975-25.999-25.99h-0.001zM306.766 376h370.468c7.792 0.327 13.984 6.724 13.984 14.566 0 1.629-0.267 3.196-0.76 4.659l0.030-0.103-12.774 37.2c-8.776 25.8-37 45.674-64.27 45.674h-243.894c-27.334 0-55.4-19.896-63.878-45.88l-12.214-37.184c-0.439-1.328-0.692-2.856-0.692-4.444 0-3.154 0.999-6.075 2.698-8.463l-0.030 0.045c2.551-3.598 6.654-5.949 11.313-6.070h0.019zM332.29 423.018c4.71 14.398 22.11 26.982 37.26 26.982h243.894c15.216 0 32.862-12.6 37.764-27l6.478-19h-331.622zM726.126 356h-456.912c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h456.912c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe924;" glyph-name="polisher" d="M253.68 373.328h-60.080c-36.571 0.046-66.204 29.684-66.24 66.253v433.603c0.036 36.569 29.671 66.204 66.236 66.24h60.020c0.019 0 0.042 0 0.064 0 36.599 0 66.274-29.647 66.32-66.236v-433.604c-0.046-36.596-29.719-66.247-66.319-66.256h-0.001zM193.6 907.424c-18.903-0.018-34.222-15.337-34.24-34.238v-433.602c0.018-18.906 15.335-34.229 34.237-34.256h60.019c0.029 0 0.062 0 0.096 0 18.926 0 34.27 15.333 34.288 34.254v433.602c-0.027 18.905-15.35 34.222-34.254 34.24h-0.002zM223.664 672.384h80.272v-32h-80.272zM223.664 805.904h80.272v-32h-80.272zM223.664 538.848h80.272v-32h-80.272zM419.28 529.232h-115.28c-8.837 0-16 7.163-16 16v0 222.304c0 8.837 7.163 16 16 16v0h115.344c8.837 0 16-7.163 16-16v0-222.304c0 0 0 0 0 0 0-8.837-7.163-16-16-16-0.022 0-0.045 0-0.067 0h0.003zM319.936 561.232h83.344v190.304h-83.28zM745.088 432.8h-325.808c-8.837 0-16 7.163-16 16v0 361.872c0.018 38.27 31.028 69.292 69.292 69.328h219.204c38.248-0.036 69.244-31.032 69.28-69.277v-230.339h-32v230.288c0 0.005 0 0.010 0 0.016 0 20.584-16.669 37.276-37.244 37.312h-219.204c-20.585-0.018-37.269-16.696-37.296-37.277v-345.923h309.776zM704.368 128.928h-203.968c-31.125 0.036-56.348 25.259-56.384 56.381v263.491c0 8.837 7.163 16 16 16v0h244.352c8.837 0 16-7.163 16-16v0-303.872c0-8.837-7.163-16-16-16v0zM476.016 432.8v-247.488c0.018-13.46 10.924-24.366 24.382-24.384h187.97v271.872zM889.6 432.8h-315.664c-42.315 0.073-76.599 34.357-76.672 76.665v10.263c0.082 42.309 34.362 76.583 76.665 76.656h315.671c42.303-0.082 76.574-34.353 76.656-76.648v-10.264c-0.073-42.31-34.347-76.59-76.648-76.672h-0.008zM573.936 564.384c-24.637-0.073-44.59-20.020-44.672-44.648v-10.264c0.073-24.642 20.030-44.599 44.665-44.672h315.671c24.636 0.082 44.583 20.035 44.656 44.665v10.263c-0.027 24.652-20.004 44.629-44.653 44.656h-0.003zM532.864 245.12h98.672v-32h-98.672zM532.864 329.712h98.672v-32h-98.672zM673.328-16.736h-114.624c0 0-0.001 0-0.001 0-7.652 0-14.050 5.372-15.627 12.55l-0.020 0.106-31.056 145.664c-0.225 1.005-0.353 2.16-0.353 3.344 0 8.837 7.163 16 16 16 0 0 0.001 0 0.001 0h176.72c8.829-0.010 15.982-7.17 15.982-16 0-1.179-0.127-2.328-0.369-3.434l0.019 0.106-31.040-145.6c-1.564-7.313-7.964-12.72-15.63-12.736h-0.002zM571.664 15.264h88.704l24.24 113.6h-137.2zM432.112 578.976l-22.624 22.624 77.376 77.376v185.024h32v-191.648c-0.001-4.418-1.792-8.417-4.688-11.312v0zM618.608 514.592c0-14.227-11.533-25.76-25.76-25.76s-25.76 11.533-25.76 25.76c0 14.227 11.533 25.76 25.76 25.76s25.76-11.533 25.76-25.76z" >
+<glyph unicode="&#xe925;" glyph-name="car-parts-5" d="M512 431.484c-81.953 0-148.645-66.692-148.645-148.645s66.692-148.645 148.645-148.645 148.645 66.692 148.645 148.645-66.692 148.645-148.645 148.645zM512 167.226c-63.752 0-115.613 51.861-115.613 115.613s51.861 115.613 115.613 115.613 115.613-51.861 115.613-115.613-51.861-115.613-115.613-115.613zM0 960v-825.806h132.129v33.032h53.265c47.765-134.491 175.946-231.226 326.606-231.226s278.842 96.735 326.606 231.226h53.265v-33.032h132.129v825.806h-1024zM33.032 926.968h270.633c-101.293-32.834-194.23-89.369-270.633-165.855v165.855zM175.517 200.258h-43.388v99.097c0 143.69 80.202 268.982 198.194 333.51v-55.147c-98.915-61.159-165.161-170.281-165.161-294.879 0-28.507 3.832-56.056 10.356-82.581zM512-30.968c-173.039 0-313.806 140.767-313.806 313.806s140.767 313.806 313.806 313.806 313.806-140.767 313.806-313.806-140.767-313.806-313.806-313.806zM363.355 595.737v53.165c45.684 19.506 95.926 30.324 148.645 30.324s102.962-10.818 148.645-30.324v-53.165c-45.122 21.521-95.397 33.941-148.645 33.941s-103.523-12.42-148.645-33.941zM990.968 167.226h-66.065v66.065h-33.032v-33.032h-43.388c6.524 26.525 10.356 54.074 10.356 82.581 0 124.598-66.246 233.72-165.161 294.895v55.147c117.991-64.545 198.194-189.836 198.194-333.527v-33.032h33.032v33.032c0 227.675-185.228 412.903-412.903 412.903s-412.903-185.228-412.903-412.903v-132.129h-66.065v545.858c122.203 135.944 296.365 213.884 478.968 213.884s356.765-77.94 478.968-213.884v-545.858zM990.968 761.113c-76.404 76.486-169.34 133.021-270.633 165.855h270.633v-165.855zM512 464.516c27.318 0 49.548 22.231 49.548 49.548s-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548zM512 530.581c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM348.507 396.783c13.229 0 25.683 5.153 35.031 14.501 9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.785-14.501 35.031-14.501zM336.83 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677zM330.323 282.839c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM280.774 266.323c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM313.46 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.365-9.365 21.801-14.518 35.047-14.518s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.729 18.729-51.365 18.729-70.078 0.017zM360.167 107.669c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.701-8.555-4.839-11.677zM512 101.161c-27.318 0-49.548-22.231-49.548-49.548s22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548zM512 35.097c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516 16.516-7.416 16.516-16.516c0-9.1-7.416-16.516-16.516-16.516zM640.462 154.376c-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.348-9.348 21.801-14.501 35.031-14.501s25.683 5.153 35.031 14.501c9.365 9.365 14.518 21.801 14.518 35.047s-5.153 25.683-14.501 35.031c-18.713 18.713-51.349 18.713-70.061 0zM687.17 107.669c-6.227-6.243-17.111-6.243-23.337 0-3.122 3.105-4.839 7.251-4.839 11.677s1.718 8.555 4.839 11.677c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.734-8.555-4.856-11.677zM693.677 282.839c0-27.318 22.231-49.548 49.548-49.548s49.548 22.231 49.548 49.548-22.231 49.548-49.548 49.548-49.548-22.231-49.548-49.548zM743.226 299.355c9.1 0 16.516-7.416 16.516-16.516s-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.416-16.516 16.516s7.416 16.516 16.516 16.516zM675.493 396.783c13.229 0 25.683 5.153 35.031 14.501s14.501 21.801 14.501 35.031c0 13.229-5.153 25.683-14.501 35.031-18.729 18.729-51.365 18.713-70.078 0-9.365-9.365-14.518-21.801-14.518-35.047s5.153-25.683 14.501-35.031c9.398-9.332 21.834-14.485 35.064-14.485zM663.833 458.009c3.105 3.122 7.251 4.839 11.677 4.839s8.555-1.718 11.677-4.839c3.122-3.105 4.839-7.251 4.839-11.677s-1.718-8.555-4.839-11.677c-6.227-6.243-17.111-6.243-23.354 0-3.122 3.105-4.839 7.251-4.839 11.677s1.701 8.555 4.839 11.677zM140.205 725.487c103.853 87.321 235.883 135.416 371.795 135.416v33.032c-143.674 0-283.268-50.853-393.051-143.162l21.256-25.286zM72.291 707.221l23.75-22.957c7.317 7.581 14.831 14.947 22.545 22.115l-22.462 24.213c-8.159-7.581-16.087-15.36-23.833-23.37z" >
+<glyph unicode="&#xe926;" glyph-name="gasoline" d="M560.438 698h106.962c0.014 0 0.031 0 0.048 0 50.935 0 92.234 41.254 92.308 92.171v0.007c-0.014 7.637-6.209 13.823-13.848 13.823-0.053 0-0.107 0-0.16-0.001h-160.192c-21.745-0.137-39.345-17.69-39.556-39.404v-53.254c0-7.742 6.706-13.342 14.438-13.342zM574 764.576c0.194 6.278 5.272 11.308 11.551 11.424h144.671c-6.4-30-32.144-50-62.824-50h-93.398zM218.096 634.246c2.533-2.533 6.033-4.1 9.899-4.1 3.804 0 7.253 1.517 9.776 3.979l-0.003-0.003 5.028 4.9 16-17.132-35.134-34.090c-12.079-11.714-19.596-28.073-19.662-46.188v-395.112c0.136-63.227 51.392-114.438 114.624-114.5h427.13c63.117 0.094 114.246 51.282 114.246 114.412 0 0.031 0 0.062 0 0.093v-0.005 653.25c0 0.043 0 0.093 0 0.144 0 35.368-28.641 64.046-63.994 64.106h-260.694c-34.994-0.12-63.316-28.517-63.316-63.528 0-0.254 0.001-0.508 0.004-0.761v0.039-51.75h-57c-0.124 0.001-0.272 0.001-0.419 0.001-17.202 0-32.813-6.814-44.282-17.889l0.018 0.018-27.8-26.92-16.1 17.304 10.554 10.318c2.609 2.549 4.227 6.102 4.227 10.033 0 3.869-1.567 7.372-4.101 9.909v0l-50.24 50.254c-2.534 2.534-6.034 4.102-9.901 4.102-3.804 0-7.253-1.517-9.776-3.979l0.003 0.003-99.212-96.736c-2.609-2.545-4.227-6.096-4.227-10.024 0-3.866 1.567-7.366 4.101-9.9v0zM389.814 710.026c6.433 6.174 15.183 9.976 24.822 9.976 0.128 0 0.256-0.001 0.384-0.002h70.034c8.022 0.128 14.527 6.45 14.944 14.386l0.002 0.038v65.326c0 19.988 15.324 36.25 35.312 36.25h260.688c19.891-0.042 36-16.177 36-36.074 0-0.062 0-0.124 0-0.186v0.010-653.25c0-0.036 0-0.078 0-0.12 0-47.659-38.597-86.304-86.239-86.38h-427.131c-47.781 0.045-86.511 38.73-86.63 86.489v395.111c0.053 10.211 4.316 19.416 11.14 25.977l0.012 0.011zM278.866 641.414l-16.018 17.162 43.526 42.438 16.076-17.222zM276.834 771.458l30.45-30.458-79.164-77.18-30.45 30.448zM324.1 177.9c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l73.9 73.9h228.454l74.91-73.962c2.535-2.541 6.040-4.114 9.913-4.114 7.732 0 14 6.268 14 14 0 3.935-1.624 7.491-4.238 10.035l-0.003 0.003-74.836 73.89v228.348l74.9 74.898c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-74.9-74.898h-228.348l-73.89 74.836c-2.547 2.617-6.103 4.241-10.038 4.241-7.732 0-14-6.268-14-14 0-3.873 1.572-7.378 4.114-9.913v0l73.962-74.91v-228.454zM426 472h212v-212h-212zM580 428h-96c-7.732 0-14-6.268-14-14v0-96c0-7.732 6.268-14 14-14v0h96c7.732 0 14 6.268 14 14v0 96c0 7.732-6.268 14-14 14v0zM566 332h-68v68h68z" >
+<glyph unicode="&#xe927;" glyph-name="seat" d="M228 228.144h-32v407.792c0.082 63.442 51.499 114.848 114.938 114.912h402.118c63.445-0.064 114.862-51.47 114.944-114.904v-407.784h-32v407.776c-0.064 45.777-37.165 82.867-82.94 82.912h-402.116c-45.779-0.046-82.88-37.135-82.944-82.906v-0.006zM641.264 718.848h-258.528c-29.079 0.064-52.633 23.624-52.688 52.699v95.749c0.054 29.080 23.609 52.64 52.682 52.704h258.534c29.079-0.064 52.633-23.624 52.688-52.699v-95.749c-0.054-29.080-23.609-52.64-52.682-52.704h-0.006zM382.736 888c-11.406-0.063-20.634-9.297-20.688-20.699v-95.749c0.054-11.407 9.282-20.641 20.682-20.704h258.534c11.406 0.063 20.634 9.297 20.688 20.699v95.749c-0.054 11.407-9.282 20.641-20.682 20.704h-0.006zM636.464 129.248h-248.928c-8.837 0-16 7.163-16 16v0 352.352c0.027 28.395 23.043 51.406 51.438 51.424h178.050c28.397-0.018 51.413-23.029 51.44-51.421v-352.323c0-0.009 0-0.021 0-0.032 0-8.837-7.163-16-16-16 0 0 0 0 0 0v0zM403.536 161.248h216.928v336.352c-0.018 10.726-8.713 19.415-19.439 19.424h-178.049c-10.727-0.009-19.422-8.698-19.44-19.422v-0.002zM387.536 292.88h248.944v-32h-248.944zM387.536 666.112h248.944v-32h-248.944zM785.024-46.288h-546.048c-67.765 0.073-122.679 54.987-122.752 122.745v109.479c0.036 32.171 26.102 58.243 58.268 58.288h65.316c24.198-0.066 45.363-12.988 57.032-32.293l0.168-0.299 29.84-50.384h370.304l29.856 50.384c11.828 19.606 32.99 32.53 57.175 32.592h65.321c32.17-0.045 58.236-26.117 58.272-58.284v-109.476c-0.073-67.765-54.987-122.679-122.745-122.752h-0.007zM174.496 212.224c-14.504-0.027-26.254-11.782-26.272-26.286v-109.474c0.055-50.099 40.653-90.697 90.747-90.752h546.053c50.099 0.055 90.697 40.653 90.752 90.747v109.477c-0.018 14.506-11.768 26.261-26.269 26.288h-65.315c-12.55-0.039-23.526-6.743-29.577-16.757l-0.087-0.155-34.528-58.224c-2.838-4.726-7.935-7.839-13.76-7.84h-388.528c-5.825 0.001-10.922 3.114-13.72 7.768l-0.040 0.072-34.48 58.224c-6.134 10.173-17.112 16.88-29.659 16.912h-0.005zM592 816h-160c-8.837 0-16 7.163-16 16v0 72c0 8.837 7.163 16 16 16v0h160c8.837 0 16-7.163 16-16v0-72c0-8.837-7.163-16-16-16v0zM448 848h128v40h-128z" >
+<glyph unicode="&#xe928;" glyph-name="car-parts-6" d="M924.917 860.9v99.1h-165.167v-99.1h-33.033v-25.584c-42.795 74.375-122.917 124.684-214.717 124.684s-171.922-50.31-214.717-124.684v25.584h-33.033v99.1h-165.167v-99.1h-33.033v-295.268c0-37.972 25.733-70.906 62.565-80.122l230.226-57.561c22.099-5.517 37.542-25.287 37.542-48.063v-202.032c-25.551-31.646-37.063-72.558-31.712-113.222 8.77-66.612 63.655-120.324 130.465-127.723 5.5-0.611 11.017-0.908 16.5-0.908 36.617 0 72.161 13.378 99.48 37.856 31.481 28.177 49.533 68.544 49.533 110.761 0 33.942-11.677 66.793-33.033 93.237v202.032c0 22.776 15.443 42.547 37.526 48.063l230.226 57.561c36.849 9.216 62.582 42.151 62.582 80.122v295.268h-33.033zM792.783 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM512 926.967c118.391 0 214.717-96.325 214.717-214.717s-96.325-214.717-214.717-214.717-214.717 96.325-214.717 214.717 96.325 214.717 214.717 214.717zM132.117 926.967h33.033v-33.033h33.033v33.033h33.033v-66.067h-99.1v66.067zM924.917 565.632c0-22.776-15.443-42.547-37.526-48.063l-230.226-57.561c-36.849-9.216-62.582-42.151-62.582-80.122v-214.304l4.129-4.691c18.631-21.158 28.904-48.245 28.904-76.274 0-32.835-14.039-64.233-38.517-86.151-24.825-22.231-56.949-32.439-90.33-28.722-51.912 5.731-94.541 47.469-101.363 99.199-4.459 33.843 5.45 66.496 27.88 91.965l4.129 4.674v214.304c0 37.972-25.733 70.906-62.565 80.122l-230.242 57.561c-22.083 5.517-37.526 25.287-37.526 48.063v262.235h165.167v-115.617c0-119.647 85.242-219.738 198.2-242.762v-318.805h0.512c-20.233-15.063-33.545-38.963-33.545-66.067 0-45.536 37.047-82.583 82.583-82.583s82.583 37.047 82.583 82.583c0 27.104-13.312 51.003-33.545 66.067h0.512v49.55h-33.033v-34.702c-5.335 1.090-10.868 1.668-16.517 1.668s-11.182-0.578-16.517-1.668v299.81c5.484-0.363 10.934-0.842 16.517-0.842s11.033 0.479 16.517 0.842v-232.076h33.033v236.221c112.957 23.024 198.2 123.115 198.2 242.762v115.617h165.167v-262.235zM512 134.167c27.319 0 49.55-22.231 49.55-49.55s-22.231-49.55-49.55-49.55-49.55 22.231-49.55 49.55 22.231 49.55 49.55 49.55zM512 530.567c100.174 0 181.683 81.51 181.683 181.683s-81.51 181.683-181.683 181.683c-100.174 0-181.683-81.51-181.683-181.683s81.51-181.683 181.683-181.683zM512 860.9c81.972 0 148.65-66.694 148.65-148.65s-66.678-148.65-148.65-148.65c-81.972 0-148.65 66.694-148.65 148.65s66.678 148.65 148.65 148.65z" >
+<glyph unicode="&#xe929;" glyph-name="car-2" d="M170.4 595.708c-25.546 0-46.256-20.71-46.256-46.256s20.71-46.256 46.256-46.256c25.546 0 46.256 20.71 46.256 46.256v0c-0.028 25.535-20.721 46.228-46.253 46.256h-0.003zM170.4 531.198c-10.083 0-18.256 8.173-18.256 18.256s8.173 18.256 18.256 18.256c10.083 0 18.256-8.173 18.256-18.256 0-0.001 0-0.001 0-0.002v0c-0.013-10.077-8.179-18.242-18.255-18.252h-0.001zM52 662h0.018l31.774 0.2c-14.392-13.704-23.392-33.92-23.392-56.952 0-0.003 0-0.006 0-0.010 0-0.602 0.040-1.195 0.117-1.777l-0.007 0.068 18.2-143.51c0.451-21.035 15.255-38.488 34.988-42.982l0.302-0.058v-43.78c0.015-16.131 13.095-29.201 29.228-29.201 0.094 0 0.188 0 0.282 0.001h47.238c0.069-0.001 0.151-0.001 0.233-0.001 16.027 0 29.020 12.993 29.020 29.020 0 0.064 0 0.127-0.001 0.191v-0.010 42.8h368v-313.888c-0.002-0.196-0.004-0.427-0.004-0.659 0-32.836 26.618-59.454 59.454-59.454 0.115 0 0.23 0 0.345 0.001h277.458c0.14-0.001 0.305-0.002 0.47-0.002 33.232 0 60.184 26.894 60.276 60.105v409.261c-0.048 33.499-27.215 60.636-60.72 60.636-0.009 0-0.018 0-0.027 0h-50.491c-5.156 22-24.24 36-46.94 36h-42.382c-0.657 21.244-9.812 40.228-24.162 53.765l-0.038 0.035 32.706 0.256c7.754 0.115 13.995 6.428 13.995 14.199 0 0.233-0.006 0.464-0.017 0.694l0.001-0.032c-0.774 10.507-2.795 20.268-5.927 29.517l0.245-0.835c-6.98 20.94-28.8 34.484-55.6 34.484-14.87 0-41.114 0.1-54.444 0.15l-24.448 44.736c-18.006 32.284-44.352 69.032-88.574 69.032h-309.8c-35.978 0-67.778-24.348-89.632-69.158l-25.468-44.968c-13.348 0.026-40 0.154-54.972 0.154-26.8 0-48.628-13.49-55.6-34.428-2.887-8.4-4.908-18.145-5.659-28.243l-0.023-0.391c-0.010-0.205-0.016-0.445-0.016-0.686 0-3.793 1.474-7.242 3.88-9.806l-0.007 0.008c2.541-2.713 6.125-4.421 10.109-4.482h0.011zM192 373.2c0-0.862-0.4-1.2-1.252-1.2h-47.252c-0.86 0-1.496 0.332-1.496 1.2v42.8h50zM588 511.37v-67.37h-464.2c-0.009 0-0.021 0-0.032 0-9.428 0-17.073 7.636-17.088 17.061v0.001c0 0.61-0.041 1.209-0.12 1.797l0.008-0.069-18.156 143.39c0.37 27.962 19.272 44.882 38.296 46.17 0.585-0.151 1.289-0.275 2.008-0.345l0.060-0.005h587.162c0.104 0 0.2-0.33 0.31-0.33 24.128 0 39.552-21.67 41.132-43.67h-12.17c-22.7 0-41.784-14-46.94-36h-50.492c-33.031-0.067-59.783-26.859-59.783-59.9 0-0.259 0.002-0.517 0.005-0.775v0.039zM517.42 680c5.526 22.353 25.408 38.665 49.1 38.665s43.574-16.312 49.027-38.318l0.073-0.347zM874.232 544h51.022c0.017 0 0.036 0 0.056 0 18.035 0 32.659-14.605 32.69-32.633v-409.255c-0.074-17.753-14.483-32.116-32.246-32.116-0.176 0-0.351 0.001-0.527 0.004h-277.45c-0.106-0.001-0.23-0.002-0.355-0.002-17.358 0-31.43 14.072-31.43 31.43 0 0.241 0.003 0.48 0.008 0.72l-0.001-0.036v409.252c0 18.056 13.722 32.636 31.778 32.636h51.022c6.107-19.837 24.272-34.005 45.745-34.005 0.234 0 0.467 0.002 0.7 0.005h82.577c0.198-0.003 0.431-0.005 0.665-0.005 21.474 0 39.638 14.168 45.655 33.666l0.090 0.338zM827.678 580c11.224 0 20.322-9.098 20.322-20.322v0-3.356c0-11.224-9.098-20.322-20.322-20.322v0h-83.356c-11.224 0-20.322 9.098-20.322 20.322v0 3.356c0 11.224 9.098 20.322 20.322 20.322v0zM746.63 712.108c14.318 0 26-6.158 29.046-15.324 0.742-2.228 1.358-4.4 1.87-6.478l-58.254-0.020-11.892 21.914c13.164-0.048 28.926-0.092 39.23-0.092zM204.34 771.6c0.144 0.254 0.278 0.284 0.4 0.544 9.802 20.194 31.224 53.856 64.634 53.856h309.8c23.448 0 42.626-16.302 64.042-54.702l49.61-91.298h-48.69c-5.966 37.962-38.442 66.654-77.62 66.654s-71.654-28.692-77.562-66.21l-0.058-0.444h-336.144zM70.26 696.784c3.056 9.166 14.728 15.324 29.046 15.324 10.26 0 26-0.024 39.188-0.046l-12.218-21.662-57.88-0.074c0.51 2.064 1.124 4.238 1.864 6.458zM575.304 571.366c-7.43 21.834-31.324 38.634-54.398 38.634h-196.688c-23.146 0-46.904-16.912-54.092-38.916l-9.85-30c-0.439-1.335-0.691-2.871-0.691-4.466 0-3.17 0.999-6.106 2.699-8.512l-0.031 0.046c2.543-3.621 6.644-5.998 11.309-6.151l0.023-0.001h298.766c4.725 0.186 8.847 2.614 11.35 6.244l0.032 0.048c1.637 2.276 2.618 5.12 2.618 8.192 0 1.621-0.273 3.179-0.776 4.629l0.030-0.099zM292.884 550l3.86 11.948c3.4 10.428 16.502 20.052 27.474 20.052h196.688c11.040 0 24.334-9.642 27.888-20.096l4-11.904zM538.306 498h-232.276c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h232.276c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM664.096 368h14.84c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-0.936v38h39.6c1.862-4 6.666-9.092 12.838-9.092 7.547 0.253 13.569 6.432 13.569 14.017 0 0.151-0.002 0.301-0.007 0.451l0.001-0.022v9.536c0.009 0.174 0.014 0.378 0.014 0.582 0 6.927-5.615 12.542-12.542 12.542-0.211 0-0.421-0.005-0.629-0.015l0.029 0.001h-66.776c-7.732 0-14.096-5.376-14.096-13.11v-66.772c0.036-7.775 6.323-14.069 14.091-14.118h0.005zM664 240h66c7.732 0 14 6.268 14 14v0 66c0 7.732-6.268 14-14 14v0h-66c-7.732 0-14-6.268-14-14v0-66c0-7.732 6.268-14 14-14v0zM678 306h38v-40h-38zM678.938 136h-0.938v40h38.876c-0.003-0.107-0.005-0.233-0.005-0.359 0-7.518 6.058-13.62 13.558-13.693h0.007c0.079-0.002 0.172-0.003 0.265-0.003 7.346 0 13.302 5.956 13.302 13.302 0 0.106-0.001 0.211-0.004 0.316v-0.016 13.658c0 7.734-5.4 14.788-13.128 14.788h-66.776c-7.862-0.372-14.096-6.837-14.096-14.758 0-0.008 0-0.017 0-0.025v0.001-66.772c0.011-7.851 6.274-14.235 14.077-14.44h14.861c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM763.632 445.6l-41.632-41.634-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.54 51.542c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM763.632 183.88l-41.632-41.642-12.754 12.754c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l22.652-22.652c2.534-2.534 6.034-4.101 9.9-4.101s7.366 1.567 9.9 4.101l51.542 51.54c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0zM805.904 416c0-7.732 6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-89.032c-7.732 0-14-6.268-14-14v0zM908.936 300h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM908.936 170h-89.032c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h89.032c7.732 0 14 6.268 14 14s-6.268 14-14 14v0z" >
+<glyph unicode="&#xe92a;" glyph-name="soap" d="M213.856 644.512c-7.982 14.108-12.685 30.981-12.685 48.954 0 14.024 2.864 27.379 8.039 39.513l-0.25-0.658c13.325 27.056 36.708 47.452 65.145 56.538l0.775 0.214c9.508 2.869 20.435 4.521 31.748 4.521 5.047 0 10.017-0.329 14.89-0.966l-0.574 0.061c11.801 15.535 27.781 27.333 46.268 33.789l0.692 0.211c14.066 53.705 62.161 92.686 119.361 92.686 4.005 0 7.965-0.191 11.872-0.565l-0.498 0.038c113.728-8.544 114.528-110.016 113.6-130.256l-32 1.6c1.344 27.2-4.176 90.8-83.968 96.8-82.032 5.984-98.64-72.752-99.312-76.112-1.251-6.166-5.912-10.983-11.89-12.441l-0.11-0.023c-1.6-0.368-3.2-0.816-4.8-1.312-16.254-5.075-29.494-15.774-37.735-29.77l-0.169-0.31c-2.81-4.85-7.976-8.060-13.891-8.060-1.444 0-2.843 0.191-4.173 0.55l0.112-0.026c-5.488 1.427-11.788 2.246-18.28 2.246-29.687 0-55.374-17.13-67.714-42.045l-0.197-0.441c-3.063-7.604-4.841-16.422-4.841-25.654 0-12.938 3.49-25.061 9.581-35.479l-0.18 0.333zM850.848 645.536c-9.186 27.341-34.58 46.687-64.493 46.687-8.464 0-16.566-1.549-24.038-4.379l0.467 0.155c-1.617-0.602-3.484-0.951-5.433-0.951-8.191 0-14.944 6.154-15.887 14.091l-0.007 0.076c-0.416 3.344-11.040 82.864-92.336 82.864h-0.4c-43.2-0.128-71.664-18.448-84.8-54.4l-30.064 10.944c17.6 48.496 58.416 75.312 114.736 75.488h0.512c0.843 0.021 1.835 0.033 2.83 0.033 57.060 0 104.89-39.52 117.611-92.682l0.166-0.823c5.539 1.12 11.906 1.762 18.423 1.762 42.915 0 79.336-27.808 92.226-66.387l0.199-0.686zM793.6-18.288h-531.936c-0.018 0-0.039 0-0.061 0-8.347 0-15.2 6.391-15.935 14.546l-0.004 0.062-47.184 540.672c-0.039 0.417-0.061 0.902-0.061 1.392 0 8.837 7.163 16 16 16 0.021 0 0.043 0 0.064 0h626.381c0.018 0 0.039 0 0.061 0 8.837 0 16-7.163 16-16 0-0.49-0.022-0.975-0.065-1.454l0.004 0.062-47.264-540.672c-0.739-8.217-7.593-14.608-15.939-14.608-0.021 0-0.043 0-0.064 0h0.003zM276.288 13.712h502.688l44.432 508.672h-591.536zM898.672 522.384h-742.048c-8.837 0-16 7.163-16 16v0 113.040c0 8.837 7.163 16 16 16v0h742.048c8.837 0 16-7.163 16-16v0-113.040c0-8.837-7.163-16-16-16v0zM172.624 554.384h710.048v81.040h-710.048zM890.784 153.744h-183.504c-0.001 0-0.003 0-0.004 0-7.275 0-13.416 4.856-15.359 11.503l-0.028 0.113-105.36 368.64 30.784 8.768 102.032-357.024h150.928l-55.872 222.528 31.024 7.808 60.944-242.432c0.307-1.172 0.484-2.517 0.484-3.904 0-8.837-7.163-16-16-16-0.001 0-0.003 0-0.004 0v0zM455.024 778.928c-35.52 33.44-66 20.976-67.2 20.4l-13.264 29.12c2.064 0.944 50.608 22.656 102.496-26.24zM255.664 91.712h543.376v-32h-543.376zM248.624 162.96h230.24v-32h-230.24z" >
+<glyph unicode="&#xe92b;" glyph-name="car-parts-7" d="M512 662.71c22.957 0 45.353 8.043 63.042 22.627l-21.009 25.484c-11.793-9.728-26.723-15.079-42.034-15.079-36.435 0-66.065 29.63-66.065 66.065s29.63 66.065 66.065 66.065 66.065-29.63 66.065-66.065c0-11.413-2.956-22.677-8.555-32.537l28.738-16.285c8.407 14.815 12.85 31.694 12.85 48.822 0 54.652-44.445 99.097-99.097 99.097s-99.097-44.445-99.097-99.097 44.445-99.097 99.097-99.097zM181.677 629.677c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581zM165.161 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM165.161 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM198.194 500.587v29.993h29.993c-4.988-13.989-16.004-25.005-29.993-29.993zM198.194 563.613v29.993c13.989-4.988 25.005-16.004 29.993-29.993h-29.993zM759.742 547.097c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581zM825.806 500.587c-13.989 4.988-25.005 16.004-29.993 29.993h29.993v-29.993zM825.806 563.613h-29.993c4.988 13.989 16.004 25.005 29.993 29.993v-29.993zM858.839 593.606c13.989-4.988 25.005-16.004 29.993-29.993h-29.993v29.993zM858.839 530.581h29.993c-4.988-13.989-16.004-25.005-29.993-29.993v29.993zM512 282.839c45.535 0 82.581 37.046 82.581 82.581s-37.046 82.581-82.581 82.581c-45.535 0-82.581-37.046-82.581-82.581s37.046-82.581 82.581-82.581zM512 414.968c27.318 0 49.548-22.231 49.548-49.548s-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548 22.231 49.548 49.548 49.548zM643.419 909.758c-35.031 31.149-80.979 50.242-131.419 50.242s-96.388-19.093-131.419-50.242c-224.256-59.375-380.581-262.144-380.581-494.79v-16.516h33.445c8.754-256.479 219.995-462.452 478.555-462.452s469.801 205.973 478.555 462.452h33.445v16.516c0 232.646-156.325 435.415-380.581 494.79zM512 926.968c91.070 0 165.161-74.091 165.161-165.161s-74.091-165.161-165.161-165.161-165.161 74.091-165.161 165.161 74.091 165.161 165.161 165.161zM346.839 464.516h-8.489l61.787 133.847c31.86-21.884 70.375-34.75 111.864-34.75s80.004 12.866 111.88 34.75l61.77-133.847h-8.489c-27.318 0-49.548-22.231-49.548-49.548v-198.194c0-27.318-22.231-49.548-49.548-49.548h-132.129c-27.318 0-49.548 22.231-49.548 49.548v198.194c0 27.318-22.231 49.548-49.548 49.548zM33.313 431.484c6.606 193.899 129.305 362.892 308.191 430.856-17.474-29.514-27.698-63.818-27.698-100.534 0-55.527 23.023-105.736 59.954-141.758l-87.040-188.565h-253.407zM924.903 431.484v-33.032h32.619c-8.737-238.262-205.18-429.419-445.523-429.419s-436.786 191.158-445.523 429.419h241.383l15.244 33.032h23.734c9.1 0 16.516-7.416 16.516-16.516v-198.194c0-45.535 37.046-82.581 82.581-82.581h132.129c45.535 0 82.581 37.046 82.581 82.581v198.194c0 9.1 7.416 16.516 16.516 16.516h23.734l15.244-33.032h175.732v33.032h-154.591l-87.040 188.565c36.93 36.022 59.954 86.231 59.954 141.758 0 36.715-10.223 71.019-27.698 100.534 178.886-67.964 301.585-236.957 308.191-430.856h-65.784z" >
+<glyph unicode="&#xe92c;" glyph-name="disc-brake" d="M79.228 404h56.692c3.516-226 187.828-407.644 413.918-407.644 228.28 0 413.8 185.622 413.8 413.904 0.006 226.090-181.638 410.304-407.638 413.818v56.694c0.001 0.052 0.001 0.113 0.001 0.175 0 6.851-4.982 12.538-11.52 13.638l-0.081 0.011c-19.899 3.356-42.823 5.274-66.195 5.274-230.898 0-418.078-187.18-418.078-418.078 0-23.371 1.918-46.294 5.604-68.621l-0.331 2.429c1.116-6.62 6.806-11.601 13.659-11.601 0.059 0 0.118 0 0.178 0.001h-0.009zM550.664 699.508c3.261 2.549 5.338 6.482 5.338 10.901 0 0.083-0.001 0.165-0.002 0.247v-0.012 85.434c210-3.512 379.644-175.264 379.644-385.916 0-212.84-173.062-385.8-385.902-385.8-210.652-0.006-382.308 169.638-385.822 379.638h85.436c0.083-0.002 0.182-0.003 0.28-0.003 7.581 0 13.726 6.145 13.726 13.726 0 1.331-0.189 2.617-0.543 3.834l0.024-0.097c-5.215 18.010-8.214 38.698-8.214 60.086 0 123.638 100.228 223.866 223.866 223.866 21.411 0 42.12-3.006 61.728-8.618l-1.579 0.387c1.109-0.326 2.383-0.513 3.701-0.513 3.147 0 6.045 1.069 8.35 2.864l-0.030-0.023zM106.148 599.132c51.273 159.415 198.26 272.749 371.717 272.749 17.677 0 35.078-1.177 52.131-3.457l-1.996 0.218v-140.262c-15.046 3.2-32.333 5.033-50.049 5.033-138.826 0-251.366-112.54-251.366-251.366 0-17.715 1.832-35.001 5.318-51.681l-0.286 1.634h-140.26c-2.013 14.937-3.162 32.204-3.162 49.739 0 41.915 6.565 82.297 18.723 120.174l-0.771-2.781zM335.838 410.162c0.138-118.134 95.866-213.862 213.987-214h0.337c0.038 0 0.072 0 0.108 0 57.913 0.083 110.402 23.235 148.784 60.757l-0.040-0.039c1.814 1.136 3.303 2.628 4.402 4.388l0.034 0.058c36.665 37.675 59.532 88.94 60.346 145.542l0.002 0.158c0.231 0.941 0.364 2.020 0.364 3.131s-0.133 2.19-0.383 3.224l0.019-0.093c-0.813 56.764-23.679 108.034-60.392 145.76l0.046-0.048c-1.133 1.819-2.624 3.312-4.385 4.415l-0.057 0.033c-38.341 37.483-90.829 60.635-148.724 60.716h-0.016c-0.036 0-0.070 0-0.108 0h-0.324c-118.134-0.138-213.864-95.868-214-213.989v-0.013zM482.28 497.838l-53.534 53.456c28.94 24.856 65.939 41.083 106.598 44.322l0.656 0.042v-75.496c0-7.732 6.268-14 14-14s14 6.268 14 14v0 75.454c41.289-3.404 78.229-19.708 107.361-44.821l-0.243 0.205-53.118-53.156c-2.531-2.535-4.096-6.035-4.096-9.9 0-7.739 6.274-14.013 14.013-14.013 3.874 0 7.38 1.572 9.917 4.113v0l53.132 53.048c24.811-28.904 41.024-65.839 44.303-106.428l0.043-0.664h-75.15c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h75.15c-3.32-41.199-19.532-78.081-44.547-107.177l0.207 0.247-53.128 53.17c-2.541 2.591-6.079 4.197-9.991 4.197-7.726 0-13.99-6.264-13.99-13.99 0-3.905 1.6-7.436 4.179-9.973l0.002-0.002 53.076-53.152c-28.89-24.905-65.831-41.208-106.443-44.567l-0.677-0.045v75.454c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-75.496c-41.315 3.28-78.314 19.506-107.504 44.571l0.25-0.209 53.494 53.454c2.536 2.532 4.105 6.033 4.105 9.9 0 7.727-6.264 13.99-13.99 13.99-3.86 0-7.354-1.563-9.885-4.090v0l-53.47-53.562c-24.953 28.924-41.272 65.928-44.594 106.611l-0.044 0.669h75.8c7.732 0 14 6.268 14 14s-6.268 14-14 14v0h-75.8c2.954 41.476 19.356 78.638 44.818 107.651l-0.178-0.207 53.478-53.444c2.535-2.531 6.035-4.096 9.9-4.096 7.739 0 14.013 6.274 14.013 14.013 0 3.874-1.572 7.38-4.113 9.917v0zM549.838 356.162c29.823 0 54 24.177 54 54s-24.177 54-54 54c-29.823 0-54-24.177-54-54v0c0.034-29.81 24.19-53.966 53.997-54h0.003zM549.838 436.162c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.016 14.353 11.647 25.984 25.998 26h0.002zM172.084 542.778c1.514-0.611 3.269-0.966 5.108-0.966 5.896 0 10.939 3.648 12.997 8.81l0.033 0.094c2.028 5.186 4.2 10.4 6.452 15.49 0.824 1.73 1.305 3.761 1.305 5.903 0 7.732-6.268 14-14 14-5.773 0-10.729-3.494-12.871-8.482l-0.035-0.091c-2.418-5.464-4.748-11.056-6.924-16.62-0.609-1.512-0.963-3.265-0.963-5.101 0-5.895 3.644-10.94 8.802-13.003l0.094-0.033zM260.904 672.784c0.005 0 0.012 0 0.018 0 3.968 0 7.549 1.655 10.091 4.313l0.005 0.005c3.852 4.022 7.84 8.012 11.858 11.86 2.699 2.557 4.378 6.167 4.378 10.17 0 7.732-6.268 14-14 14-3.789 0-7.227-1.506-9.748-3.951l0.004 0.003c-4.308-4.126-8.586-8.4-12.716-12.718-2.406-2.51-3.888-5.923-3.888-9.682 0-7.731 6.267-13.999 13.998-14v0zM388.094 762.104c2.049 0.001 3.995 0.443 5.748 1.236l-0.088-0.036c5.082 2.25 10.284 4.42 15.46 6.444 5.266 2.091 8.922 7.142 8.922 13.047 0 7.732-6.268 14-14 14-1.844 0-3.604-0.356-5.216-1.004l0.094 0.033c-5.554-2.174-11.136-4.5-16.6-6.916-4.948-2.232-8.329-7.121-8.329-12.8 0-7.732 6.268-14 14-14 0.002 0 0.004 0 0.005 0v0z" >
+<glyph unicode="&#xe92d;" glyph-name="car-parts-8" d="M1024 474.954l-5.599 53.149-46.84 17.573 35.658 35.13-16.516 50.82-49.499 7.465 27.565 41.753-26.723 46.295-49.961-3.006 18.283 46.592-35.757 39.721-48.244-13.329 8.209 49.35-43.239 31.43-44.428-23.073-2.246 50.011-48.822 21.735-38.664-31.744-12.585 48.442-52.274 11.115-31.215-39.127-22.379 44.742h-53.446l-22.379-44.759-31.215 39.127-52.274-11.115-12.585-48.425-38.664 31.794-48.822-21.735-2.246-50.011-44.428 23.073-43.223-31.447 8.209-49.35-48.244 13.329-35.774-39.738 18.283-46.592-49.961 3.006-26.723-46.295 27.565-41.753-49.499-7.465-16.516-50.82 35.658-35.13-46.84-17.59-5.599-53.149 42.199-26.954-42.199-26.954 5.599-53.149 46.84-17.573-35.658-35.13 16.516-50.82 49.499-7.465-27.565-41.753 26.723-46.295 49.961 3.006-18.283-46.609 35.757-39.721 48.244 13.329-8.209-49.35 43.239-31.43 44.428 23.073 2.246-50.011 48.822-21.735 38.664 31.794 12.585-48.442 52.274-11.115 31.215 39.127 22.379-44.775h53.446l22.379 44.759 31.215-39.127 52.274 11.115 12.585 48.442 38.664-31.794 48.822 21.735 2.246 50.011 44.428-23.073 43.239 31.43-8.209 49.35 48.244-13.329 35.757 39.721-18.283 46.592 49.961-3.006 26.723 46.295-27.565 41.753 49.499 7.465 16.516 50.82-35.658 35.13 46.84 17.573 5.599 53.182-42.199 26.954 42.199 26.954zM987.681 504.353l1.321-12.569-31.694-20.249c-0.809 15.558-2.444 30.902-4.823 46.014l35.196-13.196zM965.566 602.013l3.898-12.024-26.822-26.409c-4.030 15.013-8.853 29.696-14.369 44.049l37.293-5.615zM923.648 692.951l6.309-10.934-20.843-31.546c-7.085 13.841-14.848 27.252-23.288 40.217l37.822 2.263zM863.727 773.186l8.44-9.381-13.857-35.278c-9.778 12.040-20.117 23.618-31.067 34.585l36.484 10.075zM788.414 839.201l10.207-7.416-6.21-37.393c-12.024 9.761-24.593 18.861-37.607 27.351l33.61 17.458zM701.044 888.122l11.528-5.137 1.685-37.772c-13.725 7.019-27.863 13.362-42.364 18.944l29.151 23.965zM605.415 917.818l12.338-2.626 9.48-36.435c-14.815 3.964-29.894 7.218-45.271 9.645l23.453 29.415zM505.691 926.968h12.618l16.813-33.627c-7.663 0.396-15.36 0.595-23.123 0.595s-15.459-0.198-23.123-0.595l16.813 33.627zM406.247 915.192l12.338 2.626 23.453-29.415c-15.36-2.428-30.456-5.682-45.271-9.645l9.48 36.435zM311.412 882.985l11.545 5.137 29.134-23.965c-14.501-5.599-28.622-11.925-42.364-18.944l1.685 37.772zM235.57 839.201l33.61-17.458c-13.015-8.489-25.583-17.59-37.607-27.351l-6.21 37.393 10.207 7.416zM160.273 773.17l36.484-10.075c-10.967-10.967-21.289-22.545-31.067-34.585l-13.857 35.278 8.44 9.381zM100.352 692.951l37.822-2.279c-8.44-12.949-16.202-26.376-23.288-40.217l-20.843 31.546 6.309 10.95zM58.434 602.013l37.293 5.615c-5.516-14.353-10.339-29.035-14.369-44.049l-26.822 26.409 3.898 12.024zM34.998 491.784l1.321 12.569 35.212 13.213c-2.378-15.112-4.013-30.456-4.823-46.014l-31.711 20.232zM36.319 391.647l-1.321 12.569 31.694 20.249c0.809-15.558 2.444-30.902 4.823-46.014l-35.196 13.196zM58.434 293.987l-3.898 12.024 26.822 26.409c4.030-15.013 8.853-29.696 14.369-44.049l-37.293 5.615zM100.352 203.049l-6.309 10.934 20.843 31.546c7.085-13.841 14.848-27.252 23.288-40.217l-37.822-2.263zM160.273 122.814l-8.44 9.381 13.857 35.278c9.778-12.040 20.117-23.618 31.067-34.585l-36.484-10.075zM235.586 56.799l-10.207 7.416 6.21 37.393c12.024-9.761 24.593-18.861 37.607-27.351l-33.61-17.458zM322.956 7.878l-11.528 5.137-1.685 37.772c13.725-7.019 27.863-13.362 42.364-18.944l-29.151-23.965zM418.585-21.818l-12.338 2.626-9.48 36.435c14.815-3.964 29.894-7.218 45.271-9.645l-23.453-29.415zM518.309-30.968h-12.618l-16.813 33.627c7.663-0.396 15.36-0.595 23.123-0.595s15.459 0.198 23.123 0.595l-16.813-33.627zM617.753-19.192l-12.338-2.626-23.453 29.415c15.36 2.428 30.456 5.682 45.271 9.645l-9.48-36.435zM712.588 13.015l-11.545-5.137-29.134 23.965c14.501 5.599 28.622 11.925 42.364 18.944l-1.685-37.772zM788.43 56.799l-33.61 17.458c13.015 8.489 25.583 17.59 37.607 27.351l6.21-37.393-10.207-7.416zM863.727 122.83l-36.484 10.075c10.967 10.967 21.289 22.545 31.067 34.585l13.857-35.278-8.44-9.381zM512 35.097c-227.675 0-412.903 185.228-412.903 412.903s185.228 412.903 412.903 412.903 412.903-185.228 412.903-412.903-185.228-412.903-412.903-412.903zM923.648 203.049l-37.822 2.279c8.44 12.949 16.202 26.376 23.288 40.217l20.843-31.546-6.309-10.95zM965.566 293.987l-37.293-5.615c5.516 14.353 10.339 29.035 14.369 44.049l26.822-26.409-3.898-12.024zM989.002 404.216l-1.321-12.569-35.212-13.213c2.378 15.112 4.013 30.456 4.823 46.014l31.711-20.232zM512 728.774c-154.822 0-280.774-125.952-280.774-280.774s125.952-280.774 280.774-280.774c78.732 0 154.343 33.379 207.443 91.565l-24.411 22.264c-46.84-51.349-113.565-80.797-183.032-80.797-136.605 0-247.742 111.137-247.742 247.742s111.137 247.742 247.742 247.742 247.742-111.137 247.742-247.742c0-50.044-14.848-98.254-42.925-139.413l27.285-18.614c31.843 46.675 48.673 101.31 48.673 158.026 0 154.822-125.952 280.774-280.774 280.774zM594.581 448c0 45.535-37.046 82.581-82.581 82.581s-82.581-37.046-82.581-82.581c0-45.535 37.046-82.581 82.581-82.581s82.581 37.046 82.581 82.581zM462.452 448c0 27.318 22.231 49.548 49.548 49.548s49.548-22.231 49.548-49.548-22.231-49.548-49.548-49.548-49.548 22.231-49.548 49.548zM561.548 613.161c0 27.318-22.231 49.548-49.548 49.548s-49.548-22.231-49.548-49.548 22.231-49.548 49.548-49.548 49.548 22.231 49.548 49.548zM495.484 613.161c0 9.117 7.416 16.516 16.516 16.516s16.516-7.399 16.516-16.516-7.416-16.516-16.516-16.516c-9.1 0-16.516 7.399-16.516 16.516zM402.052 483.724c4.096 12.585 3.039 26.013-2.973 37.805s-16.252 20.53-28.837 24.626c-12.602 4.096-26.013 3.039-37.822-2.973-11.793-6.012-20.546-16.252-24.626-28.854-4.096-12.585-3.039-26.013 2.973-37.805s16.252-20.53 28.837-24.609c5.054-1.635 10.223-2.444 15.377-2.444 7.713 0 15.36 1.817 22.429 5.417 11.793 6.012 20.546 16.235 24.642 28.837zM370.622 493.931c-1.371-4.195-4.278-7.614-8.209-9.612-3.898-1.982-8.39-2.378-12.602-0.991-4.195 1.354-7.597 4.278-9.612 8.192-2.015 3.931-2.362 8.407-0.991 12.618 1.371 4.195 4.278 7.614 8.209 9.612 2.362 1.189 4.905 1.8 7.482 1.8 1.718 0 3.435-0.281 5.12-0.826h0.017c4.195-1.354 7.597-4.278 9.612-8.209 1.998-3.914 2.345-8.39 0.974-12.585zM385.8 274.3c8.555-6.227 18.63-9.48 29.019-9.48 2.61 0 5.236 0.215 7.862 0.628 13.081 2.065 24.559 9.1 32.339 19.803s10.934 23.8 8.853 36.864c-2.065 13.081-9.1 24.559-19.819 32.355-22.115 16.054-53.182 11.099-69.203-10.983-16.070-22.099-11.148-53.132 10.95-69.186zM401.557 324.079c3.237 4.459 8.275 6.805 13.395 6.805 3.369 0 6.755-1.024 9.678-3.122 7.366-5.351 9.001-15.707 3.65-23.073-5.368-7.366-15.723-9.001-23.057-3.65-7.383 5.335-9.018 15.69-3.667 23.040zM601.336 265.447c2.626-0.413 5.236-0.628 7.862-0.628 10.372 0 20.463 3.254 29.019 9.48 22.099 16.054 27.020 47.087 10.967 69.186s-47.104 27.053-69.219 10.967c-10.702-7.779-17.738-19.258-19.819-32.339-2.065-13.064 1.074-26.162 8.853-36.864s19.258-17.738 32.339-19.803zM599.37 327.746c2.923 2.131 6.326 3.138 9.678 3.138 5.12 0 10.174-2.362 13.395-6.805 5.351-7.35 3.716-17.705-3.667-23.057-7.366-5.302-17.705-3.716-23.057 3.667s-3.716 17.722 3.65 23.057zM684.395 451.914c12.585 4.096 22.825 12.833 28.837 24.609 6.012 11.793 7.069 25.22 2.973 37.805-4.096 12.602-12.833 22.842-24.626 28.854-11.776 5.995-25.204 7.069-37.805 2.973-12.585-4.079-22.842-12.833-28.854-24.626s-7.069-25.22-2.973-37.822c4.096-12.585 12.833-22.809 24.626-28.821 7.069-3.601 14.732-5.417 22.429-5.417 5.17 0 10.339 0.826 15.393 2.444zM653.378 493.915c-1.371 4.212-1.024 8.671 0.991 12.618 1.998 3.931 5.417 6.854 9.629 8.209 1.685 0.545 3.402 0.826 5.12 0.826 2.577 0 5.12-0.611 7.482-1.8 3.931-1.998 6.854-5.417 8.209-9.612 1.371-4.212 1.024-8.671-0.991-12.618-1.998-3.914-5.417-6.838-9.612-8.192h-0.017c-4.195-1.371-8.671-1.041-12.602 0.974-3.931 1.998-6.854 5.417-8.209 9.596z" >
+<glyph unicode="&#xe92e;" glyph-name="wheel" d="M307.4 284.11c0.348-0.026 0.694-0.038 1.040-0.038 3.866 0.001 7.366 1.568 9.9 4.1l112 112c2.533 2.526 4.1 6.019 4.1 9.878 0 7.704-6.246 13.95-13.95 13.95-0.014 0-0.028 0-0.042 0h-158.448c-0.017 0-0.038 0-0.059 0-7.7 0-13.942-6.242-13.942-13.942 0-0.736 0.057-1.458 0.167-2.162l-0.010 0.078c6.986-45.043 24.338-85.091 49.547-118.943l-0.503 0.707c2.374-3.18 6.010-5.304 10.152-5.625l0.048-0.003zM386.65 396l-76.2-76.2c-13.944 21.892-24.838 47.34-31.264 74.516l-0.336 1.684zM479.4 369.384c-1.581 0.674-3.42 1.065-5.351 1.065-3.862 0-7.358-1.567-9.887-4.099v0l-112-112c-2.531-2.533-4.097-6.032-4.097-9.896 0-4.6 2.218-8.682 5.644-11.234l0.037-0.026c33.152-24.702 73.206-42.052 116.756-48.846l1.498-0.192c0.626-0.099 1.348-0.156 2.084-0.156v0c7.689 0.015 13.916 6.251 13.916 13.942 0 0.020 0 0.041 0 0.061v-0.003 158.45c0 0.013 0 0.028 0 0.043 0 5.776-3.507 10.733-8.509 12.857l-0.091 0.034zM460 214.84c-28.859 6.763-54.307 17.657-77.211 32.2l1.011-0.6 76.2 76.2zM559.824 366.35c-2.525 2.532-6.018 4.099-9.876 4.099-7.703 0-13.948-6.245-13.948-13.948 0-0.018 0-0.036 0-0.053v0.003-158.45c0-0.019 0-0.042 0-0.064 0-7.697 6.239-13.936 13.936-13.936 0.734 0 1.455 0.057 2.158 0.166l-0.078-0.010c45.043 6.986 85.093 24.333 118.948 49.536l-0.708-0.504c3.459 2.579 5.675 6.659 5.675 11.256 0 3.866-1.567 7.367-4.101 9.9v0zM564 214.84v107.812l76.2-76.2c-21.892-13.947-47.34-24.845-74.515-31.276l-1.685-0.336zM262 472h158.45c0.012 0 0.027 0 0.042 0 7.71 0 13.96 6.25 13.96 13.96 0 3.861-1.568 7.357-4.101 9.884v0l-112 112c-2.533 2.532-6.032 4.098-9.897 4.098-4.599 0-8.681-2.218-11.233-5.643l-0.026-0.037c-24.705-33.153-42.055-73.21-48.846-116.764l-0.192-1.498c-0.097-0.619-0.153-1.333-0.153-2.060 0-7.699 6.241-13.94 13.94-13.94 0.020 0 0.040 0 0.060 0h-0.003zM310.446 576.2l76.2-76.2h-107.8c6.762 28.86 17.656 54.308 32.2 77.211l-0.6-1.011zM464.176 529.652c2.534-2.534 6.034-4.102 9.901-4.102 0.001 0 0.002 0 0.003 0v0c1.918 0.001 3.745 0.393 5.404 1.1l-0.090-0.034c5.093 2.159 8.6 7.116 8.6 12.893 0 0.015 0 0.029 0 0.044v-0.002 158.45c0 0.017 0 0.038 0 0.059 0 7.7-6.242 13.942-13.942 13.942-0.736 0-1.458-0.057-2.162-0.167l0.078 0.010c-45.042-6.986-85.090-24.333-118.944-49.536l0.708 0.504c-3.457-2.579-5.672-6.658-5.672-11.253 0-3.868 1.568-7.369 4.104-9.903v0zM460 681.16v-107.81l-76.2 76.2c21.892 13.946 47.34 24.844 74.515 31.274l1.685 0.336zM544.6 526.616c1.58-0.674 3.418-1.066 5.348-1.066 3.86 0 7.354 1.568 9.879 4.102v0l112 112c2.533 2.533 4.099 6.033 4.099 9.898 0 4.598-2.217 8.679-5.64 11.231l-0.037 0.026c-33.15 24.701-73.203 42.049-116.752 48.844l-1.498 0.192c-0.619 0.097-1.333 0.153-2.060 0.153-7.699 0-13.94-6.241-13.94-13.94 0-0.020 0-0.040 0-0.060v0.003-158.45c0-0.012 0-0.027 0-0.041 0-5.776 3.507-10.734 8.509-12.858l0.091-0.034zM564 681.16c28.859-6.763 54.307-17.657 77.211-32.2l-1.011 0.6-76.2-76.2zM590.618 480.6c2.159-5.093 7.116-8.6 12.893-8.6 0.014 0 0.028 0 0.041 0h158.448c0.017 0 0.038 0 0.059 0 7.7 0 13.942 6.242 13.942 13.942 0 0.736-0.057 1.458-0.167 2.162l0.010-0.078c-6.983 45.042-24.332 85.091-49.537 118.943l0.503-0.707c-2.579 3.457-6.658 5.672-11.253 5.672-3.868 0-7.369-1.568-9.903-4.104l-112-111.986c-2.535-2.529-4.103-6.026-4.103-9.889 0-1.932 0.392-3.773 1.101-5.446l-0.034 0.092zM713.554 576.2c13.944-21.892 24.838-47.34 31.264-74.516l0.336-1.684h-107.8zM762 424h-158.45c-0.012 0-0.027 0-0.042 0-7.71 0-13.96-6.25-13.96-13.96 0-3.861 1.568-7.357 4.101-9.884v0l112-112c2.533-2.531 6.031-4.096 9.895-4.096 0.002 0 0.004 0 0.005 0v0c0.346 0 0.692 0.016 1.040 0.042 4.198 0.322 7.841 2.451 10.19 5.601l0.026 0.037c24.706 33.152 42.056 73.209 48.846 116.763l0.192 1.497c0.098 0.62 0.153 1.334 0.153 2.062 0 7.698-6.24 13.938-13.938 13.938-0.021 0-0.042 0-0.063 0h0.003zM713.554 319.8l-76.2 76.2h107.8c-6.762-28.86-17.656-54.308-32.2-77.211l0.6 1.011zM458 448c0-29.823 24.177-54 54-54s54 24.177 54 54c0 29.823-24.177 54-54 54v0c-29.81-0.034-53.966-24.19-54-53.997v-0.003zM512 474c14.359 0 26-11.641 26-26s-11.641-26-26-26c-14.359 0-26 11.641-26 26v0c0.017 14.353 11.647 25.983 25.998 26h0.002zM512-26c261.782 0 473.999 212.217 473.999 474 0 130.891-53.054 249.39-138.83 335.167l-0.001 0.001c-85.841 86.16-204.599 139.474-335.81 139.474-261.783 0-474-212.217-474-474 0-131.211 53.313-249.969 139.459-335.795l0.014-0.014c85.304-85.759 203.394-138.834 333.88-138.834 0.453 0 0.905 0.001 1.358 0.002h-0.070zM108 462h-41.76c3.325 113.192 48.653 215.193 120.853 291.506l-0.193-0.206 29.528-29.528c2.534-2.534 6.034-4.101 9.9-4.101 7.732 0 14.001 6.268 14.001 14.001 0 3.866-1.567 7.366-4.101 9.9l-29.526 29.528c76.106 72.008 178.107 117.336 290.653 120.645l0.645 0.015v-41.76c0-7.732 6.268-14 14-14s14 6.268 14 14v0 41.76c113.191-3.324 215.192-48.652 291.504-120.853l-0.206 0.193-29.526-29.53c-2.534-2.534-4.101-6.034-4.101-9.9 0-7.732 6.268-14.001 14.001-14.001 3.866 0 7.366 1.567 9.9 4.101v0l29.528 29.53c72.007-76.107 117.335-178.108 120.645-290.654l0.015-0.646h-41.76c-7.732 0-14-6.268-14-14s6.268-14 14-14v0h41.76c-3.325-113.192-48.653-215.193-120.853-291.506l0.193 0.206-29.528 29.528c-2.534 2.534-6.034 4.101-9.9 4.101-7.732 0-14.001-6.268-14.001-14.001 0-3.866 1.567-7.366 4.101-9.9l29.526-29.53c-76.106-72.007-178.107-117.335-290.653-120.643l-0.645-0.015v41.76c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-41.76c-113.191 3.324-215.192 48.652-291.504 120.853l0.206-0.193 29.526 29.53c2.534 2.534 4.101 6.034 4.101 9.9 0 7.732-6.268 14.001-14.001 14.001-3.866 0-7.366-1.567-9.9-4.101v0l-29.528-29.53c-72.007 76.107-117.335 178.108-120.645 290.654l-0.015 0.646h41.76c7.732 0 14 6.268 14 14s-6.268 14-14 14v0zM512 114c184.168 0 334 149.832 334 334s-149.832 334-334 334-334-149.832-334-334 149.832-334 334-334zM512 754c168.728 0 306-137.272 306-306s-137.272-306-306-306-306 137.272-306 306 137.272 306 306 306z" >
+<glyph unicode="&#xe92f;" glyph-name="car-parts-9" d="M1024 745.29c0 45.535-37.046 82.581-82.581 82.581 0 74.091-94.307 132.129-214.71 132.129s-214.71-58.038-214.71-132.129h-429.419c-45.535 0-82.581-37.046-82.581-82.581v-297.29c0-45.535 37.046-82.581 82.581-82.581h891.871c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-627.613v-33.032h627.613c9.1 0 16.516-7.416 16.516-16.516v-33.032c0-9.1-7.416-16.516-16.516-16.516h-660.645c0 24.081-6.573 46.609-17.87 66.065h17.87v33.032h-45.023c-23.288 20.497-53.727 33.032-87.106 33.032-10.223 0-20.447-1.222-30.505-3.65-15.145 22.66-40.745 36.682-68.591 36.682-45.535 0-82.581-37.046-82.581-82.581v-346.839h1024v214.71c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 12.734-4.971 24.246-12.883 33.032 7.928 8.787 12.883 20.298 12.883 33.032v33.032c0 17.656-9.348 33.082-23.288 41.852 14.353 14.865 23.288 34.998 23.288 57.245v297.29zM82.581 332.387c19.687 0 37.508-11.71 45.403-29.828l6.144-14.121 14.518 5.137c10.835 3.832 21.95 5.781 33.032 5.781 54.652 0 99.097-44.445 99.097-99.097 0-4.757-0.446-9.91-1.387-15.74l-2.428-15.211 15.013-3.485c22.578-5.252 38.35-25.038 38.35-48.145 0-27.318-22.231-49.548-49.548-49.548-19.687 0-37.508 11.71-45.403 29.828l-6.144 14.121-14.518-5.137c-10.835-3.832-21.95-5.781-33.032-5.781-54.652 0-99.097 44.445-99.097 99.097 0 4.757 0.446 9.91 1.387 15.74l2.428 15.211-15.013 3.485c-22.578 5.252-38.35 25.038-38.35 48.145 0 27.318 22.231 49.548 49.548 49.548zM990.968-30.968h-957.935v248.023c5.153-3.848 10.669-7.284 16.731-9.893-0.149-2.362-0.215-4.641-0.215-6.904 0-72.853 59.276-132.129 132.129-132.129 10.223 0 20.447 1.222 30.505 3.65 15.145-22.66 40.745-36.682 68.591-36.682 27.103 0 51.002 13.312 66.065 33.544v-0.512h627.613c5.814 0 11.33 1.189 16.516 3.039v-102.136zM990.968 117.677c0-9.1-7.416-16.516-16.516-16.516h-612.765c1.090 5.335 1.668 10.868 1.668 16.516 0 18.531-6.243 35.658-16.714 49.548h627.811c9.1 0 16.516-7.416 16.516-16.516v-33.032zM726.71 926.968c98.469 0 181.677-45.386 181.677-99.097s-83.208-99.097-181.677-99.097-181.677 45.386-181.677 99.097 83.208 99.097 181.677 99.097zM891.871 742.615v-212.034c0-9.1-7.416-16.516-16.516-16.516h-297.29c-9.1 0-16.516 7.416-16.516 16.516v212.034c39.077-28.804 98.040-46.873 165.161-46.873s126.084 18.069 165.161 46.873zM990.968 448c0-27.318-22.231-49.548-49.548-49.548h-858.839c-27.318 0-49.548 22.231-49.548 49.548v297.29c0 27.318 22.231 49.548 49.548 49.548h436.191c2.593-6.425 5.715-12.701 9.745-18.696v-245.562c0-27.318 22.231-49.548 49.548-49.548h297.29c27.318 0 49.548 22.231 49.548 49.548v245.562c4.030 5.979 7.151 12.271 9.745 18.696h6.772c27.318 0 49.548-22.231 49.548-49.548v-297.29zM726.71 761.806c89.369 0 148.645 39.771 148.645 66.065s-59.276 66.065-148.645 66.065c-89.369 0-148.645-39.771-148.645-66.065s59.276-66.065 148.645-66.065zM726.71 860.903c63.785 0 102.119-22.363 113.251-33.032-11.148-10.669-49.466-33.032-113.251-33.032s-102.119 22.363-113.251 33.032c11.132 10.669 49.466 33.032 113.251 33.032zM264.258 761.806h-99.097v-49.548h-33.032v-231.226h33.032v-49.548h99.097v49.548h33.032v231.226h-33.032v49.548zM264.258 514.065h-33.032v-49.548h-33.032v49.548h-33.032v165.161h33.032v49.548h33.032v-49.548h33.032v-165.161zM66.065 761.806h33.032v-33.032h-33.032v33.032zM330.323 761.806h33.032v-33.032h-33.032v33.032zM330.323 464.516h33.032v-33.032h-33.032v33.032zM66.065 464.516h33.032v-33.032h-33.032v33.032zM181.677 134.194c36.435 0 66.065 29.63 66.065 66.065s-29.63 66.065-66.065 66.065-66.065-29.63-66.065-66.065 29.63-66.065 66.065-66.065zM181.677 233.29c18.217 0 33.032-14.815 33.032-33.032s-14.815-33.032-33.032-33.032-33.032 14.815-33.032 33.032c0 18.217 14.815 33.032 33.032 33.032z" >
+<glyph unicode="&#xe930;" glyph-name="speedometer" d="M512 864c-228.28 0-414-185.718-414-414 0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 28.287 22.931 51.218 51.218 51.218s51.218-22.931 51.218-51.218v0c0-7.732 6.268-14 14-14v0h334.782c7.732 0 14 6.268 14 14v0c0 228.282-185.72 414-414 414zM787.522 639.872c2.524-3.929 6.872-6.496 11.819-6.496 2.785 0 5.38 0.813 7.561 2.215l-0.056-0.033 31.656 20.106c15.488-24.090 28.941-51.795 38.955-81.094l0.803-2.706-40.2-9.746c-6.187-1.538-10.7-7.045-10.7-13.606 0-7.732 6.268-14 14-14 1.171 0 2.309 0.144 3.396 0.415l-0.096-0.020 41.5 10.060c6.358-23.961 10.526-51.723 11.58-80.28l0.020-0.692h-307.782c-6.885 37.321-39.173 65.219-77.978 65.219s-71.093-27.898-77.903-64.731l-0.075-0.488h-307.772c1.074 29.249 5.242 57.011 12.193 83.647l-0.593-2.675 41.5-10.060c0.991-0.251 2.129-0.394 3.3-0.394 7.732 0 14 6.268 14 14 0 6.561-4.513 12.068-10.604 13.586l-0.096 0.020-40.2 9.746c11.164 33.017 25.203 61.622 42.388 87.99l-0.906-1.482 35.932-22.82c2.076-1.286 4.595-2.048 7.291-2.048 7.732 0 14 6.268 14 14 0 4.862-2.478 9.144-6.24 11.654l-0.051 0.032-34.924 22.184c19.964 26.409 42.273 49.406 67.089 69.418l0.745 0.582 26.288-32.708c2.588-3.2 6.513-5.229 10.913-5.229 7.733 0 14.001 6.269 14.001 14.001 0 3.333-1.165 6.394-3.109 8.798l0.021-0.026-25.622 31.874c23.67 16.526 50.748 31.011 79.495 42.146l2.629 0.896 13.016-35.756c2.014-5.42 7.142-9.212 13.156-9.212 7.732 0 14.001 6.268 14.001 14.001 0 1.718-0.31 3.365-0.876 4.886l0.032-0.097-12.982 35.132c29.098 8.991 62.664 14.662 97.394 15.706l0.57 0.014v-35.8c0-7.732 6.268-14 14-14s14 6.268 14 14v0 35.63c36.283-1.422 70.58-7.76 102.941-18.369l-2.659 0.755-13.4-37.068c-0.533-1.425-0.842-3.071-0.842-4.789 0-7.755 6.287-14.042 14.042-14.042 6.037 0 11.184 3.81 13.168 9.156l0.032 0.097 13.55 37.2c30.831-12.479 57.412-27.284 81.85-44.878l-1.144 0.784-22.726-28.276c-1.924-2.378-3.089-5.439-3.089-8.772 0-7.732 6.268-14.001 14.001-14.001 4.399 0 8.325 2.029 10.891 5.202l0.021 0.026 23.112 28.754c24.376-20.263 45.733-42.784 64.209-67.578l0.735-1.032-30.856-19.6c-3.931-2.523-6.497-6.872-6.497-11.82 0-2.786 0.814-5.382 2.217-7.563l-0.033 0.055zM512 922c-261.782 0-473.999-212.217-473.999-474 0-130.891 53.054-249.39 138.83-335.167l0.001-0.001c85.841-86.16 204.599-139.474 335.81-139.474 261.783 0 474 212.217 474 474 0 131.211-53.313 249.969-139.459 335.795l-0.014 0.014c-85.304 85.759-203.394 138.834-333.88 138.834-0.453 0-0.905-0.001-1.358-0.002h0.070zM827.37 132.63c-80.71-80.71-192.21-130.631-315.37-130.631-246.319 0-446.001 199.681-446.001 446.001 0 123.16 49.92 234.66 130.631 315.37v0c80.71 80.71 192.21 130.631 315.37 130.631 246.319 0 446.001-199.681 446.001-446.001 0-123.16-49.92-234.66-130.631-315.37v0zM512 466c-24.301 0-44-19.699-44-44s19.699-44 44-44c24.301 0 44 19.699 44 44v0c-0.028 24.289-19.711 43.972-43.997 44h-0.003zM512 406c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16v0c-0.010-8.832-7.168-15.99-15.999-16h-0.001zM525.8 722.384c-1.168 6.652-6.901 11.642-13.8 11.642s-12.632-4.99-13.788-11.558l-0.012-0.084-28-162c-0.13-0.717-0.204-1.542-0.204-2.384 0-7.732 6.268-14 14-14 0.002 0 0.003 0 0.005 0h56c0.001 0 0.003 0 0.004 0 7.732 0 14 6.268 14 14 0 0.842-0.074 1.667-0.217 2.469l0.012-0.085zM500.628 572l11.372 65.8 11.372-65.8z" >
+<glyph unicode="&#xe931;" glyph-name="maintenance-1" d="M50.656 366.542l90.050-8.68c10.328-41.321 26.095-77.656 46.813-110.561l-0.917 1.561-57.364-69.262c-2.002-2.404-3.217-5.525-3.217-8.93 0-3.866 1.567-7.367 4.101-9.9l95.254-95.256c2.534-2.534 6.034-4.101 9.9-4.101 3.406 0 6.527 1.216 8.954 3.238l-0.023-0.018 69.366 57.446c31.321-19.671 67.597-35.447 106.215-45.39l2.675-0.584 8.68-89.752c0.729-6.969 6.572-12.355 13.674-12.355 0.092 0 0.184 0.001 0.276 0.003h135.030c0.079-0.002 0.171-0.003 0.264-0.003 7.102 0 12.946 5.388 13.667 12.299l0.005 0.059 8.68 89.898c41.319 10.3 77.656 26.043 110.564 46.738l-1.564-0.918 69.27-57.4c2.406-2.007 5.53-3.226 8.939-3.226 3.862 0 7.358 1.563 9.891 4.092v0l95.256 95.246c2.532 2.533 4.098 6.032 4.098 9.897 0 3.404-1.215 6.524-3.234 8.95l0.018-0.023-57.446 69.366c19.672 31.325 35.449 67.606 45.392 106.228l0.584 2.674 88.862 8.668c7.124 0.716 12.64 6.681 12.64 13.934 0 0 0 0 0 0v0 135.044c-0.001 7.258-5.525 13.226-12.598 13.929l-0.058 0.005-90.050 8.68c-10.332 41.318-26.102 77.649-46.821 110.55l0.917-1.56 57.362 69.272c2.002 2.404 3.218 5.525 3.218 8.93 0 3.835-1.542 7.309-4.039 9.838l0.001-0.001-94.050 95.252c-2.54 2.572-6.065 4.165-9.963 4.165-3.404 0-6.525-1.215-8.951-3.235l0.023 0.018-69.37-57.448c-31.321 19.671-67.597 35.447-106.215 45.39l-2.675 0.584-8.68 89.752c-0.726 6.971-6.57 12.359-13.672 12.359-0.093 0-0.185-0.001-0.278-0.003h-135.030c-0.078 0.002-0.17 0.002-0.262 0.002-7.103 0-12.947-5.388-13.669-12.299l-0.005-0.059-8.68-89.898c-41.315-10.301-77.648-26.044-110.554-46.738l1.564 0.918-69.274 57.4c-2.406 2.008-5.531 3.227-8.942 3.227-3.861 0-7.358-1.563-9.891-4.092v0l-95.246-95.246c-2.532-2.533-4.099-6.033-4.099-9.898 0-3.403 1.214-6.523 3.233-8.949l-0.018 0.023 57.446-69.366c-19.672-31.321-35.448-67.597-45.39-106.216l-0.584-2.674-90.054-8.678c-7.131-0.708-12.655-6.676-12.656-13.934v0-135.046c0 0 0 0 0-0.001 0-7.259 5.524-13.227 12.598-13.931l0.058-0.005zM66 502.8l87.422 8.426c6.11 0.606 11.028 5.062 12.323 10.883l0.017 0.093c10.167 44.873 27.428 84.464 50.755 119.687l-0.827-1.329c1.401 2.144 2.235 4.769 2.235 7.589 0 3.404-1.215 6.525-3.236 8.952l0.018-0.023-55.774 67.362 77.23 77.23 67.352-55.776c2.404-2.002 5.525-3.217 8.929-3.217 2.894 0 5.583 0.878 7.815 2.383l-0.050-0.032c33.803 22.669 73.373 39.918 115.878 49.38l2.312 0.432c5.883 1.178 10.353 6.008 10.973 11.981l0.005 0.059 8.422 87.12h109.616l8.426-87.12c0.616-6.071 5.078-10.945 10.886-12.174l0.090-0.016c44.869-10.136 84.462-27.373 119.689-50.68l-1.331 0.828c2.139-1.392 4.755-2.22 7.565-2.22 3.416 0 6.546 1.223 8.977 3.256l-0.022-0.018 67.282 55.744 76.142-77.108-55.828-67.41c-2.001-2.404-3.216-5.524-3.216-8.928 0-2.894 0.878-5.582 2.382-7.814l-0.032 0.050c22.669-33.803 39.918-73.373 49.38-115.878l0.432-2.312c1.312-5.914 6.23-10.37 12.282-10.971l0.058-0.005 87.422-8.424v-109.63l-86.232-8.414c-6.103-0.613-11.013-5.066-12.307-10.881l-0.017-0.093c-10.168-44.872-27.428-84.463-50.755-119.687l0.827 1.329c-1.402-2.144-2.236-4.77-2.236-7.59 0-3.404 1.215-6.524 3.234-8.951l-0.018 0.023 55.778-67.354-77.232-77.23-67.352 55.776c-2.404 2.002-5.525 3.218-8.93 3.218-2.895 0-5.584-0.878-7.816-2.383l0.050 0.032c-33.8-22.67-73.368-39.919-115.871-49.38l-2.311-0.432c-5.882-1.178-10.351-6.008-10.971-11.981l-0.005-0.059-8.426-87.112h-109.61l-8.424 87.12c-0.616 6.072-5.079 10.946-10.888 12.174l-0.090 0.016c-44.868 10.137-84.461 27.375-119.687 50.681l1.331-0.827c-2.138 1.392-4.755 2.219-7.564 2.219-3.417 0-6.547-1.224-8.978-3.257l0.022 0.018-67.352-55.8-77.236 77.226 55.774 67.348c2.001 2.404 3.216 5.524 3.216 8.928 0 2.894-0.878 5.582-2.382 7.814l0.032-0.050c-22.669 33.803-39.918 73.373-49.38 115.878l-0.432 2.312c-1.312 5.914-6.23 10.37-12.282 10.971l-0.058 0.005-87.422 8.424zM512.6 171.072c152.698 0 276.928 124.228 276.928 276.928s-124.226 276.928-276.928 276.928-276.926-124.228-276.926-276.928 124.23-276.928 276.926-276.928zM512.6 696.928c0 0 0.001 0 0.002 0 137.479 0 248.928-111.449 248.928-248.928s-111.449-248.928-248.928-248.928c-137.479 0-248.928 111.449-248.928 248.928v0c0.155 137.416 111.51 248.772 248.911 248.928h0.015zM387.188 432.526l-8.388-27.982c-0.422-1.15-0.708-2.481-0.798-3.866l-0.002-0.042v-91.816c0.242-22.516 18.486-40.69 41.006-40.82h21.228c22.015 0.233 39.771 18.134 39.771 40.182 0 0.224-0.002 0.448-0.006 0.672v-0.034 91.816c0.041 0.4 0.065 0.864 0.065 1.333 0 0.911-0.088 1.801-0.257 2.662l0.014-0.087-7.946 27.982c6.466 1.257 11.28 6.874 11.28 13.616 0 7.654-6.204 13.858-13.858 13.858-0.016 0-0.032 0-0.048 0h-25.25v152.096c0 7.732-6.268 14-14 14s-14-6.268-14-14v0-152.096h-26c-0.039 0-0.086 0.001-0.132 0.001-7.659 0-13.868-6.209-13.868-13.868 0-6.711 4.767-12.309 11.099-13.592l0.089-0.015zM406 398.642l10.266 33.358h26.72l9.014-33.358v-89.822c0-6.906-4.86-12.82-11.766-12.82h-21.216c-7.075 0.111-12.795 5.762-13.017 12.799l-0.001 0.021zM520 467.868v-159.468c0-22.091 17.909-40 40-40s40 17.909 40 40v0 159.468c28 14.952 48.242 45.562 48.242 79 0 0.045 0 0.097 0 0.15 0 34.517-19.81 64.408-48.681 78.923l-0.508 0.231c-1.881 0.93-4.095 1.475-6.436 1.475-2.799 0-5.417-0.778-7.648-2.13l0.066 0.037c-4.115-2.473-6.866-6.849-7.035-11.878l-0.001-0.024v-35.28l-18.532-12.568-19.5 13.762 0.2 34.082c0 0.034 0 0.075 0 0.115 0 7.705-6.247 13.952-13.952 13.952-2.27 0-4.413-0.542-6.308-1.504l0.079 0.037c-29.194-14.9-48.837-44.749-48.837-79.186s19.643-64.286 48.336-78.953l0.501-0.233zM512.156 584.886l-0.042-12.548c0-0.014 0-0.030 0-0.047 0-4.727 2.343-8.907 5.93-11.442l0.044-0.029 33.498-23.436c2.237-1.582 5.021-2.529 8.026-2.529 2.892 0 5.579 0.877 7.81 2.379l-0.050-0.032 32.726 22.018c3.589 2.505 5.907 6.615 5.907 11.267 0 0.136-0.002 0.272-0.006 0.407v-0.020 13.988c10-10.546 13.66-23.832 13.66-38 0-0.073 0-0.159 0-0.245 0-25.671-15.992-47.607-38.556-56.389l-0.412-0.141c-5.133-2.034-8.698-6.956-8.698-12.71 0-0.139 0.002-0.278 0.006-0.416v0.020-168.58c0-6.627-5.373-12-12-12s-12 5.373-12 12v0 168.58c-0.154 6.021-4 11.105-9.351 13.084l-0.099 0.032c-23.2 8.899-39.4 30.926-39.55 56.757v0.019c-0.001 0.132-0.002 0.289-0.002 0.446 0 14.264 4.96 27.369 13.249 37.686l-0.091-0.117z" >
+<glyph unicode="&#xe932;" glyph-name="shopping-bags" d="M1017.403 609.096c-5.004 4.917-11.998 7.248-18.953 6.317h-271.652v120.034c0 118.629-96.166 214.795-214.795 214.795s-214.795-96.166-214.795-214.795v-120.034h-271.657c-7.582 0-15.161 0-18.953-6.317-5.093-4.895-7.456-11.981-6.317-18.953l94.764-518.036c13.238-72.265 75.636-125.144 149.094-126.351h535.725c73.668 1.811 135.935 55.109 149.094 127.613l94.764 516.774c1.139 6.972-1.224 14.058-6.317 18.953zM347.745 735.447c0 90.715 73.539 164.255 164.255 164.255s164.255-73.539 164.255-164.255v-120.034h-328.509v120.034zM878.416 79.688c-8.51-47.887-49.919-82.925-98.553-83.392h-535.725c-48.635 0.467-90.043 35.502-98.553 83.392l-89.709 485.184h912.249l-89.709-485.184zM701.527 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c-0.002-13.957 11.313-25.27 25.27-25.27zM322.475 318.491c13.957 0 25.27 11.313 25.27 25.27v75.81c0 13.957-11.313 25.27-25.27 25.27s-25.27-11.313-25.27-25.27v-75.81c0-13.957 11.313-25.27 25.27-25.27z" >
+<glyph unicode="&#xe933;" glyph-name="shopping-cart" d="M827.473 233.886c42.577 0.446 79.805 29.202 90.728 70.442l104.995 390.999c3.344 12.706-4.013 25.636-16.719 29.202-2.006 0.446-4.013 0.892-6.019 0.892h-789.8l-53.723 198.397c-2.675 10.254-12.038 17.611-22.738 17.611h-134.197v-47.482h115.472l51.94-193.939c-0.223-1.56-0.223-3.121 0-4.681l107.001-392.336c0.669-3.121 1.783-6.465 2.898-9.585l36.113-131.522c-34.775-18.502-58.405-55.061-58.405-97.192 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 18.948-4.904 37.004-13.375 52.609-2.006 3.567-4.013 7.133-6.465 10.7h280.208c-12.483-17.833-20.063-39.679-20.063-63.309 0-60.857 49.265-110.122 110.122-110.122s110.122 49.265 110.122 110.122c0 28.756-10.923 54.838-28.979 74.455-19.394 22.069-47.927 36.113-79.805 36.336h-466.122l-16.719 61.303c7.133-1.783 14.49-2.898 21.846-2.898h461.441zM825.913 128c34.998 0 63.309-28.311 63.309-63.309s-28.311-63.309-63.309-63.309c-34.998 0-63.309 28.311-63.309 63.309s28.311 63.309 63.309 63.309zM365.14 128c34.998 0 63.086-28.534 63.086-63.309 0-34.998-28.311-63.309-63.309-63.309s-63.086 28.311-63.086 63.309 28.311 63.309 63.309 63.309zM322.786 311.461l-53.277 194.831-47.482 171.201h746.554l-96.524-362.465c-5.35-20.731-23.852-35.221-45.252-35.667h-461.218c-19.394 1.115-36.336 13.598-42.8 32.1z" >
+<glyph unicode="&#xe934;" glyph-name="view" d="M1017.492 467.917c-9.148 12.514-227.114 306.413-505.497 306.413s-496.359-293.899-505.497-306.401c-8.664-11.872-8.664-27.974 0-39.846 9.138-12.514 227.114-306.413 505.497-306.413s496.349 293.901 505.497 306.403c8.676 11.87 8.676 27.984 0 39.844zM511.995 189.186c-205.058 0-382.661 195.066-435.235 258.837 52.506 63.826 229.736 258.791 435.235 258.791 205.048 0 382.639-195.032 435.235-258.837-52.506-63.824-229.736-258.791-435.235-258.791zM511.995 650.549c-111.684 0-202.55-90.866-202.55-202.55s90.866-202.55 202.55-202.55 202.55 90.866 202.55 202.55-90.866 202.55-202.55 202.55zM511.995 312.967c-74.46 0-135.032 60.574-135.032 135.032s60.574 135.032 135.032 135.032 135.032-60.574 135.032-135.032-60.572-135.032-135.032-135.032z" >
+<glyph unicode="&#xe935;" glyph-name="phone-call" d="M943.158 285.776c-63.166 0-125.035 9.863-183.726 29.265-28.618 9.863-61.064 2.264-79.925-16.924l-116.251-87.795c-133.337 71.141-218.706 156.457-288.983 288.93l85.422 113.502c21.504 21.557 29.212 52.979 19.996 82.459-19.458 58.962-29.373 120.887-29.373 183.944 0 44.572-36.27 80.842-80.842 80.842h-188.633c-44.572 0-80.842-36.27-80.842-80.842 0-520.030 423.128-943.158 943.158-943.158 44.572 0 80.842 36.27 80.842 80.842v188.092c0 44.572-36.27 80.842-80.842 80.842zM970.106 16.842c0-14.875-12.126-26.948-26.948-26.948-490.336 0-889.264 398.928-889.264 889.264 0 14.875 12.126 26.948 26.948 26.948h188.633c14.822 0 26.948-12.073 26.948-26.948 0-68.824 10.78-136.409 31.905-200.489 3.125-10.077 0.594-20.481-9.269-30.72l-98.089-129.886c-6.197-8.246-7.167-19.293-2.478-28.456 79.925-156.995 176.991-254.115 335.119-335.119 9.107-4.742 20.264-3.772 28.509 2.478l132.69 100.568c7.223 7.114 17.838 9.592 27.433 6.414 64.459-21.289 132.043-32.067 200.921-32.067 14.822 0 26.948-12.073 26.948-26.948v-188.092z" >
+<glyph unicode="&#xe936;" glyph-name="calendar" d="M917.839 826.632h-64.283v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-261.401v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-264.069v50.947c0 14.67-12.003 26.674-26.674 26.674s-26.674-12.003-26.674-26.674v-50.947h-61.616c-58.682 0-106.428-49.346-106.428-108.028v-620.162c0-58.949 47.479-106.694 106.428-106.694h811.145c58.949 0 106.428 47.746 106.428 106.428v620.428c0.267 58.682-47.479 108.028-106.161 108.028zM970.92 98.442c0-29.341-23.473-53.080-52.814-53.347h-811.678c-29.341 0-53.080 23.74-53.080 53.080v620.428c0 29.608 23.74 54.681 53.080 54.681h61.616v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h264.069v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h261.401v-38.677c0-14.67 12.003-26.674 26.674-26.674s26.674 12.003 26.674 26.674v38.677h64.283c29.608 0 53.080-25.34 53.080-54.681v-620.162zM441.982 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM627.63 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 599.906h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 415.858h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674zM814.879 415.858h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM441.982 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-12.003 26.674-26.674 26.674zM255 234.478h-46.946c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.407 26.674zM627.63 234.478h-46.679c-14.67 0-26.674-12.003-26.674-26.674s12.003-26.674 26.674-26.674h46.679c14.67 0 26.674 12.003 26.674 26.674s-11.736 26.674-26.674 26.674z" >
+<glyph unicode="&#xe937;" glyph-name="calendar-1" d="M889.864 316.322c-17.91 17.912-47.058 17.91-64.974-0.002l-107.966-107.968-37.74 37.742c-17.912 17.91-47.060 17.91-64.974 0-17.914-17.914-17.914-47.064 0-64.978l70.228-70.228c8.678-8.674 20.216-13.454 32.488-13.454s23.81 4.78 32.488 13.456l140.454 140.454c8.678 8.676 13.458 20.216 13.458 32.49-0.004 12.268-4.782 23.808-13.462 32.488zM868.552 272.654l-140.456-140.456c-2.986-2.986-6.956-4.63-11.178-4.63s-8.192 1.644-11.178 4.63l-70.228 70.228c-2.982 2.986-4.626 6.956-4.626 11.178 0 4.224 1.644 8.192 4.63 11.178 3.082 3.082 7.13 4.624 11.178 4.624s8.096-1.542 11.178-4.624l48.394-48.396c2.824-2.824 6.658-4.412 10.654-4.412s7.83 1.588 10.654 4.412l118.62 118.622c6.164 6.166 16.194 6.166 22.356 0.004 2.988-2.988 4.632-6.958 4.632-11.18 0.002-4.224-1.644-8.192-4.63-11.178zM960.698 384.314v119.484c0 8.324-6.746 15.068-15.068 15.068s-15.068-6.744-15.068-15.068v-88.558c-20.080 17.472-42.504 31.806-66.502 42.658-0.898 0.408-1.806 0.796-2.71 1.194-0.916 0.402-1.828 0.812-2.748 1.204-1.61 0.69-3.23 1.352-4.856 2.010-0.206 0.084-0.412 0.17-0.62 0.254-13.446 5.404-27.42 9.758-41.82 12.972v88.536c0 8.324-6.746 15.068-15.068 15.068h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-90.526c-46.922-12.012-89.914-36.476-124.97-71.748-5.866-5.904-5.836-15.446 0.066-21.31 5.902-5.862 15.442-5.834 21.31 0.066 45.738 46.026 106.658 71.374 171.538 71.374 2.15 0 4.296-0.030 6.438-0.086 0.374-0.010 0.746-0.032 1.12-0.042 1.792-0.056 3.584-0.122 5.37-0.218 0.284-0.014 0.562-0.038 0.846-0.054 1.896-0.108 3.792-0.232 5.682-0.384 0.136-0.012 0.274-0.024 0.412-0.036 27.84-2.294 54.862-9.38 79.946-20.752 0.864-0.394 1.718-0.804 2.578-1.206 0.882-0.412 1.766-0.822 2.644-1.246 1.542-0.748 3.078-1.51 4.602-2.29 0.15-0.076 0.302-0.15 0.452-0.228 78.15-40.124 131.744-121.566 131.744-215.288 0-133.344-108.484-241.828-241.83-241.828-124.994 0-228.144 95.322-240.572 217.092-0.006 0.058-0.010 0.116-0.016 0.174-0.192 1.914-0.364 3.838-0.514 5.764-0.032 0.414-0.054 0.832-0.084 1.246-0.116 1.616-0.224 3.23-0.31 4.854-0.046 0.916-0.076 1.834-0.112 2.752-0.048 1.17-0.102 2.336-0.134 3.508-0.054 2.14-0.086 4.286-0.086 6.434 0 44.372 12.118 87.756 35.044 125.458 4.324 7.11 2.066 16.378-5.044 20.702-7.114 4.324-16.38 2.066-20.702-5.046-25.798-42.422-39.432-91.218-39.432-141.114 0-2.234 0.032-4.462 0.084-6.686 0.012-0.51 0.034-1.018 0.050-1.526 0.052-1.776 0.116-3.552 0.202-5.322 0.020-0.424 0.046-0.846 0.070-1.27 0.102-1.944 0.228-3.888 0.37-5.826 0.014-0.184 0.028-0.372 0.042-0.558 1.93-25.286 7.318-49.892 16.132-73.534h-466.892v243.622c0 8.324-6.746 15.068-15.068 15.068s-15.066-6.744-15.066-15.068v-258.684c0-8.324 6.746-15.068 15.068-15.068h495.41c45.314-87.312 136.58-147.108 241.558-147.108 149.962 0 271.964 122.004 271.964 271.962 0 66.232-23.808 127-63.302 174.222zM781.172 482.056h-66.946v66.944h66.946v-66.944zM262.576 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM247.508 482.056h-66.944v66.944h66.946v-66.944zM440.464 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c-0.002 8.324-6.748 15.068-15.068 15.068zM425.396 482.056h-66.946v66.944h66.946v-66.944zM618.352 579.136h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.078c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.078c0 8.324-6.746 15.068-15.068 15.068zM603.286 482.056h-66.946v66.944h66.946v-66.944zM262.576 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c0 8.324-6.746 15.068-15.068 15.068zM247.508 273.642h-66.944v66.946h66.946v-66.946zM440.464 370.722h-97.080c-8.322 0-15.068-6.744-15.068-15.068v-97.080c0-8.324 6.746-15.068 15.068-15.068h97.080c8.322 0 15.068 6.744 15.068 15.068v97.080c-0.002 8.324-6.746 15.068-15.068 15.068zM425.396 273.642h-66.946v66.946h66.946v-66.946zM946.15 843.628h-94.14v54.452c0 32.968-26.822 59.79-59.788 59.79-32.968 0-59.788-26.822-59.788-59.79v-54.452h-503.13v54.452c0 32.968-26.822 59.79-59.788 59.79s-59.788-26.822-59.788-59.79v-54.452h-94.66c-8.322 0-15.068-6.744-15.068-15.066v-409.304c0-8.322 6.746-15.066 15.068-15.066s15.068 6.746 15.068 15.068v231.146h900.43v-86.34c0-8.324 6.746-15.068 15.068-15.068s15.068 6.744 15.068 15.068v97.542c0.328 1.236 0.518 2.526 0.518 3.864v163.090c-0.002 8.322-6.748 15.066-15.070 15.066zM762.57 898.080c0 16.352 13.304 29.654 29.652 29.654 16.352 0 29.652-13.304 29.652-29.654v-117.818c0-2.044-0.208-4.040-0.602-5.968-2.77-13.5-14.744-23.686-29.050-23.686-16.352 0-29.652 13.304-29.652 29.654v117.818zM139.864 898.080c0 16.352 13.302 29.654 29.652 29.654s29.652-13.304 29.652-29.654v-117.818c0-16.352-13.304-29.654-29.652-29.654s-29.652 13.306-29.652 29.656v117.816zM930.564 680.542h-899.91v132.954h79.074v-33.232c0-32.968 26.82-59.79 59.788-59.79s59.788 26.822 59.788 59.79v33.232h503.134v-33.232c0-32.968 26.822-59.79 59.788-59.79 32.968 0 59.788 26.822 59.788 59.79v33.232h78.556v-132.954z" >
+<glyph unicode="&#xe938;" glyph-name="right-arrow-angle" d="M798.813 480.478l-512.425 466.975c-16.815 16.73-44.086 16.73-60.901 0-16.815-16.729-16.815-43.872 0-60.602l481.528-438.851-481.485-438.85c-16.815-16.73-16.815-43.874 0-60.602s44.086-16.729 60.9 0l512.426 466.975c8.962 8.918 12.805 20.742 12.206 32.434 0.557 11.737-3.284 23.559-12.249 32.521z" >
+<glyph unicode="&#xe939;" glyph-name="down-arrow-1" d="M1011.453 734.482c-16.73 16.816-43.875 16.816-60.605 0l-438.824-481.508-438.869 481.508c-16.73 16.816-43.876 16.816-60.607 0s-16.73-44.089 0-60.903l466.996-512.403c8.92-8.963 20.785-12.803 32.437-12.208 11.692-0.596 23.517 3.244 32.437 12.208l467.038 512.448c16.729 16.812 16.729 44.042-0.002 60.858z" >
+<glyph unicode="&#xe93a;" glyph-name="up-arrow-angle" d="M1011.453 222.939l-466.996 511.252c-8.92 8.963-20.786 12.762-32.437 12.164-11.694 0.597-23.519-3.201-32.438-12.164l-467.034-511.252c-16.73-16.772-16.73-44.002 0-60.776s43.876-16.772 60.607 0l438.869 480.484 438.824-480.484c16.73-16.772 43.875-16.772 60.605 0 16.73 16.771 16.73 44.002 0 60.776z" >
+<glyph unicode="&#xe93b;" glyph-name="search" d="M1014.294-8.29l-264.38 260.155c69.233 75.219 111.771 174.698 111.771 284.164-0.033 234.168-192.91 423.971-430.854 423.971s-430.821-189.803-430.821-423.971 192.877-423.971 430.821-423.971c102.808 0 197.102 35.56 271.168 94.678l265.406-261.181c12.932-12.74 33.927-12.74 46.859 0 12.962 12.738 12.962 33.415 0.030 46.155zM430.831 177.289c-201.326 0-364.533 160.613-364.533 358.74s163.207 358.74 364.533 358.74c201.328 0 364.533-160.613 364.533-358.74s-163.205-358.74-364.533-358.74z" >
+<glyph unicode="&#xe93c;" glyph-name="share" d="M787.692 329.846c-69.711 0-130.599-36.432-165.573-91.057l-210.865 120.517c13.587 26.782 21.977 56.596 21.977 88.694 0 19.811-3.821 38.557-9.256 56.596l219.412 125.362c35.959-38.992 87.079-63.805 144.305-63.805 108.74 0 196.923 88.183 196.923 196.923s-88.183 196.923-196.923 196.923-196.923-88.183-196.923-196.923c0-19.811 3.821-38.557 9.255-56.596l-219.411-125.401c-35.959 39.031-87.080 63.843-144.305 63.843-108.74 0-196.923-88.143-196.923-196.923 0-108.74 88.183-196.923 196.923-196.923 44.898 0 85.78 15.596 118.901 40.92l-0.748-1.535 238.434-136.271c-0.748-7.089-2.127-13.981-2.127-21.268 0-108.74 88.183-196.923 196.923-196.923s196.923 88.183 196.923 196.923-88.183 196.923-196.923 196.923zM787.692 881.231c65.261 0 118.154-52.894 118.154-118.154s-52.893-118.154-118.154-118.154-118.154 52.894-118.154 118.154 52.893 118.154 118.154 118.154zM236.308 329.846c-65.26 0-118.154 52.893-118.154 118.154s52.894 118.154 118.154 118.154 118.154-52.894 118.154-118.154c0-65.261-52.894-118.154-118.154-118.154zM787.692 14.769c-65.261 0-118.154 52.893-118.154 118.154s52.893 118.154 118.154 118.154 118.154-52.893 118.154-118.154-52.893-118.154-118.154-118.154z" >
+<glyph unicode="&#xe93d;" glyph-name="left-arrow-1" d="M331.295 447.762l444.985 444.985c15.384 15.386 15.384 40.33 0 55.716-15.388 15.381-40.33 15.381-55.716 0l-472.843-472.843c-15.381-15.386-15.381-40.33 0-55.716l472.843-472.843c15.654-15.118 40.598-14.684 55.716 0.97 14.746 15.27 14.746 39.478 0 54.746l-444.985 444.985z" >
+<glyph unicode="&#xe93e;" glyph-name="quotation" d="M1021.273 249.945c-36.039 106.625-18.891 209.937-17.578 217.422 6.086 27.039 9.125 54.875 9.023 82.75-0.57 161.125-103.617 301.992-256.414 350.523-7.883 2.5-16.328-1.859-18.844-9.75-2.508-7.898 1.859-16.328 9.758-18.844 140.336-44.57 234.976-173.992 235.5-322.039 0.094-25.734-2.719-51.422-8.359-76.367-0.047-0.219-0.094-0.437-0.133-0.656-0.852-4.727-20.445-117.047 18.633-232.648 2.391-7.086 1.023-14.477-3.766-20.273-4.805-5.82-12.141-8.695-19.625-7.664-31.672 4.312-59.055 12.594-81.398 24.609-32.031 17.227-70.062 18.719-101.75 3.992-46.82-21.766-96.937-32.336-149.078-31.391-88.344 1.586-171.547 37.297-234.289 100.555-62.734 63.25-97.781 146.75-98.672 235.109-0.906 90.164 33.187 175.391 96 239.984 62.687 64.461 146.664 100.922 236.461 102.68 17.602 0.344 35.289-0.648 52.562-2.953 8.195-1.109 15.75 4.68 16.844 12.891s-4.68 15.758-12.891 16.852c-18.773 2.5-37.984 3.57-57.102 3.203-97.742-1.906-189.148-41.594-257.383-111.758-28.094-28.891-50.898-61.578-67.969-96.875-82.93-15.68-158.516-59.82-212.961-124.422-55.508-65.867-86.25-150.016-86.562-236.961-0.102-27.875 2.937-55.719 9.023-82.758 1.32-7.484 18.477-110.742-17.578-217.414-5.711-16.891-2.328-35.203 9.047-48.977 11.461-13.891 28.961-20.734 46.812-18.297 35.242 4.805 66.047 14.195 91.555 27.914 23.75 12.781 51.75 13.977 74.898 3.211 48.898-22.734 110.523-34.18 162.258-34.18 58.242 0 116.102 16.203 167.359 43.828 49.609 26.734 93.227 65.156 126.148 111.109 4.828 6.734 3.281 16.109-3.453 20.93-6.734 4.828-16.109 3.273-20.93-3.453-30.281-42.266-70.391-77.594-116-102.172-47.062-25.375-100.203-39.289-153.656-40.25-52.086-0.937-102.266 9.625-149.078 31.391-31.68 14.734-69.719 13.234-101.75-3.992-22.336-12.016-49.727-20.297-81.406-24.609-7.477-1.023-14.812 1.844-19.625 7.664-4.781 5.797-6.156 13.187-3.758 20.273 38.977 115.312 19.602 227.258 18.633 232.617-0.039 0.227-0.086 0.461-0.133 0.687-5.641 24.945-8.453 50.641-8.367 76.375 0.289 79.914 28.523 157.242 79.5 217.734 45.625 54.133 107.406 92.633 175.727 109.898-15.039-41.242-22.68-85.281-22.227-130.477 0.977-96.211 39.109-187.101 107.375-255.93 68.273-68.828 158.836-109.422 255.047-109.422 59.609 0 113.359 11.445 162.266 34.18 23.148 10.766 51.148 9.562 74.891-3.203 25.516-13.727 56.32-23.117 91.562-27.922 17.844-2.422 35.344 4.414 46.812 18.297 11.367 13.773 14.75 32.086 9.039 48.977zM536.109 661.68h-47.25c-30.828 0-55.914-25.086-55.914-55.914v-56.516c0-30.836 25.086-55.922 56-55.922h0.008c0.43 0 23.977-0.211 34.773-22.211 5.5-11.219 9.047-23.289 10.523-35.867 1.883-16.062 11.586-32.789 37.055-32.789 12.922 0 24.844 6.703 31.711 18.305 20.367 34.453 39.781 93.211 16.609 177.531-10.266 37.32-44.602 63.383-83.516 63.383zM577.187 436.039c-2.375-4.008-6.125-3.703-7.625-3.383-1.844 0.391-5.008 1.703-5.523 6.094-1.875 15.961-6.375 31.297-13.383 45.586-18.82 38.359-59.219 39-61.727 39-0.023 0-0.047 0-0.070 0-14.289 0-25.914 11.625-25.914 25.914v56.516c0 14.289 11.625 25.914 25.914 25.914h47.25c25.445 0 47.898-16.992 54.586-41.328 16.367-59.555 11.82-111.477-13.508-154.312zM656.781 605.766v-56.516c0-30.836 25.086-55.922 55.875-55.922 0.984-0.008 24.281-0.547 34.906-22.211 5.508-11.219 9.047-23.289 10.523-35.867 1.883-16.062 12.977-32.789 37.055-32.789 12.93 0 24.852 6.703 31.719 18.305 20.367 34.445 39.781 93.211 16.602 177.531-10.258 37.312-44.594 63.383-83.508 63.383h-47.25c-30.836 0-55.922-25.086-55.922-55.914zM686.781 605.766c0 14.289 11.633 25.914 25.922 25.914h47.25c25.445 0 47.891-16.992 54.578-41.336 16.367-59.547 11.828-111.469-13.5-154.305-2.375-4.008-6.133-3.703-7.633-3.383-1.836 0.391-5 1.703-5.516 6.094-1.875 15.961-6.375 31.305-13.383 45.586-18.828 38.359-59.227 39-61.727 39-0.031 0-0.055 0-0.070 0-14.297 0-25.922 11.625-25.922 25.914z" >
+<glyph unicode="&#xe93f;" glyph-name="user" d="M512 960c-148.878 0-270-121.122-270-270s121.122-270 270-270 270 121.122 270 270-121.122 270-270 270zM512 480c-115.794 0-210 94.206-210 210s94.206 210 210 210c115.794 0 210-94.206 210-210s-94.206-210-210-210zM595.666 358h-167.334c-138.404 0-274.994-63.902-366.332-200.916v-221.084h900v221.084c-91.206 136.816-227.758 200.916-366.334 200.916zM902.002-4h-780.002v142.726c70.062 99.908 183.904 159.274 306.334 159.274h167.334c122.43 0 236.27-59.366 306.334-159.274v-142.726z" >
+<glyph unicode="&#xe940;" glyph-name="tag" d="M907.067 849.53c-0.054 43.006-34.923 77.854-77.939 77.854h-326.354c-20.671 0-40.494-8.209-55.112-22.824l-424.825-424.738c-30.446-30.439-30.449-79.795-0.007-110.241l326.354-326.357c15.219-15.219 35.169-22.832 55.119-22.832 12.557 0 24.978 3.371 36.356 9.403 41.639 34.29-19.967-25.292 443.582 438.164 14.623 14.62 22.837 34.448 22.837 55.124 0 331.038 0.002 274.489-0.010 326.447zM868.103 523.085c0-10.411-4.056-20.201-11.417-27.562l-424.828-424.745c-7.361-7.361-17.149-11.415-27.56-11.415s-20.196 4.056-27.56 11.415l-326.349 326.359c-7.361 7.361-11.415 17.151-11.415 27.56 0 10.411 4.056 20.198 11.417 27.56l424.825 424.74c7.361 7.359 17.146 11.412 27.557 11.412h326.357c21.489 0 38.974-17.485 38.974-38.974v-326.349zM985.026 849.435v-365.321c0-10.411-4.056-20.201-11.417-27.562l-460.455-460.372 27.557-27.56 460.453 460.37c14.623 14.62 22.837 34.448 22.837 55.124v365.321h-38.974zM692.718 790.973c-42.972 0-77.949-34.958-77.949-77.949s34.977-77.949 77.949-77.949 77.949 34.958 77.949 77.949-34.979 77.949-77.949 77.949zM692.718 674.050c-21.504 0-38.974 17.49-38.974 38.974s17.47 38.974 38.974 38.974 38.974-17.49 38.974-38.974-17.47-38.974-38.974-38.974z" >
+<glyph unicode="&#xe941;" glyph-name="play" d="M946.685 492.645l-819.197 460.799c-15.872 8.909-35.225 8.704-50.893-0.41-15.77-9.216-25.395-26.010-25.395-44.237v-921.597c0-18.227 9.626-35.021 25.395-44.237 7.987-4.608 16.896-6.963 25.805-6.963 8.602 0 17.306 2.15 25.088 6.554l819.197 460.799c16.077 9.114 26.112 26.112 26.112 44.646s-10.035 35.533-26.112 44.646z" >
+<glyph unicode="&#xe942;" glyph-name="done" d="M941.602 838.588l-616.378-616.378-242.825 242.825-82.398-82.398 325.223-325.223 698.777 698.777z" >
+<glyph unicode="&#xe943;" glyph-name="electric-car" d="M968.016 532.48l-60.032 48.032c-0.24 0.192-0.48 0.432-0.72 0.624l55.888 11.184c7.472 1.488 12.848 8.048 12.848 15.68v48c0 8.832-7.168 16-16 16h-80c-8.832 0-16-7.168-16-16v-28.032c-0.368 0.496-0.736 0.992-1.104 1.488-1.008 2.784-2.8 5.056-5.072 6.864-9.008 12.752-16.72 25.52-21.744 36.56l-27.040 59.472c-17.232 37.936-63.376 67.648-105.040 67.648h-384c-41.664 0-87.808-29.712-105.040-67.648l-27.024-59.456c-5.024-11.040-12.736-23.824-21.744-36.576-2.272-1.808-4.048-4.080-5.072-6.864-0.368-0.496-0.72-0.976-1.104-1.488v28.032c0 8.832-7.168 16-16 16h-80.016c-8.832 0-16-7.168-16-16v-48c0-7.632 5.376-14.192 12.864-15.68l55.888-11.184c-0.24-0.192-0.48-0.432-0.72-0.624l-60.048-48.032c-31.392-25.12-55.984-76.288-55.984-116.48v-272c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v32h576v-32c0-26.464 21.536-48 48-48h128c26.464 0 48 21.536 48 48v272c0 40.192-24.592 91.36-55.984 116.48zM822.624 208l-36.688 36.688c-15.568 15.568-43.92 27.312-65.936 27.312h-424c-22.016 0-50.368-11.744-65.936-27.312l-36.688-36.688h-113.376c-26.464 0-48 21.536-48 48v80h16v-16c0-35.296 28.704-64 64-64h48c8.832 0 16 7.168 16 16s-7.168 16-16 16h-48c-17.648 0-32 14.352-32 32v16h32c13.28 0 33.92-8.544 43.312-17.936 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c6.256 6.256 6.256 16.368 0 22.624-15.568 15.568-43.904 27.312-65.936 27.312h-80v48c0 5.648 0.896 11.744 2.16 17.968 10.24-10.688 25.136-17.968 45.84-17.968h128c4.24 0 8.304 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h185.376l43.312-43.312c3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688l43.312 43.312h185.376c4.24 0 8.32 1.68 11.312 4.688l20.688 20.688 20.688-20.688c2.992-3.008 7.072-4.688 11.312-4.688h128c20.704 0 35.6 7.28 45.84 17.968 1.264-6.224 2.16-12.32 2.16-17.968v-48h-80c-22.016 0-50.368-11.744-65.936-27.312-6.256-6.256-6.256-16.368 0-22.624 3.12-3.12 7.216-4.688 11.312-4.688s8.192 1.568 11.312 4.688c9.392 9.392 30.032 17.936 43.312 17.936h32v-16c0-17.648-14.352-32-32-32h-48c-8.832 0-16-7.168-16-16s7.168-16 16-16h48c35.296 0 64 28.704 64 64v16h16v-80c0-26.464-21.536-48-48-48zM777.376 208h-538.752l14.064 14.064c9.392 9.392 30.032 17.936 43.312 17.936h424c13.28 0 33.92-8.544 43.312-17.936zM184.96 608h654.080c15.504-20.496 33.216-39.888 48.944-52.48l19.248-15.392-113.168-45.264c-0.016 0-0.016-0.016-0.032-0.016-1.936-0.784-3.76-1.952-5.328-3.52l-43.328-43.328h-185.376c-4.24 0-8.32-1.68-11.312-4.688l-36.688-36.688-36.688 36.688c-2.992 3.008-7.072 4.688-11.312 4.688h-185.376l-43.312 43.312c-1.568 1.568-3.392 2.736-5.328 3.52-0.016 0-0.016 0.016-0.032 0.016l-113.168 45.264 19.248 15.392c15.712 12.608 33.424 32 48.928 52.496zM975.056 473.296c-3.216-16.72-13.584-25.296-31.056-25.296h-121.376l-16 16 2.368 2.368 126.96 50.784 12.064-9.664c10.144-8.112 19.504-20.448 27.040-34.192zM896 640h48v-18.88l-48-9.6zM217.040 659.648l27.024 59.456c12.064 26.512 46.832 48.896 75.936 48.896h384c29.104 0 63.872-22.384 75.92-48.88l27.040-59.472c2.816-6.176 6.48-12.848 10.496-19.648h-610.912c4.016 6.8 7.696 13.472 10.496 19.648zM80 640h48v-28.48l-48 9.6zM75.968 507.488l12.064 9.664 126.976-50.784 2.368-2.368-16-16h-121.376c-17.472 0-27.84 8.576-31.056 25.296 7.536 13.744 16.88 26.080 27.024 34.192zM176 128h-128c-8.816 0-16 7.184-16 16v48.4c13.408-10.144 29.92-16.4 48-16.4h112v-32c0-8.816-7.184-16-16-16zM976 128h-128c-8.816 0-16 7.184-16 16v32h112c18.080 0 34.592 6.256 48 16.4v-48.4c0-8.816-7.184-16-16-16z" >
+<glyph unicode="&#xe944;" glyph-name="cog" d="M787.203 835.077c-61.687 0-111.866-50.187-111.866-111.874 0-61.674 50.179-111.861 111.866-111.861s111.866 50.187 111.866 111.861c0 61.687-50.179 111.874-111.866 111.874zM787.203 636.941c-47.569 0-86.269 38.7-86.269 86.261 0 47.574 38.7 86.274 86.269 86.274 47.567 0 86.266-38.7 86.266-86.274 0-47.562-38.7-86.261-86.266-86.261zM1012.543 687.616c-18.237 1.925-31.987 17.225-31.987 35.587s13.75 33.662 31.987 35.587c3.612 0.375 6.887 2.275 9.020 5.212 2.13 2.937 2.912 6.65 2.15 10.2-6.125 28.55-17.312 55.512-33.242 80.162-1.97 3.050-5.142 5.112-8.73 5.687-3.557 0.587-7.245-0.387-10.070-2.687-14.232-11.512-34.77-10.425-47.742 2.562-12.975 12.975-14.075 33.5-2.562 47.737 2.28 2.825 3.255 6.487 2.682 10.062-0.57 3.587-2.637 6.762-5.682 8.737-24.612 15.925-51.582 27.112-80.162 33.25-3.562 0.762-7.262-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-1.92-18.237-17.212-31.987-35.58-31.987-18.362 0-33.657 13.75-35.575 31.987-0.38 3.612-2.28 6.9-5.217 9.025-2.942 2.137-6.657 2.887-10.2 2.15-28.58-6.137-55.549-17.325-80.162-33.25-3.050-1.975-5.117-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 11.512-14.237 10.412-34.762-2.555-47.737-12.975-12.987-33.5-14.075-47.744-2.562-2.82 2.3-6.445 3.3-10.067 2.687-3.587-0.575-6.757-2.637-8.732-5.687-15.925-24.637-27.112-51.599-33.242-80.162-0.762-3.55 0.020-7.262 2.15-10.2s5.405-4.837 9.017-5.212c18.237-1.925 31.987-17.225 31.987-35.587s-13.75-33.662-31.987-35.587c-3.612-0.375-6.887-2.275-9.017-5.212-2.132-2.937-2.912-6.65-2.15-10.2 6.132-28.562 17.317-55.537 33.25-80.149 1.97-3.050 5.137-5.112 8.725-5.687 3.542-0.612 7.23 0.387 10.062 2.687 14.237 11.475 34.77 10.4 47.749-2.575 12.975-12.975 14.075-33.487 2.555-47.737-2.28-2.825-3.255-6.487-2.682-10.075 0.57-3.575 2.637-6.75 5.687-8.725 24.642-15.925 51.612-27.112 80.162-33.25 3.517-0.737 7.25 0.025 10.2 2.15 2.937 2.125 4.837 5.412 5.217 9.025 1.92 18.237 17.212 31.987 35.575 31.987 18.367 0 33.662-13.75 35.58-31.987 0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.895 0 1.8 0.1 2.687 0.287 28.55 6.137 55.519 17.325 80.157 33.25 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.682 10.075-11.517 14.237-10.417 34.762 2.562 47.737 12.987 12.975 33.512 14.062 47.749 2.562 2.825-2.275 6.505-3.287 10.067-2.675 3.582 0.575 6.75 2.637 8.725 5.687 15.93 24.625 27.112 51.599 33.242 80.149 0.762 3.55-0.020 7.262-2.15 10.2-2.132 2.937-5.407 4.837-9.020 5.212zM975.488 616.692c-22.982 10.937-50.932 6.662-69.662-12.112-18.757-18.737-23.042-46.687-12.112-69.662-15.387-8.725-31.68-15.5-48.674-20.2-8.5 23.987-31.3 40.737-57.837 40.737-26.532 0-49.332-16.75-57.837-40.737-16.987 4.7-33.282 11.462-48.674 20.212 10.937 22.962 6.65 50.912-12.105 69.649-18.75 18.762-46.699 23.037-69.662 12.112-8.737 15.375-15.5 31.675-20.2 48.674 23.987 8.5 40.73 31.3 40.73 57.837s-16.745 49.337-40.73 57.837c4.7 17 11.462 33.287 20.2 48.674 22.942-10.925 50.899-6.637 69.662 12.112 18.75 18.75 23.037 46.699 12.105 69.662 15.375 8.725 31.675 15.487 48.674 20.2 8.5-23.987 31.305-40.737 57.837-40.737 26.537 0 49.337 16.75 57.842 40.737 17-4.712 33.295-11.475 48.669-20.2-10.925-22.962-6.637-50.912 12.112-69.662 18.742-18.762 46.699-23.050 69.662-12.112 8.737-15.387 15.5-31.687 20.2-48.674-23.987-8.5-40.73-31.3-40.73-57.837s16.745-49.337 40.73-57.837c-4.7-16.987-11.462-33.287-20.2-48.674zM340.633 434.431c-87.004 0-157.791-70.787-157.791-157.798s70.787-157.798 157.791-157.798 157.791 70.787 157.791 157.798-70.787 157.798-157.791 157.798zM340.633 144.435c-72.894 0-132.193 59.299-132.193 132.198s59.299 132.198 132.193 132.198c72.892 0 132.193-59.299 132.193-132.198-0.002-72.899-59.302-132.198-132.193-132.198zM669.804 218.659c-29.712 3.137-52.117 28.050-52.117 57.974s22.405 54.837 52.117 57.974c3.612 0.375 6.895 2.275 9.025 5.212 2.132 2.937 2.912 6.65 2.15 10.2-8.812 41.062-24.905 79.874-47.837 115.349-1.97 3.050-5.142 5.112-8.732 5.687-3.555 0.587-7.237-0.387-10.067-2.687-23.217-18.762-56.667-16.962-77.804 4.162-21.137 21.15-22.93 54.599-4.162 77.812 2.28 2.825 3.255 6.487 2.68 10.075-0.567 3.575-2.637 6.75-5.687 8.725-35.455 22.925-74.269 39.025-115.344 47.837-3.595 0.75-7.267-0.012-10.2-2.15-2.937-2.125-4.837-5.412-5.217-9.025-3.125-29.712-28.050-52.124-57.974-52.124s-54.849 22.412-57.974 52.124c-0.382 3.612-2.282 6.9-5.22 9.025-2.942 2.125-6.607 2.875-10.2 2.15-41.079-8.812-79.887-24.912-115.336-47.837-3.050-1.975-5.12-5.15-5.687-8.725-0.575-3.587 0.4-7.25 2.682-10.075 18.762-23.212 16.967-56.674-4.167-77.812-21.145-21.125-54.612-22.9-77.804-4.162-2.825 2.3-6.525 3.275-10.070 2.687-3.587-0.575-6.762-2.637-8.73-5.687-22.93-35.475-39.025-74.287-47.837-115.349-0.762-3.55 0.020-7.262 2.15-10.2 2.132-2.937 5.412-4.837 9.025-5.212 29.712-3.137 52.124-28.050 52.124-57.974s-22.412-54.837-52.124-57.974c-3.612-0.375-6.892-2.275-9.025-5.212-2.13-2.937-2.912-6.65-2.15-10.2 8.812-41.062 24.907-79.874 47.837-115.349 1.967-3.050 5.142-5.112 8.73-5.687 3.542-0.612 7.245 0.387 10.070 2.687 23.205 18.787 56.662 16.975 77.804-4.162 21.137-21.137 22.93-54.599 4.167-77.812-2.282-2.825-3.255-6.487-2.682-10.075 0.567-3.575 2.637-6.75 5.687-8.725 35.45-22.925 74.254-39.025 115.336-47.837 3.57-0.725 7.262 0.012 10.2 2.15 2.937 2.125 4.837 5.412 5.22 9.025 3.125 29.712 28.050 52.124 57.974 52.124s54.849-22.412 57.974-52.124c0.38-3.612 2.28-6.9 5.217-9.025 2.207-1.6 4.837-2.437 7.512-2.437 0.892 0 1.795 0.1 2.687 0.287 41.074 8.812 79.887 24.912 115.344 47.837 3.050 1.975 5.117 5.15 5.687 8.725 0.575 3.587-0.4 7.25-2.68 10.075-18.77 23.212-16.975 56.662 4.162 77.812 21.137 21.137 54.599 22.925 77.804 4.162 2.832-2.3 6.512-3.3 10.067-2.687 3.587 0.575 6.762 2.637 8.732 5.687 22.932 35.475 39.025 74.287 47.837 115.349 0.762 3.55-0.017 7.262-2.15 10.2s-5.412 4.837-9.025 5.212zM618.497 112.885c-32.217 17.987-73.099 12.9-100.061-14.050-26.962-26.962-32.045-67.849-14.050-100.074-26.037-15.387-53.874-26.937-83.044-34.45-10.037 35.537-42.549 60.874-80.712 60.874s-70.674-25.337-80.712-60.874c-29.167 7.512-57.004 19.062-83.036 34.45 17.995 32.225 12.9 73.112-14.055 100.074-26.962 26.95-67.849 32.037-100.061 14.050-15.4 26.037-26.95 53.887-34.455 83.036 35.537 10.050 60.874 42.549 60.874 80.712s-25.337 70.662-60.874 80.712c7.507 29.15 19.055 56.999 34.455 83.036 32.22-18 73.112-12.912 100.061 14.050 26.962 26.962 32.050 67.849 14.055 100.074 26.030 15.387 53.867 26.937 83.036 34.45 10.037-35.537 42.549-60.874 80.712-60.874s70.674 25.337 80.712 60.874c29.167-7.512 57.004-19.062 83.044-34.45-17.995-32.225-12.907-73.112 14.050-100.074 26.975-26.962 67.854-32.050 100.061-14.050 15.4-26.037 26.95-53.887 34.457-83.036-35.537-10.050-60.869-42.549-60.869-80.712s25.332-70.662 60.869-80.712c-7.507-29.15-19.057-56.999-34.457-83.036z" >
+<glyph unicode="&#xe945;" glyph-name="car-3" d="M512 960c-282.769 0-512-229.231-512-512s229.231-512 512-512 512 229.231 512 512c-0.32 282.637-229.363 511.68-512 512zM971.366 316.689l-32.068 10.428-10.564-32.427 32.205-10.462c-13.321-36.333-31.006-70.914-52.668-102.98l-27.307 19.797-20.070-27.614 27.102-19.695c-23.851-30.443-51.275-57.905-81.681-81.801l-19.695 27.102-27.614-20.070 19.797-27.307c-32.064-21.638-66.639-39.3-102.963-52.599l-10.462 32.205-32.427-10.564 10.428-32.068c-37.225-10.658-75.614-16.727-114.313-18.074v33.707h-34.133v-33.707c-38.675 1.35-77.041 7.42-114.244 18.074l10.428 32.068-32.427 10.564-10.53-32.205c-36.333 13.321-70.914 31.006-102.98 52.668l19.797 27.307-27.614 20.070-19.695-27.102c-30.428 23.874-57.875 51.322-81.749 81.749l27.102 19.695-20.070 27.614-27.307-19.797c-21.598 32.049-39.226 66.598-52.497 102.895l32.205 10.462-10.564 32.427-32.068-10.428c-10.688 37.222-16.785 75.612-18.159 114.313h33.707v34.133h-33.707c1.35 38.675 7.42 77.041 18.074 114.244l32.068-10.428 10.564 32.427-32.119 10.53c13.321 36.333 31.006 70.914 52.668 102.98l27.307-19.797 20.070 27.614-27.255 19.678c23.874 30.428 51.322 57.875 81.749 81.749l19.695-27.102 27.614 20.070-19.797 27.307c32.068 21.609 66.643 39.243 102.963 52.514l10.462-32.205 32.427 10.564-10.428 32.068c37.222 10.688 75.612 16.785 114.313 18.159v-33.707h34.133v33.707c38.675-1.35 77.041-7.42 114.244-18.074l-10.428-32.068 32.427-10.564 10.53 32.119c36.333-13.321 70.914-31.006 102.98-52.668l-19.797-27.307 27.614-20.070 19.695 27.102c30.428-23.874 57.875-51.322 81.749-81.749l-27.102-19.695 20.070-27.614 27.307 19.797c21.621-32.017 39.277-66.539 52.582-102.81l-32.205-10.462 10.564-32.427 32.068 10.428c10.658-37.225 16.727-75.614 18.074-114.313h-33.707v-34.133h33.707c-1.35-38.675-7.42-77.041-18.074-114.244zM512 823.467c-207.364 0-375.467-168.102-375.467-375.467s168.102-375.467 375.467-375.467 375.467 168.102 375.467 375.467c-0.235 207.266-168.201 375.232-375.467 375.467zM512 106.667c-188.514 0-341.333 152.819-341.333 341.333s152.819 341.333 341.333 341.333 341.333-152.819 341.333-341.333c-0.215-188.422-152.909-341.118-341.333-341.333zM512 738.133c-160.237 0-290.133-129.897-290.133-290.133s129.897-290.133 290.133-290.133 290.133 129.897 290.133 290.133c-0.179 160.162-129.971 289.954-290.133 290.133zM731.46 579.123c19.842-32.939 31.94-69.954 35.379-108.254l-106.889 8.636c-9.393 0.789-16.367 9.045-15.575 18.436 0.375 4.452 2.481 8.58 5.865 11.499l81.22 69.683zM568.986 697.378l-41.233-98.987c-3.627-8.7-13.619-12.813-22.319-9.186-4.154 1.732-7.454 5.033-9.186 9.186l-41.233 98.987c37.478 8.83 76.493 8.83 113.971 0zM292.54 579.127l81.22-69.687c7.157-6.133 7.985-16.909 1.852-24.064-2.929-3.418-7.091-5.54-11.58-5.905l-106.889-8.636c3.439 38.315 15.543 75.345 35.396 108.292zM436.258 317.030l-24.781-104.414c-35.309 15.243-66.748 38.208-92.006 67.209h-0.051l91.341 55.723c8.045 4.913 18.547 2.374 23.46-5.67 2.349-3.846 3.081-8.463 2.037-12.847zM612.523 212.617h-0.051l-24.832 104.414c-2.182 9.169 3.482 18.372 12.651 20.555 4.384 1.043 9.001 0.311 12.847-2.037l91.341-55.723c-25.244-28.994-56.666-51.959-91.955-67.209zM630.955 364.698c-24.139 14.729-55.646 7.102-70.374-17.037-7.038-11.535-9.233-25.387-6.101-38.532l25.6-107.657c-44.518-12.629-91.674-12.629-136.192 0h-0.034l25.6 107.657c6.541 27.509-10.458 55.115-37.969 61.655-13.139 3.123-26.978 0.93-38.507-6.103l-94.447-57.651c-25.502 38.569-40.004 83.358-41.95 129.553l110.217 8.909c28.181 2.31 49.154 27.031 46.844 55.213-1.103 13.438-7.46 25.899-17.694 34.677l-83.968 72.021c28.853 36.1 66.912 63.746 110.165 80.026l42.53-102.11c10.869-26.103 40.843-38.455 66.948-27.584 12.476 5.195 22.389 15.11 27.584 27.584l42.547 102.11c43.249-16.284 81.308-43.93 110.165-80.026l-83.866-72.021c-21.461-18.413-23.932-50.737-5.519-72.196 8.789-10.244 21.267-16.602 34.72-17.694l110.217-8.909c-1.946-46.195-16.448-90.985-41.95-129.553l-94.566 57.668zM512 516.267c-37.702 0-68.267-30.564-68.267-68.267s30.564-68.267 68.267-68.267c37.702 0 68.267 30.564 68.267 68.267s-30.564 68.267-68.267 68.267zM512 413.867c-18.852 0-34.133 15.281-34.133 34.133s15.281 34.133 34.133 34.133 34.133-15.281 34.133-34.133-15.281-34.133-34.133-34.133z" >
+<glyph unicode="&#xe946;" glyph-name="tyre" d="M992 448c0 265.097-214.903 480-480 480s-480-214.903-480-480v0c0-0.148 0-0.323 0-0.498 0-58.983 10.737-115.458 30.362-167.578l-1.082 3.276c-18.133-19.738-29.256-46.168-29.28-75.195v-128.005c0.073-61.827 50.174-111.927 111.993-112h736.007c61.827 0.073 111.927 50.174 112 111.993v128.007c-0.024 29.032-11.147 55.462-29.353 75.281l0.073-0.081c18.543 48.843 29.28 105.318 29.28 164.302 0 0.175 0 0.35 0 0.525v-0.027zM880 0h-736c-44.031 0.099-79.719 35.675-80 79.653v0.027l58.72-44.48c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 60.64-45.92c-13.005-27.381-40.399-45.993-72.149-46.080h-0.011zM960 80.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-68.32 51.84v71.84l58.72-44.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.56-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.56 56.64 74.72-56.64c2.668-1.999 6.034-3.2 9.68-3.2s7.012 1.202 9.722 3.231l-0.042-0.030 74.72 56.64 74.72-56.64c2.656-2.035 6.025-3.26 9.68-3.26s7.024 1.226 9.718 3.289l-0.038-0.028 74.72 56.8 68.48-52zM960 192.16l-58.72 44.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.88-56.8-74.72 56.8c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.72-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-74.72 56.64c-2.656 2.035-6.025 3.26-9.68 3.26s-7.024-1.226-9.718-3.289l0.038 0.028-74.56-56.64-64.96 49.28c9.613 33.936 40.248 58.408 76.622 58.56h736.018c44.183 0 80-35.817 80-80v0zM387.2 483.36h0.96c0.018 0 0.039 0 0.060 0 6.606 0 12.265 4.057 14.622 9.815l0.038 0.105c0.796 1.836 1.259 3.975 1.259 6.221 0 4.696-2.023 8.92-5.246 11.847l-0.013 0.012-95.2 84.96c16.838 23.265 36.678 43.054 59.233 59.314l0.767 0.526 84.96-95.040c3.008-3.217 7.264-5.235 11.992-5.28h0.008c8.874 0.136 16.015 7.361 16.015 16.254 0 0.248-0.006 0.495-0.017 0.741l0.001-0.035-7.040 127.52c4 0.64 8.16 1.44 12.32 1.92 9.030 1.146 19.479 1.8 30.080 1.8s21.050-0.654 31.307-1.924l-1.227 0.124c4.16-0.48 8.32-1.28 12.32-1.92l-7.040-127.52c-0.010-0.211-0.015-0.458-0.015-0.706 0-8.893 7.142-16.119 16.003-16.254h0.013c4.736 0.045 8.991 2.063 11.991 5.271l0.009 0.009 84.96 95.040c23.322-16.786 43.162-36.576 59.479-59.086l0.521-0.754-95.2-84.96c-3.236-2.939-5.259-7.163-5.259-11.859 0-2.247 0.463-4.385 1.299-6.325l-0.040 0.104c2.395-5.864 8.053-9.92 14.66-9.92 0.021 0 0.042 0 0.064 0h0.957l127.36 7.040c2.382-12.714 3.776-27.373 3.84-42.345v-0.055c-0.021-14.996-1.359-29.664-3.904-43.914l0.224 1.514-127.52 7.040c-0.234 0.012-0.508 0.019-0.784 0.019-8.907 0-16.128-7.221-16.128-16.128 0-4.701 2.011-8.933 5.221-11.88l0.012-0.011 72.32-64.64h-108.8l-13.44 14.88c-2.939 3.242-7.167 5.269-11.868 5.269-8.837 0-16-7.163-16-16 0-0.334 0.010-0.666 0.030-0.995l-0.002 0.045 0.16-3.2h-71.040l0.16 3.2c0.018 0.284 0.028 0.615 0.028 0.949 0 8.837-7.163 16-16 16-4.701 0-8.929-2.028-11.856-5.256l-0.012-0.013-13.44-14.88h-108.8l72.32 64.64c3.236 2.939 5.259 7.163 5.259 11.859 0 2.247-0.463 4.385-1.299 6.325l0.040-0.104c-2.522 5.887-8.266 9.936-14.956 9.936-0.255 0-0.508-0.006-0.76-0.017l0.036 0.001-127.52-7.040c-2.321 12.736-3.659 27.404-3.68 42.381v0.019c0.064 15.028 1.458 29.686 4.071 43.918l-0.231-1.518zM267.2 522.080c4.008 13.183 8.246 24.162 13.163 34.761l-0.683-1.641c2.080 4.64 4.48 9.12 6.88 13.6l56.96-50.88zM391.2 673.44c13.259 7.261 28.733 13.833 44.884 18.867l1.836 0.493 4.16-76.32zM581.92 616.48l4.16 76.32c17.987-5.527 33.461-12.099 48.085-20.038l-1.365 0.678zM737.44 568.8c2.4-4.48 4.8-8.96 6.88-13.6 4.234-8.958 8.472-19.936 11.977-31.237l0.503-1.883-76.32-4.16zM756.96 373.92c-5.49-17.945-12.119-33.42-20.169-48.001l0.649 1.281-56.96 50.88zM286.56 327.2c-7.401 13.3-14.030 28.775-19.049 44.958l-0.471 1.762 76.48 4.16zM936.48 304.64c-16.181 9.604-35.659 15.303-56.464 15.36h-110.256c18.999 37.302 30.162 81.338 30.24 127.975v0.025c0 0.103 0 0.226 0 0.349 0 19.698-2.039 38.921-5.918 57.467l0.318-1.816c-4.763 24.387-12.015 46.029-21.673 66.304l0.713-1.664c-42.282 89.186-126.281 152.531-226.091 165.133l-1.429 0.147c-10.183 1.299-21.965 2.040-33.92 2.040s-23.736-0.741-35.301-2.18l1.381 0.14c-101.239-12.75-185.239-76.095-226.769-163.523l-0.751-1.757c-8.919-18.558-16.168-40.142-20.667-62.719l-0.293-1.761c-3.561-16.814-5.6-36.134-5.6-55.93 0-0.081 0-0.162 0-0.243v0.013c0.078-46.662 11.241-90.699 30.995-129.641l-0.755 1.641h-110.24c-20.821-0.057-40.3-5.756-57.002-15.646l0.522 0.286c-14.909 42.729-23.52 91.984-23.52 143.251 0 247.424 200.576 448 448 448 247.385 0 447.938-200.514 448-447.885v-0.005c0-0.173 0-0.377 0-0.582 0-51.103-8.612-100.196-24.464-145.904l0.943 3.126zM512 368c44.183 0 80 35.817 80 80s-35.817 80-80 80c-44.183 0-80-35.817-80-80v0c0.055-44.161 35.839-79.945 79.995-80h0.005zM512 496c26.51 0 48-21.49 48-48s-21.49-48-48-48c-26.51 0-48 21.49-48 48v0c0 26.51 21.49 48 48 48v0z" >
+<glyph unicode="&#xe947;" glyph-name="wheel-1" d="M170.592 210.88c3.2-4.8 6.4-9.6 9.92-13.968 14.006-18.371 29.905-34.26 47.681-47.812l0.607-0.444c4.592-3.584 9.36-6.816 14.208-10.112 25.838-17.511 56.231-30.575 88.942-37.275l1.618-0.277c5.488-0.992 10.976-1.984 16.288-2.608 10.246-1.502 22.086-2.368 34.126-2.384h0.018c11.953 0.006 23.7 0.861 35.192 2.507l-1.32-0.155c5.488 0.64 10.864 1.6 16.832 2.688h0.48c34.102 7.015 64.278 20.050 90.812 38.049l-0.876-0.561c4.8 3.2 9.6 6.4 13.968 9.92 18.377 14.018 34.267 29.939 47.81 47.741l0.446 0.611c3.584 4.608 6.848 9.376 10.064 14.144 17.553 25.925 30.636 56.423 37.325 89.246l0.275 1.618c0.992 5.376 1.952 10.768 2.56 16 1.502 10.225 2.36 22.028 2.36 34.032s-0.858 23.807-2.515 35.352l0.156-1.32c-0.656 5.536-1.6 10.928-2.704 16.976v0.336c-7.032 34.1-20.058 64.273-38.036 90.819l0.564-0.883c-3.2 4.8-6.48 9.6-9.92 13.968-14.002 18.371-29.895 34.259-47.666 47.812l-0.606 0.444c-4.592 3.584-9.36 6.816-14.208 10.112-25.838 17.511-56.231 30.575-88.942 37.275l-1.618 0.277c-5.488 0.992-10.976 1.984-16.288 2.608-10.227 1.493-22.034 2.346-34.040 2.346s-23.813-0.853-35.364-2.501l1.324 0.155c-5.488-0.64-10.864-1.6-16.832-2.688h-0.48c-34.102-7.015-64.278-20.050-90.812-38.049l0.876 0.561c-4.8-3.2-9.6-6.4-13.968-9.92-18.35-14.012-34.219-29.921-47.746-47.708l-0.446-0.612c-3.584-4.608-6.848-9.376-10.064-14.144-17.553-25.925-30.636-56.423-37.325-89.246l-0.275-1.618c-0.992-5.376-1.936-10.768-2.56-16-1.502-10.225-2.36-22.028-2.36-34.032s0.858-23.807 2.515-35.352l-0.156 1.32c0.672-5.536 1.6-10.928 2.704-16.976v-0.336c7.027-34.099 20.048-64.272 38.020-90.819l-0.564 0.883zM169.36 288h60.128l-42.48-42.4c-6.766 12.095-12.763 26.147-17.244 40.859l-0.404 1.541zM320 137.344c-16.258 4.88-30.309 10.861-43.524 18.17l1.124-0.57 42.4 42.528zM448 137.344v60.128l42.4-42.464c-12.092-6.761-26.142-12.763-40.851-17.257l-1.549-0.407zM580.992 245.6l-42.48 42.4h60.144c-4.897-16.256-10.899-30.307-18.233-43.516l0.569 1.116zM598.64 416h-60.128l42.48 42.4c6.766-12.095 12.763-26.147 17.244-40.859l0.404-1.541zM448 566.656c16.258-4.88 30.309-10.861 43.524-18.17l-1.124 0.57-42.4-42.528zM320 566.656v-60.128l-42.384 42.464c12.092 6.774 26.138 12.777 40.846 17.261l1.538 0.403zM248.384 530.096c0.56 0.416 1.136 0.768 1.68 1.184l74.608-74.736c2.897-2.904 6.903-4.701 11.328-4.701 8.835 0 15.998 7.162 16 15.996v0 105.712c0.768 0.112 1.424 0.256 2.208 0.352 8.942 1.322 19.272 2.084 29.779 2.096h0.013c2.208 0 4.448-0.16 6.672-0.24 8.535-0.236 16.651-0.915 24.63-2.019l-1.158 0.131c0.64-0.080 1.232-0.224 1.872-0.304v-105.728c0.002-8.835 7.165-15.997 16-15.997 4.425 0 8.431 1.797 11.328 4.7v0l74.576 74.656c0.624-0.464 1.248-0.832 1.856-1.312 16.112-12.283 30.047-26.227 41.93-41.819l0.39-0.533c0.432-0.544 0.784-1.136 1.2-1.68l-74.752-74.608c-2.857-2.889-4.621-6.862-4.621-11.248 0-8.807 7.116-15.953 15.913-16h105.732c0.112-0.752 0.256-1.408 0.352-2.192 1.339-9.004 2.104-19.397 2.104-29.968s-0.765-20.964-2.242-31.125l0.138 1.157c0-0.624-0.208-1.248-0.288-1.872h-105.792c-8.835-0.002-15.997-7.165-15.997-16 0-4.425 1.797-8.431 4.7-11.328v0l74.736-74.608c-0.464-0.608-0.848-1.232-1.328-1.856-12.277-16.107-26.217-30.036-41.803-41.914l-0.533-0.39c-0.56-0.416-1.136-0.768-1.6-1.184l-74.608 74.736c-2.905 2.952-6.943 4.782-11.408 4.782-8.837 0-16-7.163-16-16 0-0.027 0-0.055 0-0.082v0.004-105.712c-0.768-0.112-1.424-0.256-2.208-0.352-9.002-1.344-19.391-2.112-29.96-2.112s-20.958 0.768-31.116 2.251l1.156-0.138c-0.64 0-1.232 0.224-1.872 0.304v105.76c-0.002 8.835-7.165 15.997-16 15.997-4.425 0-8.431-1.797-11.328-4.7l-74.592-74.736c-0.624 0.464-1.248 0.832-1.856 1.312-16.112 12.283-30.047 26.227-41.93 41.819l-0.39 0.533c-0.432 0.544-0.784 1.136-1.2 1.6l74.752 74.608c2.952 2.905 4.782 6.943 4.782 11.408 0 8.837-7.163 16-16 16-0.027 0-0.055 0-0.082 0h-105.724c-0.112 0.752-0.256 1.408-0.352 2.192-1.339 9.004-2.104 19.397-2.104 29.968s0.765 20.964 2.242 31.125l-0.138-1.157c0 0.624 0.208 1.248 0.288 1.872h105.792c8.835 0.002 15.997 7.165 15.997 16 0 4.425-1.797 8.431-4.7 11.328v0l-74.656 74.608c0.464 0.608 0.848 1.232 1.328 1.856 12.256 16.105 26.169 30.034 41.728 41.917l0.528 0.387zM187.008 458.4l42.48-42.4h-60.144c4.897 16.256 10.899 30.307 18.233 43.516l-0.569-1.116zM384 304c26.51 0 48 21.49 48 48s-21.49 48-48 48c-26.51 0-48-21.49-48-48v0c0-26.51 21.49-48 48-48v0zM384 368c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16v0c0 8.837 7.163 16 16 16v0zM368 448h32v-32h-32zM368 288h32v-32h-32zM448 368h32v-32h-32zM288 368h32v-32h-32zM384 0c4.8 0 9.424 0.176 13.968 0.416 0.567-0.168 1.255-0.314 1.959-0.408l0.073-0.008h256v32h-125.264c4.688 2.16 9.28 4.512 13.856 6.864 1.248 0.64 2.528 1.216 3.76 1.856 7.792 4.112 15.376 8.576 22.816 13.248 1.984 1.232 3.92 2.544 5.872 3.824q8.816 5.776 17.232 12.064c1.76 1.312 3.552 2.576 5.28 3.92 2.864 2.224 5.648 4.528 8.448 6.832v-0.608h352c0-26.51-21.49-48-48-48v0h-160v-32h160c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-0.421c10.187 13.14 16.353 29.844 16.416 47.985v160.015c-0.063 18.156-6.229 34.86-16.551 48.181l0.135-0.181h0.416c44.161 0.055 79.945 35.839 80 79.995v160.005c-0.055 44.161-35.839 79.945-79.995 80h-464.005c-44.161-0.055-79.945-35.839-80-79.995v-112.405c-187.057-9.192-335.241-163.091-335.241-351.601 0-194.137 157.163-351.567 351.199-351.999h0.042zM475.472 691.68c-6.144 1.6-12.288 3.2-18.528 4.576-4.592 0.976-9.248 1.712-13.904 2.496-6.128 1.040-12.272 1.984-18.496 2.704-4.8 0.544-9.6 0.928-14.4 1.296-3.376 0.24-6.688 0.736-10.064 0.896v16.352h559.92v-32l-471.472 0.112c-4.304 1.344-8.688 2.4-13.056 3.568zM729.68 418.080c-0.784 4.128-1.76 8.192-2.688 12.272-0.112 0.544-0.224 1.088-0.352 1.6h169.36v-32h-163.536c-0.816 6.112-1.664 12.176-2.784 18.16zM717.664 464c-1.952 5.856-4.096 11.616-6.4 17.344-1.6 4.016-3.2 8-4.8 11.952-0.4 0.88-0.72 1.808-1.12 2.704h190.656v-32zM692.208 182.016c0.8 1.456 1.68 2.848 2.464 4.32q5.632 10.608 10.576 21.664h254.752v-32h-271.216c1.152 2 2.32 4 3.424 6.016zM641.6 112c0.88 0.944 1.696 1.968 2.576 2.928 5.84 6.4 11.52 12.96 16.896 19.792 0.672 0.864 1.28 1.776 1.952 2.64 1.6 2.176 3.2 4.416 4.912 6.64h292.064v-32zM960 240h-242.272c0.368 1.072 0.672 2.16 1.024 3.2q4.128 12.8 7.28 25.856c0.48 2 0.864 4.048 1.296 6.064 0.96 4.272 1.968 8.512 2.768 12.8h181.904c0 0 0 0 0 0 26.482 0 47.954-21.445 48-47.916v-0.004zM734.544 320c0.080 0.912 0 1.888 0.128 2.8 0.816 9.6 1.328 19.296 1.328 29.2 0 5.376-0.448 10.672-0.688 16h160.688c0-26.51-21.49-48-48-48v0zM896 528h-207.040c-2.976 5.12-6.272 10.080-9.52 15.072-1.6 2.448-3.008 4.992-4.672 7.408-6 8.736-12.384 17.28-19.2 25.52h192.432c26.51 0 48-21.49 48-48v0zM912 608h-286.496c-4.336 4.096-8.928 7.776-13.424 11.616-3.024 2.592-5.936 5.328-9.024 7.808-6.848 5.456-13.936 10.512-21.12 15.424-1.824 1.248-3.552 2.672-5.392 3.888-5.056 3.312-10.352 6.224-15.568 9.264h399.024c0-26.51-21.49-48-48-48v0zM448 864h464c26.51 0 48-21.49 48-48v0h-207.744v-32h207.744v-32h-560v32h320v32h-320c0 26.51 21.49 48 48 48v0zM384 672q15.792 0 31.36-1.504c23.985-2.425 45.916-7.109 66.893-13.912l-2.253 0.632v-1.216h3.44c129.114-43.093 220.541-162.867 220.56-303.998v-0.002c0.001-0.21 0.001-0.458 0.001-0.706 0-15.894-1.222-31.502-3.577-46.737l0.216 1.699q-2.016-14.208-5.248-27.968c-33.265-137.386-152.044-238.975-295.645-245.813l-0.723-0.027c-4.96-0.304-9.92-0.448-15.024-0.448-176.731 0-320 143.269-320 320s143.269 320 320 320v0zM688 32h32v-32h-32z" >
+<glyph unicode="&#xe948;" glyph-name="tire" d="M771.712 46.532l-23.646 35.469-28.401-18.933 22.716-34.074c-64.271-35.277-136.934-55.601-213.316-58.266v33.538h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.115 63.622-56.068 136.055-58.79 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.54c76.38-2.665 149.045-22.989 213.316-58.266l-22.716-34.074 28.401-18.933 23.646 35.469c70.724-45.766 129.457-110.327 168.73-189.577l30.583 15.151c-87.102 175.763-262.985 284.956-459.027 284.956-282.317 0-512-229.683-512-512s229.683-512 512-512c196.043 0 371.925 109.193 459.025 284.958l-30.583 15.151c-39.273-79.251-98.003-143.812-168.73-189.577zM1006.933 567.467h-151.601c-42.724 73.958-121.024 119.467-206.801 119.467-89.267 0-170.443-49.291-211.842-128.642-2.758-5.291-2.558-11.633 0.542-16.742 3.091-5.101 8.625-8.218 14.592-8.218h172.576l85.333-85.333-85.333-85.333h-172.576c-5.967 0-11.501-3.117-14.592-8.218-3.1-5.109-3.3-11.45-0.542-16.742 41.402-79.347 122.577-128.638 211.844-128.638 85.775 0 164.075 45.508 206.801 119.467h151.599c9.425 0 17.067 7.642 17.067 17.067v204.8c0 9.425-7.642 17.067-17.067 17.067zM989.867 362.667h-144.625c-6.357 0-12.192-3.533-15.134-9.175-35.49-68.032-105.067-110.291-181.574-110.291-66.658 0-128.049 32.075-166.234 85.333h149.167c4.525 0 8.866 1.801 12.066 5.001l102.4 102.4c6.667 6.667 6.667 17.468 0 24.134l-102.4 102.4c-3.2 3.2-7.541 5.001-12.066 5.001h-149.167c38.182 53.259 99.575 85.333 166.234 85.333 76.508 0 146.084-42.259 181.574-110.291 2.942-5.643 8.774-9.175 15.134-9.175h144.625v-170.669zM512 499.2c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 430.933c-9.408 0-17.067 7.659-17.067 17.067s7.659 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.659-17.067-17.067-17.067zM512 123.733c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.809 16.525-17.85 4.599-34.876 11.799-50.618 21.408-6.709 4.1-15.375 3.068-20.958-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.574 5.574 6.609 14.234 2.5 20.958-9.609 15.742-16.809 32.766-21.408 50.618-1.941 7.541-8.742 12.809-16.525 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.525 12.809 4.599 17.858 11.799 34.891 21.408 50.609 4.109 6.733 3.074 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.292-3.292 7.659-5.001 12.075-5.001 3.059 0 6.133 0.817 8.892 2.5 15.716 9.609 32.751 16.809 50.609 21.408 7.541 1.941 12.809 8.742 12.809 16.525v124.346c11.223 1.18 22.603 1.835 34.133 1.835 70.816 0 138.091-22.417 194.549-64.826l20.499 27.3c-62.417 46.876-136.783 71.659-215.051 71.659-197.626 0-358.4-160.774-358.4-358.4s160.774-358.4 358.4-358.4c78.268 0 152.634 24.783 215.051 71.659l-20.499 27.3c-56.461-42.409-123.735-64.826-194.551-64.826zM443.733 764.894v-105.995c-12.192-3.942-24-8.926-35.309-14.916l-74.637 74.63c32.966 21.783 70.089 37.7 109.946 46.281zM241.387 626.212l74.63-74.637c-5.993-11.309-10.976-23.117-14.916-35.309h-105.995c8.58 39.857 24.497 76.979 46.281 109.946zM241.387 269.788c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.942-12.183 8.926-23.991 14.916-35.309l-74.63-74.637zM443.733 131.106c-39.857 8.58-76.979 24.497-109.946 46.281l74.637 74.63c11.317-5.993 23.125-10.976 35.309-14.916v-105.995z" >
+<glyph unicode="&#xe949;" glyph-name="tire-1" d="M683.992 535.968c-142.582 0-259.986-116.014-259.986-259.986 0-145.196 118.8-259.986 259.986-259.986 141.205 0 259.986 114.806 259.986 259.986 0 143.824-117.264 259.986-259.986 259.986zM742.957 265.031c0.67 3.6 1.032 7.264 1.032 10.951s-0.362 7.352-1.032 10.951l140.717 81.248c13.317-28.786 20.307-60.289 20.307-92.199 0-31.912-6.99-63.415-20.307-92.199zM484.308 183.783c-13.317 28.786-20.307 60.289-20.307 92.199 0 31.912 6.99 63.415 20.307 92.199l140.717-81.248c-0.67-3.6-1.032-7.264-1.032-10.951 0-3.69 0.362-7.354 1.030-10.953zM683.992 255.983c-10.989 0-19.999 8.996-19.999 19.999 0 10.891 8.888 19.999 19.999 19.999 11.041 0 19.999-9.042 19.999-19.999 0-10.891-8.89-19.999-19.999-19.999zM863.618 402.789l-140.683-81.23c-5.594 4.772-12.019 8.484-18.945 10.945v162.519c63.833-5.898 122.432-39.758 159.628-92.235zM663.993 495.025v-162.517c-6.932-2.462-13.361-6.174-18.953-10.943l-140.677 81.226c37.198 52.479 95.795 86.337 159.63 92.235zM504.363 149.175l140.685 81.23c5.592-4.77 12.019-8.484 18.945-10.945v-162.519c-63.835 5.898-122.434 39.758-159.63 92.235zM703.991 56.94v162.517c6.932 2.462 13.361 6.174 18.953 10.943l140.677-81.226c-37.198-52.479-95.797-86.337-159.63-92.235zM927.979 47.994c0-11.045-8.954-19.999-19.999-19.999s-19.999 8.954-19.999 19.999c0 11.045 8.954 19.999 19.999 19.999s19.999-8.954 19.999-19.999zM742.513 610.928c3.090 101.067-35.022 199.211-106.158 271.748-0.1 0.102-0.202 0.204-0.302 0.302-63.847 62.367-156.008 83.622-240.529 55.463-6.576-2.192-11.547-7.632-13.141-14.377-1.592-6.746 0.42-13.835 5.324-18.737l40.614-40.614c12.045-12.051 16.271-28.976 11.301-45.272-4.966-16.285-17.903-27.965-34.606-31.242-19.501-3.83-39.578 5.774-48.825 23.345l-17.981 34.186c-26.199 49.769-70.112 86.669-123.653 103.903-53.547 17.233-110.742 12.875-161.052-12.277-7.236-3.618-11.579-11.235-11.007-19.303 0.574-8.068 5.95-14.997 13.623-17.555 11.533-3.846 44.69-27.807 74.47-61.071 31.026-34.656 47.090-66.624 42.974-85.523-5.728-26.287-62.331-36.252-151.396-26.679-6.786 0.748-13.445-2.036-17.713-7.34-4.272-5.3-5.552-12.411-3.398-18.871 22.683-68.036 70.42-113.734 138.057-132.147 14.751-4.012 26.667-14.027 32.688-27.477 5.682-12.687 5.356-26.589-0.912-39.136-6.812-13.623-19.343-22.835-34.384-25.277-15.051-2.444-29.862 2.338-40.648 13.125l-19.279 19.259c-5.722 5.714-14.321 7.424-21.791 4.324-7.472-3.096-12.341-10.385-12.341-18.473 0-88.603 36.884-154.354 112.764-201.011 56.831-34.914 122.378-53.301 190.66-53.695 17.781-171.603 162.685-304.504 338.122-304.504 56.311 0 112.106 14.057 161.351 40.652 9.717 5.248 13.341 17.381 8.094 27.101-5.248 9.715-17.379 13.339-27.101 8.094-43.426-23.453-92.647-35.848-142.344-35.848-166.417 0-299.984 134.271-299.984 299.984 0 165.411 134.573 299.984 299.984 299.984 165.865 0 299.984-134.189 299.984-299.984 0-51.543-13.283-102.375-38.412-146.992-5.42-9.625-2.012-21.819 7.612-27.239 9.621-5.42 21.819-2.012 27.239 7.612 28.496 50.597 43.56 108.212 43.56 166.621 0 166.163-119.734 306.95-281.461 334.942zM344.068 280.548c-60.227 0.716-117.922 17.017-167.913 47.727-49.195 30.248-78.168 68.632-88.911 118.698 16.717-9.234 36.082-12.655 55.667-9.478 27.887 4.528 51.123 21.611 63.757 46.878 11.557 23.137 12.153 49.877 1.636 73.364-10.941 24.433-32.334 42.556-58.693 49.723-44.614 12.147-77.554 38.034-98.265 77.122 62.143-3.842 148.048-0.006 161.295 60.807 9.030 41.446-23.433 88.521-52.255 120.714-16.479 18.407-35.126 35.648-52.309 48.855 75.468 18.089 157.236-16.623 194.732-87.855l17.981-34.184c17.415-33.094 55.223-51.181 91.925-43.968 30.982 6.078 55.953 28.616 65.163 58.823 9.214 30.214 1.064 62.869-21.275 85.218l-15.447 15.447c60.351 9.142 121.946-10.207 166.789-53.925 62.615-63.929 96.501-150.106 94.665-239.071-6.204 0.336-12.423 0.522-18.621 0.522-185.936 0-337.464-150.048-339.92-335.416z" >
+<glyph unicode="&#xe94a;" glyph-name="flat-tire" d="M512 465.067c-28.233 0-51.2-22.967-51.2-51.2s22.967-51.2 51.2-51.2 51.2 22.967 51.2 51.2-22.967 51.2-51.2 51.2zM512 396.8c-9.417 0-17.067 7.659-17.067 17.067s7.65 17.067 17.067 17.067 17.067-7.659 17.067-17.067-7.65-17.067-17.067-17.067zM897.85 77.517c81.517 93.325 126.15 211.859 126.15 336.35 0 282.317-229.683 512-512 512s-512-229.683-512-512c0-121.483 42.517-237.35 120.367-329.617-20.651-9.408-35.034-30.251-35.034-54.383 0-32.934 26.801-59.733 59.733-59.733h716.8c32.934 0 59.733 26.801 59.733 59.733 0 19.441-9.333 36.734-23.75 47.65zM861.867 4.267h-573.978l16.444 24.668-28.401 18.933-29.065-43.601h-101.801c-14.116 0-25.6 11.484-25.6 25.6s11.484 25.6 25.6 25.6h59.733v34.133h-43.46c-18.793 20.301-35.699 41.937-50.515 64.751l35.174 23.45-18.933 28.401-33.743-22.496c-35.851 64.979-56.122 137.658-58.784 213.094h50.795v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c56.567-36.719 104.885-85.037 141.604-141.604l-35.012-23.341 18.933-28.401 33.709 22.473c35.115-63.622 56.070-136.055 58.793-213.071h-50.767v-34.133h50.801c-2.66-75.465-22.893-148.156-58.743-213.129l-33.792 22.528-18.933-28.401 35.125-23.418c-14.801-22.788-31.533-44.499-50.302-64.783h-111.889v-34.133h110.933c1.551 0 3.068-0.218 4.533-0.491 0.45-0.075 0.9-0.141 1.333-0.183 11.3-2.667 19.733-12.826 19.733-24.926 0-14.114-11.484-25.598-25.6-25.598zM512 772.267c-197.617 0-358.4-160.774-358.4-358.4s160.783-358.4 358.4-358.4 358.4 160.774 358.4 358.4-160.783 358.4-358.4 358.4zM782.613 592.079c21.781-32.966 37.7-70.089 46.281-109.946h-105.995c-3.934 12.201-8.934 24.009-14.916 35.317l74.63 74.628zM580.267 730.761c39.857-8.58 76.979-24.499 109.946-46.281l-74.628-74.628c-11.317 5.984-23.134 10.976-35.317 14.916v105.993zM443.733 730.761v-106.001c-12.183-3.934-24-8.926-35.317-14.908l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281zM241.387 592.079l74.628-74.628c-5.984-11.309-10.982-23.117-14.916-35.317h-105.993c8.58 39.857 24.499 76.979 46.281 109.946zM241.387 235.654c-21.781 32.966-37.7 70.089-46.281 109.946h105.995c3.934-12.192 8.934-24 14.916-35.317l-74.63-74.628zM443.733 96.973c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.628c11.317-5.984 23.134-10.976 35.317-14.908v-106.001zM580.267 96.973v106.001c12.183 3.934 24 8.926 35.317 14.908l74.628-74.628c-32.966-21.781-70.089-37.7-109.946-46.281zM782.613 235.654l-74.628 74.628c5.984 11.317 10.982 23.125 14.916 35.317h105.995c-8.582-39.857-24.501-76.979-46.283-109.946zM710.084 379.733c-7.782 0-14.583-5.267-16.533-12.809-4.599-17.867-11.799-34.899-21.399-50.609-4.1-6.724-3.083-15.392 2.5-20.966l87.541-87.541c-13.269-16.081-28.051-30.865-44.134-44.134l-87.541 87.541c-5.583 5.591-14.234 6.618-20.966 2.5-15.733-9.609-32.751-16.809-50.601-21.408-7.55-1.941-12.817-8.742-12.817-16.525v-124.35c-11.223-1.18-22.603-1.835-34.133-1.835s-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.525-17.85 4.599-34.867 11.799-50.601 21.408-6.75 4.117-15.401 3.091-20.966-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.574 6.601 14.242 2.5 20.966-9.6 15.708-16.8 32.742-21.399 50.609-1.95 7.541-8.751 12.809-16.533 12.809h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.809 4.599 17.884 11.799 34.908 21.399 50.609 4.1 6.724 3.083 15.392-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.292 7.667-5.001 12.066-5.001 3.068 0 6.133 0.817 8.9 2.5 15.733 9.609 32.751 16.809 50.601 21.408 7.55 1.941 12.817 8.742 12.817 16.525v124.348c11.223 1.18 22.603 1.835 34.133 1.835s22.91-0.655 34.133-1.835v-124.341c0-7.782 5.267-14.583 12.8-16.525 17.867-4.608 34.899-11.817 50.618-21.417 2.767-1.683 5.833-2.5 8.9-2.5 4.401 0 8.783 1.709 12.066 5.001l87.541 87.541c16.081-13.269 30.865-28.051 44.134-44.134l-87.541-87.541c-5.583-5.574-6.601-14.242-2.5-20.966 9.6-15.699 16.8-32.725 21.399-50.609 1.95-7.541 8.751-12.809 16.533-12.809h124.35c1.18-11.223 1.835-22.603 1.835-34.133s-0.655-22.91-1.835-34.133h-124.352zM512 567.467c-84.7 0-153.6-68.909-153.6-153.6s68.9-153.6 153.6-153.6 153.6 68.909 153.6 153.6-68.9 153.6-153.6 153.6zM512 294.4c-65.867 0-119.467 53.591-119.467 119.467s53.6 119.467 119.467 119.467 119.467-53.591 119.467-119.467-53.6-119.467-119.467-119.467z" >
+<glyph unicode="&#xe94b;" glyph-name="pressure" d="M512 806.4c-197.617 0-358.4-160.783-358.4-358.4s160.783-358.4 358.4-358.4v34.133c-11.531 0-22.91 0.655-34.133 1.835v124.35c0 7.782-5.267 14.583-12.817 16.533-17.818 4.582-34.85 11.782-50.618 21.399-6.701 4.1-15.383 3.1-20.949-2.5l-87.541-87.541c-16.081 13.269-30.865 28.051-44.134 44.134l87.541 87.541c5.583 5.566 6.601 14.234 2.5 20.966-9.6 15.699-16.8 32.734-21.399 50.601-1.95 7.55-8.751 12.817-16.533 12.817h-124.348c-1.18 11.223-1.835 22.603-1.835 34.133s0.655 22.91 1.835 34.133h124.35c7.782 0 14.583 5.267 16.533 12.817 4.599 17.867 11.799 34.899 21.399 50.601 4.1 6.733 3.083 15.401-2.5 20.966l-87.541 87.541c13.269 16.081 28.051 30.865 44.134 44.134l87.541-87.541c3.283-3.3 7.667-5.001 12.066-5.001 3.068 0 6.15 0.817 8.9 2.5 15.699 9.6 32.734 16.8 50.601 21.399 7.55 1.95 12.817 8.751 12.817 16.533v124.346c11.223 1.18 22.603 1.835 34.133 1.835 51.317 0 100.416-11.65 145.916-34.601l15.366 30.466c-50.302 25.402-104.567 38.268-161.284 38.268zM408.416 252.017c11.334-5.984 23.134-10.982 35.317-14.916v-105.995c-39.857 8.58-76.979 24.499-109.946 46.281l74.628 74.63zM301.101 379.733c3.951-12.201 8.934-24 14.916-35.317l-74.628-74.628c-21.783 32.966-37.702 70.089-46.283 109.946h105.995zM316.017 551.584c-5.984-11.317-10.967-23.117-14.916-35.317h-105.995c8.58 39.857 24.499 76.979 46.281 109.946l74.63-74.628zM443.733 658.899c-12.201-3.951-24-8.934-35.317-14.916l-74.628 74.628c32.966 21.781 70.089 37.7 109.946 46.281v-105.993zM1024 448c0 282.317-229.683 512-512 512s-512-229.683-512-512 229.683-512 512-512c55.735 0 110.556 9.244 163.217 26.976 32.928-17.135 70.234-26.976 109.85-26.976 131.75 0 238.933 107.183 238.933 238.933 0 39.616-9.841 76.922-26.976 109.85 17.732 52.661 26.976 107.482 26.976 163.217zM785.067-29.867c-112.934 0-204.8 91.868-204.8 204.8s91.868 204.8 204.8 204.8 204.8-91.868 204.8-204.8-91.866-204.8-204.8-204.8zM716.8 533.333h-34.133v34.133h34.133v-34.133zM750.933 411.14v309.926h68.267v-309.926c-11.179 1.611-22.515 2.726-34.133 2.726s-22.955-1.116-34.133-2.726zM972.834 322.204c-30.144 38.351-71.639 67.296-119.501 81.6v334.33c0 9.434-7.633 17.067-17.067 17.067h-102.4c-9.434 0-17.067-7.633-17.067-17.067v-136.533h-51.2c-9.434 0-17.067-7.633-17.067-17.067v-68.267c0-9.434 7.633-17.067 17.067-17.067h51.2v-95.396c-98.569-29.457-170.667-120.849-170.667-228.87 0-76.179 35.964-143.985 91.663-187.767-35.46-9.681-71.857-15.002-108.73-16.311v33.412h-34.133v-33.7c-77.015 2.722-149.449 23.676-213.071 58.793l22.473 33.709-28.401 18.933-23.341-35.012c-56.567 36.719-104.885 85.037-141.604 141.604l35.012 23.341-18.933 28.401-33.709-22.473c-35.117 63.622-56.070 136.055-58.793 213.071h50.767v34.133h-50.767c2.722 77.015 23.676 149.449 58.793 213.071l33.709-22.473 18.933 28.401-35.012 23.341c36.719 56.567 85.037 104.885 141.604 141.604l23.341-35.012 28.401 18.933-22.473 33.709c63.622 35.115 136.055 56.070 213.071 58.793v-33.7h34.133v33.7c77.015-2.722 149.449-23.676 213.071-58.793l-22.473-33.709 28.401-18.933 23.341 35.012c131.339-85.252 218.46-233.101 218.46-401.011 0-42.72-5.858-84.86-17.033-125.796zM817.926 166.206c0.747 2.803 1.274 5.692 1.274 8.727 0 18.816-15.317 34.133-34.133 34.133-3.034 0-5.924-0.527-8.727-1.274l-47.473 47.473-24.134-24.134 47.473-47.473c-0.747-2.803-1.274-5.692-1.274-8.727 0-18.816 15.317-34.133 34.133-34.133 3.034 0 5.924 0.527 8.727 1.274l13.323-13.323 24.134 24.134-13.323 13.323zM785.067 345.6c-94.099 0-170.667-76.567-170.667-170.667 0-48.484 20.734-94.85 56.883-127.2l22.767 25.434c-28.934 25.884-45.517 62.982-45.517 101.766 0 75.283 61.25 136.533 136.533 136.533s136.533-61.25 136.533-136.533c0-38.784-16.582-75.883-45.517-101.766l22.767-25.434c36.149 32.35 56.883 78.716 56.883 127.2 0 94.099-76.567 170.667-170.667 170.667zM512 516.267c-37.649 0-68.267-30.618-68.267-68.267s30.618-68.267 68.267-68.267 68.267 30.618 68.267 68.267-30.618 68.267-68.267 68.267zM512 413.867c-18.816 0-34.133 15.317-34.133 34.133s15.317 34.133 34.133 34.133 34.133-15.317 34.133-34.133-15.317-34.133-34.133-34.133z" >
+<glyph unicode="&#xe94c;" glyph-name="right-quote" d="M227.093 809.414c-125.218 0-227.077-101.859-227.077-227.078 0-120.797 94.797-219.874 213.906-226.718 2.062-22.266 0.515-82.875-57.563-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.766-23.766 38.454-38.734 48.734-49.203 13.454-13.688 19.595-19.938 28.579-28.094 3.046-2.765 6.89-4.155 10.75-4.155 3.749 0 7.483 1.312 10.499 3.922 101.203 88.062 213.626 270.016 197.36 492.984-9.531 130.906-105.016 225.922-227.048 225.922zM246.437 124.446c-4.358 4.296-9.328 9.358-16.656 16.813-8.906 9.077-21.125 21.515-39.656 40.109 70.485 108.61 57.171 185.968 51.344 197.062-2.766 5.266-8.438 8.813-14.376 8.813-107.562 0-195.077 87.515-195.077 195.093 0 107.563 87.515 195.078 195.077 195.078 104.782 0 186.845-82.531 195.141-196.234 18.281-250.782-130.765-413.61-175.797-456.734zM1022.407 583.492v0.016c-9.563 130.89-105.062 225.906-227.062 225.906-125.219 0-227.094-101.859-227.094-227.078 0-120.797 94.813-219.874 213.938-226.718 2.062-22.25 0.499-82.827-57.594-167.187-4.39-6.36-3.594-14.938 1.859-20.39 23.672-23.672 38.328-38.61 48.61-49.062 13.515-13.781 19.688-20.062 28.718-28.25 3.046-2.75 6.906-4.141 10.75-4.141 3.75 0 7.485 1.312 10.499 3.938 101.203 88.062 213.626 270.014 197.376 492.968zM814.687 124.446c-4.39 4.328-9.405 9.421-16.797 16.952-8.906 9.064-21.077 21.469-39.531 39.97 70.485 108.626 57.189 185.968 51.376 197.062-2.766 5.25-8.453 8.813-14.39 8.813-107.579 0-195.094 87.515-195.094 195.093 0 107.563 87.515 195.078 195.094 195.078 104.765 0 186.843-82.531 195.155-196.25v0.016c18.266-250.75-130.781-413.61-175.813-456.734z" >
+<glyph unicode="&#xe94d;" glyph-name="quote" d="M0 448v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571v146.287c-242.001 0-438.858-196.857-438.858-438.858zM1024 740.571v146.287c-242.001 0-438.858-196.857-438.858-438.858v-438.858h438.858v438.858h-292.571c0 161.321 131.251 292.571 292.571 292.571z" >
+<glyph unicode="&#xe94e;" glyph-name="quotation-1" d="M0 394h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18h-468zM60 802h348v-486.18c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268zM556 862v-468h268v-78.18c0-44.664-36.336-81-81-81h-103v-200h103c154.945 0 281 126.055 281 281v546.18zM964 315.82c0-121.859-99.141-221-221-221h-43v80h43c77.75 0 141 63.25 141 141v138.18h-268v348h348z" >
+<glyph unicode="&#xe94f;" glyph-name="quote-1" d="M435.203 858h-409.602c-14.141 0-25.602-11.461-25.602-25.602v-409.602c0-14.133 11.461-25.594 25.602-25.594h332.297c0.5-153.602-112.82-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.594 25.602zM998.398 858h-409.602c-14.133 0-25.594-11.461-25.594-25.602v-409.602c0-14.133 11.461-25.594 25.594-25.594h332.305c0.5-153.602-112.828-256-229.898-256-14.141 0-25.602-11.461-25.602-25.602v-51.203c0-14.141 11.461-25.602 25.602-25.602 153.523 0 332.797 102.406 332.797 358.406v435.195c0 14.141-11.461 25.602-25.602 25.602z" >
+<glyph unicode="&#xe950;" glyph-name="open" d="M1021.876-15.616c1.372 2.284 2.050 4.942 2.082 7.598v556.202c0.36 5.148-1.604 10.414-5.764 13.593l-134.23 104.885v137.284c0 8.284-6.714 14.999-14.999 14.999h-179.892l-91.42 71.431c-48.646 38.012-116.749 38.208-165.611 0.484l-93.154-71.915h-183.892c-8.286 0-14.999-6.716-14.999-14.999v-138.544l-134.118-103.542c-3.66-2.796-5.884-7.3-5.876-11.905v-131.994c0-8.286 6.714-14.999 14.999-14.999s14.999 6.714 14.999 14.999v106.435l377.188-210.699-377.188-291.189v325.458c0 8.286-6.714 14.999-14.999 14.999s-14.999-6.714-14.999-14.999v-355.985c-0.132-8.052 6.942-15.139 14.999-14.999h993.957c5.216-0.016 10.32 2.87 12.917 7.402zM983.488 550.824l-99.524-56.070v133.836zM450.373 867.116c38.006 29.339 90.976 29.185 128.806-0.376l61.167-47.794h-252.371zM343.995 788.947h509.97v-311.095l-94.748-53.38c-7.216-4.066-9.772-13.211-5.706-20.431 4.088-7.286 13.345-9.732 20.431-5.706l220.017 123.953v-499.553l-147.452 115.215c-6.526 5.098-15.953 3.944-21.055-2.584-5.1-6.53-3.944-15.955 2.584-21.055l137.364-107.333h-906.425l391.399 302.159c38.010 29.343 90.976 29.185 128.806-0.376l7.224-5.644c0.010-0.008 0.018-0.014 0.028-0.022l188.024-146.916c6.53-5.1 15.953-3.946 21.055 2.584 5.1 6.53 3.944 15.955-2.584 21.055l-170.451 133.184 92.222 51.956c7.216 4.066 9.772 13.211 5.706 20.431-4.064 7.216-13.207 9.768-20.431 5.706l-103.12-58.096c-48.262 37.138-115.287 37.388-163.813 0.62l-263.047 146.936v308.391zM139.996 497.316l-97.842 54.656 97.842 75.535zM372.986 672.952h277.988c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-277.988c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM282.99 468.961h457.98c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-457.98c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM283.098 571.615h120.897c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-120.897c-8.286 0-14.999-6.716-14.999-14.999s6.714-14.999 14.999-14.999zM468.81 586.614c0-8.284 6.714-14.999 14.999-14.999h257.053c8.286 0 14.999 6.716 14.999 14.999s-6.714 14.999-14.999 14.999h-257.053c-8.286 0-14.999-6.716-14.999-14.999z" >
+<glyph unicode="&#xe951;" glyph-name="options" d="M1004 551.359h-70.133c-10.492 43.031-27.43 83.883-50.508 121.828l49.625 49.625c7.813 7.813 7.813 20.477 0 28.281l-117.883 117.891c-7.813 7.813-20.477 7.813-28.289 0l-49.625-49.625c-37.945 23.086-78.805 40.023-121.828 50.516v70.125c0 11.047-8.953 20-20 20h-166.719c-11.047 0-20-8.953-20-20v-70.125c-43.023-10.492-83.883-27.43-121.828-50.516l-49.625 49.625c-7.813 7.813-20.469 7.813-28.281 0l-117.891-117.891c-7.813-7.805-7.813-20.469 0-28.281l49.617-49.617c-23.078-37.93-40.008-78.789-50.508-121.836h-70.125c-11.047 0-20-8.953-20-20v-166.719c0-11.047 8.953-20 20-20h70.133c10.492-43.023 27.43-83.875 50.508-121.828l-49.625-49.617c-3.75-3.75-5.859-8.844-5.859-14.148s2.109-10.391 5.859-14.141l117.891-117.883c7.805-7.813 20.469-7.813 28.281 0l49.625 49.617c37.945-23.086 78.797-40.023 121.828-50.516v-70.125c0-11.047 8.953-20 20-20h166.719c11.039 0 20 8.953 20 20v70.125c43.023 10.492 83.883 27.43 121.828 50.516l49.625-49.625c7.805-7.805 20.469-7.805 28.281 0l117.891 117.891c7.805 7.813 7.805 20.477 0 28.281l-49.617 49.617c23.070 37.938 40.008 78.797 50.5 121.836h70.133c11.047 0 20 8.953 20 20v166.719c0 11.047-8.953 20-20 20zM984 384.641h-66.141c-9.5 0-17.695-6.688-19.594-16-10.063-49.25-29.258-95.555-57.047-137.633-5.242-7.93-4.18-18.445 2.539-25.164l46.797-46.797-89.602-89.602-46.805 46.797c-6.719 6.719-17.234 7.781-25.164 2.547-42.094-27.805-88.398-47-137.625-57.055-9.313-1.906-16-10.094-16-19.594v-66.141h-126.719v66.133c0 9.508-6.688 17.695-16 19.594-49.234 10.063-95.539 29.258-137.625 57.063-7.93 5.242-18.445 4.172-25.164-2.547l-46.805-46.797-89.602 89.602 46.797 46.805c6.719 6.719 7.789 17.234 2.555 25.164-27.805 42.094-47 88.391-57.055 137.625-1.898 9.313-10.094 16-19.594 16h-66.148v126.719h66.141c9.5 0 17.695 6.688 19.594 16 10.063 49.258 29.258 95.563 57.047 137.625 5.242 7.93 4.18 18.453-2.547 25.172l-46.797 46.797 89.609 89.602 46.805-46.797c6.719-6.727 17.234-7.789 25.164-2.547 42.094 27.805 88.398 47 137.625 57.055 9.313 1.906 16 10.094 16 19.594v66.141h126.719v-66.133c0-9.508 6.688-17.695 15.992-19.594 49.234-10.063 95.539-29.258 137.625-57.063 7.93-5.234 18.453-4.172 25.172 2.547l46.805 46.805 89.602-89.609-46.805-46.805c-6.719-6.719-7.789-17.234-2.547-25.164 27.797-42.086 46.992-88.391 57.047-137.625 1.906-9.313 10.094-16 19.602-16h66.148zM323.727 448c0 103.813 84.461 188.273 188.273 188.273 24.477 0 48.297-4.641 70.797-13.781 10.227-4.156 21.898 0.773 26.055 11 4.156 10.234-0.766 21.906-11 26.063-27.305 11.094-56.188 16.719-85.852 16.719-125.867 0-228.273-102.406-228.273-228.273 0-28.438 5.18-56.211 15.398-82.539 3.078-7.922 10.641-12.773 18.648-12.773 2.406 0 4.852 0.438 7.234 1.359 10.297 4 15.406 15.586 11.406 25.883-8.414 21.703-12.688 44.602-12.688 68.070zM694.82 549.797c-10.117-4.43-14.727-16.227-10.289-26.344 10.445-23.844 15.734-49.227 15.734-75.453 0-103.813-84.453-188.273-188.266-188.273-27.258 0-53.547 5.703-78.141 16.938-10.047 4.594-21.906 0.164-26.5-9.883s-0.164-21.906 9.875-26.5c29.852-13.641 61.734-20.555 94.758-20.555 125.875 0 228.273 102.406 228.273 228.273 0 31.781-6.43 62.57-19.102 91.5-4.43 10.125-16.227 14.727-26.344 10.297zM360.523 325.062c-11.016 0-20-8.984-20-20s8.984-20 20-20c11.016 0 20 8.984 20 20s-8.984 20-20 20zM657.281 577.234c11.016 0 20 8.984 20 20s-8.984 20-20 20-20-8.984-20-20c0-11.016 8.984-20 20-20z" >
+<glyph unicode="&#xe952;" glyph-name="location" d="M630.216 663.832c-0.009 65.282-52.933 118.2-118.216 118.2-65.289 0-118.216-52.927-118.216-118.216s52.927-118.216 118.216-118.216v0c65.262 0.082 118.143 52.969 118.216 118.225v0.007zM421.784 663.832c0.009 49.818 40.397 90.2 90.216 90.2 49.825 0 90.216-40.391 90.216-90.216s-40.391-90.216-90.216-90.216v0c-49.807 0.059-90.166 40.424-90.216 90.227v0.005zM986.624-8.552l-114.128 299.2c-2.070 5.311-7.143 9.006-13.080 9.008h-216c1.32 2.152 2.632 4.24 3.952 6.4 83.112 137.6 124.936 257.968 124.336 357.712 0 0.013 0 0.029 0 0.044 0 143.435-116.277 259.712-259.712 259.712-143.42 0-259.687-116.252-259.712-259.666v-0.002c-0.6-99.832 41.224-220.216 124.336-357.8 1.32-2.184 2.632-4.272 3.952-6.4h-216c-5.937-0.002-11.010-3.697-13.047-8.913l-0.033-0.095-114.112-299.2c-0.587-1.486-0.928-3.207-0.928-5.008 0-7.723 6.261-13.984 13.984-13.984 0.008 0 0.017 0 0.025 0h923.087c0.007 0 0.015 0 0.024 0 7.723 0 13.984 6.261 13.984 13.984 0 1.801-0.34 3.522-0.96 5.103l0.033-0.095zM280.288 663.832c0.023 127.954 103.755 231.672 231.712 231.672 127.971 0 231.712-103.741 231.712-231.712 0-0.014 0-0.028 0-0.042v0.002c1.2-198.864-184.72-444.136-231.712-502.952-46.992 58.792-232.92 304-231.712 503.032zM501.336 129.6c2.584-3.024 6.401-4.929 10.664-4.929s8.080 1.905 10.648 4.91l0.016 0.019c34.457 41.669 68.429 88.003 99.677 136.265l3.523 5.807h223.896l17.92-47-437.528-155.608-155.952 202.632h123.92c34.776-54.078 68.753-100.421 105.237-144.617l-2.021 2.521zM429.664 39.2h0.080l261.016 92.8 101.24-131.544h-471.2zM174.224 271.696h64.64l163.536-212.496-165.144-58.736h-166.48zM827.368 0.456l-108.872 141.456 159.2 56.616 75.544-198.072z" >
+<glyph unicode="&#xe953;" glyph-name="edit" d="M945.112 316.73c-14.086 0-25.503-11.417-25.503-25.503v-226.438c-0.050-42.239-34.27-76.469-76.509-76.509h-715.586c-42.239 0.040-76.459 34.27-76.509 76.509v664.58c0.050 42.229 34.27 76.459 76.509 76.509h226.438c14.086 0 25.503 11.417 25.503 25.503 0 14.076-11.417 25.503-25.503 25.503h-226.438c-70.392-0.080-127.435-57.123-127.515-127.515v-664.59c0.080-70.392 57.123-127.435 127.515-127.515h715.586c70.392 0.080 127.435 57.123 127.515 127.515v226.448c0 14.086-11.417 25.503-25.503 25.503zM960.513 922.503c-44.819 44.819-117.483 44.819-162.302 0l-454.988-454.988c-3.118-3.118-5.37-6.983-6.545-11.227l-59.832-216.008c-2.461-8.856 0.040-18.34 6.535-24.845 6.505-6.495 15.989-8.996 24.845-6.545l216.008 59.842c4.244 1.176 8.109 3.427 11.227 6.545l454.978 454.998c44.75 44.849 44.75 117.453 0 162.302zM398.792 450.939l372.372 372.382 120.093-120.093-372.382-372.382zM374.803 402.802l95.945-95.955-132.715-36.77zM954.376 766.338l-27.047-27.047-120.103 120.103 27.057 27.047c24.895 24.895 65.262 24.895 90.157 0l29.936-29.926c24.855-24.925 24.855-65.262 0-90.177z" >
+<glyph unicode="&#xe954;" glyph-name="award" d="M591.812 548.894c4.518-3.012 10.541-1.506 16.565 1.506 4.518 3.012 7.529 9.035 6.024 15.059l-15.059 88.847 64.753 61.741c4.518 4.518 6.024 10.541 4.518 15.059-1.506 6.024-6.024 9.035-12.047 10.541l-88.847 13.553-39.153 79.812c-4.518 10.541-22.588 10.541-27.106 0l-39.153-79.812-88.847-13.553c-6.024-1.506-10.541-4.518-12.047-10.541s0-12.047 4.518-15.059l64.753-61.741-15.059-88.847c-1.506-6.024 1.506-12.047 6.024-15.059s10.541-4.518 16.565-1.506l79.812 42.165zM445.741 589.553l12.047 66.259c1.506 4.518-1.506 10.541-4.518 13.553l-48.188 46.682 66.259 9.035c4.518 0 9.035 4.518 12.047 7.529l30.118 60.235 30.118-60.235c1.506-4.518 6.024-7.529 12.047-7.529l66.259-9.035-48.188-46.682c-3.012-3.012-4.518-9.035-4.518-13.553l12.047-66.259-58.729 31.624c-1.506 1.506-4.518 1.506-7.529 1.506s-4.518 0-7.529-1.506zM932.141-18.824h-180.706v138.541c0 9.035-6.024 15.059-15.059 15.059h-69.271v76.8c0 9.035-6.024 15.059-15.059 15.059h-84.329v170.165c0 1.506 3.012 4.518 4.518 4.518 72.282 21.082 137.035 79.812 179.2 164.141 96.376 51.2 155.106 150.588 155.106 260.518v19.576c0 9.035-6.024 15.059-15.059 15.059h-81.318c0 24.094-1.506 55.718-3.012 70.776-1.506 7.529-7.529 13.553-15.059 13.553h-561.694c-7.529 0-13.553-6.024-15.059-13.553-1.506-15.059-3.012-46.682-3.012-70.776h-82.824c-9.035 0-15.059-6.024-15.059-15.059v-21.082c0-111.435 58.729-210.824 155.106-260.518 43.671-84.329 106.918-141.553 179.2-164.141 3.012 0 4.518-3.012 4.518-4.518v-170.165h-84.329c-9.035 0-15.059-6.024-15.059-15.059v-76.8h-69.271c-9.035 0-15.059-6.024-15.059-15.059v-137.035h-177.694c-9.035 0-15.059-6.024-15.059-15.059s6.024-15.059 15.059-15.059h840.282c9.035 0 15.059 6.024 15.059 15.059s-7.529 15.059-15.059 15.059zM879.435 824.471c0-84.329-39.153-162.635-103.906-210.824 24.094 63.247 37.647 137.035 37.647 216.847h66.259zM144.565 824.471v6.024h66.259c0-78.306 13.553-152.094 37.647-215.341-64.753 48.188-103.906 124.988-103.906 209.318zM459.294 429.929c-66.259 19.576-124.988 73.788-164.141 152.094-34.635 69.271-54.212 155.106-54.212 248.471 0 21.082 1.506 61.741 3.012 84.329h536.094c1.506-24.094 3.012-64.753 3.012-84.329 0-93.365-18.071-179.2-52.706-248.471-39.153-78.306-97.882-132.518-164.141-152.094-16.565-4.518-27.106-18.071-27.106-33.129v-170.165h-52.706v170.165c-1.506 15.059-12.047 28.612-27.106 33.129zM385.506 195.012h251.482v-61.741h-251.482zM302.682-18.824v123.482h420.141v-123.482z" >
+<glyph unicode="&#xe955;" glyph-name="menu" d="M227.557 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 106.668c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 789.334c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.557 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM625.777 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM1024 448.001c0-62.838-50.94-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778z" >
+<glyph unicode="&#xe956;" glyph-name="categories" d="M352 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 896h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 608c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM352 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM384 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0zM864 384h-192c-53.019 0-96-42.981-96-96v0-192c0-53.019 42.981-96 96-96v0h192c53.019 0 96 42.981 96 96v0 192c0 53.019-42.981 96-96 96v0zM896 96c0-17.673-14.327-32-32-32v0h-192c-17.673 0-32 14.327-32 32v0 192c0 17.673 14.327 32 32 32v0h192c17.673 0 32-14.327 32-32v0z" >
+<glyph unicode="&#xe957;" glyph-name="menu-1" d="M639.936 959.746h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946 703.874h-215.892v215.892h215.892v-215.892zM1004.010 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM984.020 703.874h-215.894v215.892h215.894v-215.892zM275.864 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM255.874 340.054h-215.894v215.892h215.892v-215.892zM639.936 595.926h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.040-8.95 19.99-19.992 19.99zM619.946 340.054h-215.892v215.892h215.892v-215.892zM1004.010 595.926h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.040-8.95 19.99-19.99 19.99zM984.020 340.054h-215.894v215.892h215.894v-215.892zM275.864 232.108h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c0 11.038-8.95 19.99-19.99 19.99zM255.874-23.766h-215.894v215.892h215.892v-215.892zM639.936 232.108h-255.872c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.874c-0.002 11.038-8.95 19.99-19.992 19.99zM619.946-23.766h-215.892v215.892h215.892v-215.892zM897.034 226.25c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.14-14.134-5.858-3.738-3.718-5.858-8.876-5.858-14.132 0-5.258 2.12-10.414 5.858-14.13 3.718-3.72 8.856-5.86 14.134-5.86 5.258 0 10.414 2.138 14.132 5.86 3.718 3.716 5.858 8.874 5.858 14.13s-2.138 10.412-5.858 14.132zM1004.010 232.108h-30.492c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h10.502v-215.892h-215.894v215.89h26.812c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-46.802c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h255.874c11.040 0 19.99 8.952 19.99 19.99v255.876c0 11.038-8.95 19.99-19.99 19.99zM155.242 698.016c-3.718 3.72-8.876 5.858-14.132 5.858-5.278 0-10.414-2.138-14.132-5.858-3.718-3.718-5.858-8.876-5.858-14.132 0-5.258 2.138-10.414 5.858-14.132 3.718-3.72 8.876-5.86 14.132-5.86s10.414 2.138 14.132 5.86c3.718 3.716 5.858 8.874 5.858 14.132 0 5.256-2.138 10.414-5.858 14.132zM275.864 959.746h-255.874c-11.040 0-19.99-8.952-19.99-19.99v-255.874c0-11.038 8.95-19.99 19.99-19.99h30.492c11.040 0 19.99 8.952 19.99 19.99s-8.95 19.99-19.99 19.99h-10.502v215.894h215.892v-215.892h-26.812c-11.040 0-19.99-8.952-19.99-19.99s8.95-19.99 19.99-19.99h46.802c11.040 0 19.99 8.952 19.99 19.99v255.872c0.002 11.038-8.948 19.99-19.988 19.99z" >
+<glyph unicode="&#xe958;" glyph-name="menu-2" d="M146.286 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 228.571c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714-27.429c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 594.286c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM877.714 338.286c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM146.286 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM146.286 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM512 960c-80.658 0-146.286-65.627-146.286-146.286s65.627-146.286 146.286-146.286 146.286 65.627 146.286 146.286-65.627 146.286-146.286 146.286zM512 704c-60.507 0-109.714 49.207-109.714 109.714s49.207 109.714 109.714 109.714 109.714-49.207 109.714-109.714-49.207-109.714-109.714-109.714zM877.714 667.429c80.658 0 146.286 65.627 146.286 146.286s-65.627 146.286-146.286 146.286-146.286-65.627-146.286-146.286 65.627-146.286 146.286-146.286zM877.714 923.429c60.507 0 109.714-49.207 109.714-109.714s-49.207-109.714-109.714-109.714-109.714 49.207-109.714 109.714 49.207 109.714 109.714 109.714z" >
+<glyph unicode="&#xe959;" glyph-name="bookmark" d="M833.334 960h-642.668c-16.568 0-30-13.432-30-30v-964c0-12.134 7.31-23.072 18.52-27.716 3.712-1.538 7.61-2.284 11.474-2.284 7.808 0 15.48 3.046 21.22 8.788l300.126 300.122 300.114-300.122c8.58-8.58 21.484-11.146 32.694-6.504 11.21 4.644 18.52 15.582 18.52 27.716v964c0 16.568-13.432 30-30 30zM512.004 317.336c-7.956 0-15.586-3.16-21.212-8.788l-270.126-270.122v861.574h582.666v-861.57l-270.114 270.118c-5.626 5.628-13.256 8.788-21.214 8.788z" >
+<glyph unicode="&#xe95a;" glyph-name="bookmark-1" d="M212 960v-1024l300 291.578 300-291.578v1024z" >
+<glyph unicode="&#xe95b;" glyph-name="reply" d="M398.221 647.112v227.555l-398.221-398.221 398.221-398.221v233.243c284.445 0 483.557-91.021 625.779-290.133-56.888 284.445-227.555 568.888-625.779 625.779z" >
+<glyph unicode="&#xe95c;" glyph-name="reply-1" d="M479.991 639.999h-96.002v160.003c0 13.248-8.128 25.088-20.416 29.888-12.288 4.736-26.304 1.408-35.265-8.384l-320.005-352.006c-11.072-12.16-11.072-30.784 0-43.009l320.005-352.006c6.208-6.784 14.848-10.496 23.68-10.496 3.904 0 7.808 0.704 11.584 2.112 12.288 4.8 20.416 16.64 20.416 29.888v160.003h89.025c182.659 0 359.558-65.409 498.184-184.323 9.408-8.128 22.912-9.984 34.177-4.736 11.392 5.184 18.624 16.576 18.624 29.056 0 299.973-244.036 544.009-544.009 544.009zM473.015 319.994h-121.026c-17.664 0-32.001-14.336-32.001-32.001v-109.25l-244.74 269.252 244.74 269.252v-109.25c0-17.664 14.336-32.001 32.001-32.001h128.002c128.194 0 248.772-49.921 339.397-140.546 74.049-74.049 120.962-168.067 135.618-269.828-140.162 99.97-308.677 154.37-481.992 154.37z" >
+<glyph unicode="&#xe95d;" glyph-name="globe" d="M511.407 959.953c-18.355 0-36.697-0.987-54.948-2.954-16.728-1.709-33.25-4.511-49.55-7.911-3.155-0.66-6.311-1.356-9.466-2.085-96.040-21.866-183.736-70.97-252.57-141.424-6.401-6.561-12.667-13.317-18.795-20.264-185.942-213.468-163.627-537.255 49.843-723.197 204.37-178.016 511.999-166.171 702.076 27.031 6.414 6.561 12.678 13.317 18.795 20.264 82.059 93.45 127.281 213.586 127.208 337.951 0 283.097-229.495 512.591-512.593 512.588zM167.649 779.95c2.7 2.802 5.502 5.485 8.253 8.201 3.178 3.127 6.339 6.271 9.585 9.295 2.853 2.665 5.792 5.228 8.714 7.826 3.298 2.922 6.578 5.844 9.961 8.663 2.973 2.512 6.031 4.921 9.073 7.347 3.417 2.734 6.835 5.468 10.354 8.099 3.11 2.341 6.271 4.613 9.449 6.835 3.537 2.529 7.091 5.126 10.696 7.484 3.229 2.187 6.493 4.306 9.773 6.407 3.656 2.341 7.33 4.647 11.038 6.835 3.338 1.993 6.698 3.953 10.081 5.878 3.782 2.153 7.58 4.255 11.397 6.305 3.417 1.822 6.835 3.605 10.252 5.348 3.896 1.965 7.826 3.862 11.772 5.724 3.417 1.623 6.971 3.246 10.491 4.784 4.015 1.709 8.082 3.417 12.148 5.126 3.537 1.452 7.057 2.871 10.628 4.237 4.135 1.572 8.321 3.041 12.507 4.511 3.571 1.247 7.142 2.495 10.764 3.674 4.255 1.367 8.543 2.631 12.849 3.879 3.605 1.042 7.176 2.119 10.799 3.093 1.384 0.359 2.768 0.649 4.152 1.008-50.576-49.108-88.108-110.055-109.199-177.322-40.554 10.696-79.815 25.805-117.076 45.057 0.564 0.598 1.042 1.196 1.538 1.709zM143.079 752.441c41.044-22.238 84.567-39.559 129.668-51.601-22.11-76.88-33.716-156.398-34.497-236.39h-204.865c3.723 105.485 42.297 206.76 109.694 287.99zM143.079 142.288c-67.393 81.233-105.967 182.508-109.694 287.99h204.865c0.782-79.992 12.385-159.51 34.497-236.39-45.099-12.046-88.623-29.365-129.668-51.601zM388.131-14.838c-3.451 0.871-7.022 1.999-10.576 3.041-4.323 1.264-8.663 2.529-12.934 3.913-3.605 1.162-7.159 2.409-10.713 3.656-4.203 1.452-8.406 2.939-12.558 4.528-3.554 1.35-7.057 2.768-10.576 4.203-4.084 1.709-8.167 3.417-12.217 5.126-3.486 1.538-6.954 3.12-10.406 4.75-3.981 1.879-7.945 3.793-11.96 5.775-3.417 1.709-6.835 3.417-10.252 5.28-3.862 2.067-7.689 4.186-11.516 6.373-3.417 1.897-6.664 3.844-9.961 5.826-3.759 2.255-7.45 4.579-11.14 6.954-3.246 2.067-6.493 4.169-9.688 6.322-3.639 2.46-7.245 5.023-10.816 7.586-3.127 2.238-6.254 4.477-9.329 6.835-3.537 2.665-7.005 5.416-10.457 8.184-3.024 2.409-6.031 4.801-8.987 7.279-3.417 2.836-6.715 5.792-10.030 8.731-2.905 2.58-5.826 5.126-8.663 7.757-3.263 3.041-6.424 6.202-9.603 9.329-2.751 2.717-5.553 5.399-8.253 8.184-0.496 0.53-0.974 1.076-1.469 1.589 37.259 19.261 76.519 34.376 117.076 45.074 21.095-67.265 58.625-128.21 109.199-177.322-1.384 0.359-2.785 0.649-4.169 1.025zM494.323-29.703c-73.112 10.389-137.203 86.696-177.527 199.381 58.299 13.054 117.791 20.057 177.527 20.897v-220.277zM494.323 224.747c-63.369-0.833-126.471-8.359-188.257-22.451-21.454 74.127-32.772 150.819-33.643 227.983h221.9v-205.532zM494.323 464.451h-221.9c0.869 77.164 12.187 153.856 33.643 227.983 61.786-14.090 124.891-21.616 188.257-22.451v-205.532zM494.323 704.155c-59.738 0.833-119.229 7.836-177.527 20.897 40.324 112.684 104.415 188.992 177.527 199.381v-220.277zM879.74 752.441c67.393-81.233 105.967-182.508 109.694-287.99h-204.865c-0.782 79.992-12.385 159.51-34.497 236.39 45.099 12.048 88.623 29.367 129.668 51.601zM634.551 909.585c3.588-0.888 7.159-2.016 10.713-3.058 4.323-1.264 8.663-2.529 12.934-3.913 3.605-1.162 7.159-2.409 10.713-3.656 4.203-1.452 8.406-2.939 12.558-4.528 3.554-1.35 7.057-2.768 10.576-4.203 4.084-1.709 8.167-3.417 12.217-5.126 3.486-1.538 6.954-3.12 10.406-4.75 3.981-1.879 7.945-3.793 11.96-5.775 3.417-1.709 6.835-3.417 10.252-5.28 3.862-2.067 7.689-4.186 11.516-6.373 3.417-1.897 6.664-3.844 9.961-5.826 3.759-2.255 7.45-4.579 11.14-6.954 3.246-2.067 6.493-4.169 9.688-6.322 3.639-2.46 7.228-5.006 10.799-7.569 3.144-2.238 6.271-4.494 9.363-6.835 3.52-2.648 6.971-5.399 10.44-8.167 3.007-2.392 6.031-4.784 8.987-7.279 3.417-2.836 6.715-5.792 10.030-8.731 2.905-2.58 5.826-5.126 8.663-7.757 3.263-3.041 6.424-6.202 9.603-9.329 2.751-2.717 5.553-5.399 8.253-8.184 0.496-0.53 0.974-1.076 1.469-1.589-37.259-19.261-76.519-34.376-117.076-45.074-21.136 67.273-58.715 128.214-109.336 177.305 1.384-0.359 2.785-0.649 4.169-1.025zM528.496 924.433c73.112-10.389 137.203-86.696 177.527-199.381-58.299-13.054-117.791-20.057-177.527-20.897v220.277zM528.496 669.983c63.369 0.833 126.471 8.359 188.257 22.451 21.454-74.127 32.772-150.819 33.643-227.983h-221.9v205.532zM528.496 430.278h221.9c-0.869-77.164-12.187-153.856-33.643-227.983v0c-61.786 14.090-124.888 21.616-188.257 22.451v205.532zM528.496-29.703v220.277c59.738-0.833 119.229-7.836 177.527-20.897-40.324-112.684-104.415-188.992-177.527-199.381zM855.17 114.779c-2.7-2.785-5.485-5.468-8.236-8.184-3.178-3.127-6.356-6.288-9.62-9.329-2.836-2.648-5.758-5.126-8.663-7.774-3.315-2.939-6.612-5.878-9.996-8.714-2.99-2.495-6.031-4.904-9.073-7.33-3.417-2.734-6.835-5.468-10.354-8.099-3.11-2.341-6.271-4.613-9.449-6.835-3.537-2.529-7.091-5.126-10.696-7.484-3.229-2.187-6.493-4.306-9.773-6.39-3.656-2.358-7.341-4.637-11.055-6.835-3.417-1.999-6.681-3.947-10.047-5.878-3.782-2.153-7.586-4.255-11.414-6.305-3.417-1.822-6.835-3.605-10.252-5.348-3.896-1.965-7.826-3.862-11.772-5.724-3.417-1.623-6.971-3.246-10.491-4.784-4.015-1.709-8.082-3.417-12.148-5.126-3.537-1.435-7.057-2.871-10.611-4.22-4.169-1.589-8.355-3.076-12.558-4.528-3.554-1.247-7.108-2.495-10.713-3.656-4.272-1.384-8.543-2.648-12.9-3.896-3.571-1.059-7.159-2.119-10.764-3.093-1.384-0.359-2.768-0.649-4.152-1.008 50.576 49.108 88.108 110.055 109.199 177.322 40.554-10.696 79.815-25.805 117.076-45.057-0.564-0.615-1.042-1.213-1.538-1.726zM879.74 142.288c-41.044 22.238-84.567 39.559-129.668 51.601 22.11 76.88 33.716 156.398 34.497 236.39h204.865c-3.721-105.483-42.297-206.76-109.694-287.99z" >
+<glyph unicode="&#xe95e;" glyph-name="clock" d="M512 960c-282.312 0-512-229.688-512-512s229.688-512 512-512 512 229.688 512 512-229.688 512-512 512zM512 0c-247.032 0-448 200.968-448 448s200.968 448 448 448 448-200.968 448-448-200.968-448-448-448zM544 767.999h-64v-333.249l201.375-201.375 45.25 45.25-182.625 182.625z" >
+<glyph unicode="&#xe95f;" glyph-name="alarm-clock" d="M979.055 915.029c-60.111 59.686-157.12 59.686-217.231 0-1.6-1.606-2.864-3.515-3.719-5.613-0.746-1.875-1.145-3.869-1.177-5.886-0.049-0.192-0.090-0.384-0.119-0.58 0.002-2.231 0.444-4.44 1.297-6.501 0.842-2.092 2.103-3.99 3.702-5.579l84.507-84.507-32.673-32.656c-81.858 75.665-189.226 117.701-300.697 117.726-0.29 0.085-0.512 0.239-0.802 0.239s-0.512-0.154-0.802-0.154c-111.486-0.047-218.858-42.121-300.697-117.829l-32.673 32.673 84.507 84.507c1.6 1.589 2.86 3.487 3.702 5.579 0.853 2.060 1.295 4.27 1.297 6.501 0 0.205-0.102 0.375-0.119 0.58 0.015 3.937-1.516 7.725-4.265 10.544-0.256 0.29-0.341 0.648-0.614 0.921-59.991 60-157.265 60.008-217.265 0.017-60.002-59.991-60.008-157.265-0.017-217.265 0.239-0.256 0.58-0.324 0.836-0.563 1.391-1.309 2.994-2.372 4.743-3.139 1.862-0.732 3.837-1.13 5.835-1.177 0.205 0 0.409-0.119 0.631-0.119 2.222 0.009 4.423 0.444 6.483 1.28 2.088 0.859 3.984 2.122 5.579 3.719l84.541 84.49 32.673-32.673c-166.37-179.848-155.444-460.511 24.403-626.88 15.375-14.221 31.735-27.337 48.963-39.246l-118.119-118.102c-6.778-6.545-6.965-17.348-0.418-24.125 6.545-6.778 17.348-6.965 24.125-0.418 0.143 0.136 0.282 0.277 0.418 0.418l123.476 123.476c137.65-80.306 307.867-80.306 445.518 0l123.476-123.476c6.778-6.547 17.578-6.36 24.125 0.418 6.388 6.611 6.388 17.096 0 23.707l-118.119 118.102c201.532 139.414 251.888 415.805 112.473 617.336-11.873 17.162-24.942 33.467-39.108 48.79l32.707 32.673 84.507-84.507c1.595-1.597 3.491-2.86 5.579-3.719 2.060-0.836 4.261-1.271 6.483-1.28 0.222 0 0.427 0.119 0.631 0.119 1.998 0.047 3.973 0.446 5.835 1.177 1.749 0.768 3.353 1.83 4.743 3.139 0.256 0.239 0.597 0.307 0.836 0.563 59.674 60.109 59.629 157.146 0 217.299zM58.162 734.806c-39.345 53-28.276 127.859 24.725 167.206 42.303 31.402 100.178 31.402 142.481 0l-167.206-167.206zM920.891 465.127h-84.575c-9.422 0-17.062-7.639-17.062-17.062s7.639-17.062 17.062-17.062h84.882c-9.122-212.601-179.394-382.873-391.995-391.995v84.882c0 9.422-7.639 17.062-17.062 17.062s-17.062-7.639-17.062-17.062v-84.882c-212.601 9.122-382.873 179.394-391.995 391.995h84.882c9.422 0 17.062 7.639 17.062 17.062s-7.639 17.062-17.062 17.062h-84.575c3.875 102.288 46.103 199.373 118.289 271.948 0.273 0.239 0.614 0.324 0.87 0.58s0.341 0.597 0.58 0.87c72.56 72.21 169.652 114.442 271.948 118.289v-84.575c0-9.422 7.639-17.062 17.062-17.062s17.062 7.639 17.062 17.062v84.575c102.296-3.845 199.391-46.078 271.948-118.289 0.239-0.273 0.324-0.614 0.58-0.87s0.597-0.341 0.87-0.58c72.184-72.577 114.412-169.66 118.289-271.948zM966.088 734.84l-167.206 167.206c52.768 39.577 127.629 28.881 167.206-23.887 31.848-42.467 31.848-100.854 0-143.319zM754.778 607.866h0.034l-194.061-112.028c-26.205 26.855-69.22 27.382-96.075 1.177-0.397-0.388-0.789-0.781-1.177-1.177l-105.391 60.842c-8.13 4.765-18.582 2.039-23.347-6.091s-2.039-18.582 6.091-23.347c0.064-0.038 0.13-0.075 0.196-0.113l105.561-60.945c-10.587-36.175 10.158-74.082 46.333-84.667 36.175-10.587 74.082 10.158 84.667 46.333 3.662 12.517 3.662 25.819 0 38.336l194.231 112.13c8.13 4.765 10.856 15.219 6.091 23.347-4.724 8.051-15.040 10.815-23.155 6.202zM512.142 413.941c-18.847 0-34.124 15.277-34.124 34.124s15.277 34.124 34.124 34.124 34.124-15.277 34.124-34.124-15.279-34.124-34.124-34.124z" >
+</font></defs></svg>
\ No newline at end of file
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf
new file mode 100644
index 0000000..26a85aa
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.ttf differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff
new file mode 100644
index 0000000..714a818
Binary files /dev/null and b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/fonts/icomoon.woff differ
diff --git a/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/style.css b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/style.css
new file mode 100644
index 0000000..eb7b40b
--- /dev/null
+++ b/quarter/assets/fonts/new-folder/custom-Fonts-For-Use/style.css
@@ -0,0 +1,315 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('fonts/icomoon.eot?3aun5s');
+  src:  url('fonts/icomoon.eot?3aun5s#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?3aun5s') format('truetype'),
+    url('fonts/icomoon.woff?3aun5s') format('woff'),
+    url('fonts/icomoon.svg?3aun5s#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-cancel:before {
+  content: "\e900";
+}
+.icon-star:before {
+  content: "\e901";
+}
+.icon-star-1:before {
+  content: "\e902";
+}
+.icon-plus:before {
+  content: "\e903";
+}
+.icon-remove:before {
+  content: "\e904";
+}
+.icon-compare:before {
+  content: "\e905";
+}
+.icon-facebook:before {
+  content: "\e906";
+}
+.icon-twitter:before {
+  content: "\e907";
+}
+.icon-linkedin:before {
+  content: "\e908";
+}
+.icon-whatsapp:before {
+  content: "\e909";
+}
+.icon-youtube:before {
+  content: "\e90a";
+}
+.icon-mail:before {
+  content: "\e90b";
+}
+.icon-placeholder:before {
+  content: "\e90c";
+}
+.icon-call:before {
+  content: "\e90d";
+}
+.icon-left-arrow:before {
+  content: "\e90e";
+}
+.icon-next:before {
+  content: "\e90f";
+}
+.icon-arrows:before {
+  content: "\e910";
+}
+.icon-down-arrow:before {
+  content: "\e911";
+}
+.icon-mechanic:before {
+  content: "\e912";
+}
+.icon-car-service:before {
+  content: "\e913";
+}
+.icon-key:before {
+  content: "\e914";
+}
+.icon-repair:before {
+  content: "\e915";
+}
+.icon-car-parts:before {
+  content: "\e916";
+}
+.icon-car:before {
+  content: "\e917";
+}
+.icon-exterior:before {
+  content: "\e918";
+}
+.icon-car-parts-1:before {
+  content: "\e919";
+}
+.icon-maintenance:before {
+  content: "\e91a";
+}
+.icon-car-1:before {
+  content: "\e91b";
+}
+.icon-car-parts-2:before {
+  content: "\e91c";
+}
+.icon-hand:before {
+  content: "\e91d";
+}
+.icon-accumulator:before {
+  content: "\e91e";
+}
+.icon-car-parts-3:before {
+  content: "\e91f";
+}
+.icon-repair-1:before {
+  content: "\e920";
+}
+.icon-carwash:before {
+  content: "\e921";
+}
+.icon-car-parts-4:before {
+  content: "\e922";
+}
+.icon-automobile:before {
+  content: "\e923";
+}
+.icon-polisher:before {
+  content: "\e924";
+}
+.icon-car-parts-5:before {
+  content: "\e925";
+}
+.icon-gasoline:before {
+  content: "\e926";
+}
+.icon-seat:before {
+  content: "\e927";
+}
+.icon-car-parts-6:before {
+  content: "\e928";
+}
+.icon-car-2:before {
+  content: "\e929";
+}
+.icon-soap:before {
+  content: "\e92a";
+}
+.icon-car-parts-7:before {
+  content: "\e92b";
+}
+.icon-disc-brake:before {
+  content: "\e92c";
+}
+.icon-car-parts-8:before {
+  content: "\e92d";
+}
+.icon-wheel:before {
+  content: "\e92e";
+}
+.icon-car-parts-9:before {
+  content: "\e92f";
+}
+.icon-speedometer:before {
+  content: "\e930";
+}
+.icon-maintenance-1:before {
+  content: "\e931";
+}
+.icon-shopping-bags:before {
+  content: "\e932";
+}
+.icon-shopping-cart:before {
+  content: "\e933";
+}
+.icon-view:before {
+  content: "\e934";
+}
+.icon-phone-call:before {
+  content: "\e935";
+}
+.icon-calendar:before {
+  content: "\e936";
+}
+.icon-calendar-1:before {
+  content: "\e937";
+}
+.icon-right-arrow-angle:before {
+  content: "\e938";
+}
+.icon-down-arrow-1:before {
+  content: "\e939";
+}
+.icon-up-arrow-angle:before {
+  content: "\e93a";
+}
+.icon-search:before {
+  content: "\e93b";
+}
+.icon-share:before {
+  content: "\e93c";
+}
+.icon-left-arrow-1:before {
+  content: "\e93d";
+}
+.icon-quotation:before {
+  content: "\e93e";
+}
+.icon-user:before {
+  content: "\e93f";
+}
+.icon-tag:before {
+  content: "\e940";
+}
+.icon-play:before {
+  content: "\e941";
+}
+.icon-done:before {
+  content: "\e942";
+}
+.icon-electric-car:before {
+  content: "\e943";
+}
+.icon-cog:before {
+  content: "\e944";
+}
+.icon-car-3:before {
+  content: "\e945";
+}
+.icon-tyre:before {
+  content: "\e946";
+}
+.icon-wheel-1:before {
+  content: "\e947";
+}
+.icon-tire:before {
+  content: "\e948";
+}
+.icon-tire-1:before {
+  content: "\e949";
+}
+.icon-flat-tire:before {
+  content: "\e94a";
+}
+.icon-pressure:before {
+  content: "\e94b";
+}
+.icon-right-quote:before {
+  content: "\e94c";
+}
+.icon-quote:before {
+  content: "\e94d";
+}
+.icon-quotation-1:before {
+  content: "\e94e";
+}
+.icon-quote-1:before {
+  content: "\e94f";
+}
+.icon-open:before {
+  content: "\e950";
+}
+.icon-options:before {
+  content: "\e951";
+}
+.icon-location:before {
+  content: "\e952";
+}
+.icon-edit:before {
+  content: "\e953";
+}
+.icon-award:before {
+  content: "\e954";
+}
+.icon-menu:before {
+  content: "\e955";
+}
+.icon-categories:before {
+  content: "\e956";
+}
+.icon-menu-1:before {
+  content: "\e957";
+}
+.icon-menu-2:before {
+  content: "\e958";
+}
+.icon-bookmark:before {
+  content: "\e959";
+}
+.icon-bookmark-1:before {
+  content: "\e95a";
+}
+.icon-reply:before {
+  content: "\e95b";
+}
+.icon-reply-1:before {
+  content: "\e95c";
+}
+.icon-globe:before {
+  content: "\e95d";
+}
+.icon-clock:before {
+  content: "\e95e";
+}
+.icon-alarm-clock:before {
+  content: "\e95f";
+}
diff --git a/quarter/assets/img/banner/1.jpg b/quarter/assets/img/banner/1.jpg
new file mode 100644
index 0000000..eb02d2d
Binary files /dev/null and b/quarter/assets/img/banner/1.jpg differ
diff --git a/quarter/assets/img/banner/2.jpg b/quarter/assets/img/banner/2.jpg
new file mode 100644
index 0000000..fa6a72d
Binary files /dev/null and b/quarter/assets/img/banner/2.jpg differ
diff --git a/quarter/assets/img/banner/4.jpg b/quarter/assets/img/banner/4.jpg
new file mode 100644
index 0000000..bdefd64
Binary files /dev/null and b/quarter/assets/img/banner/4.jpg differ
diff --git a/quarter/assets/img/banner/5.jpg b/quarter/assets/img/banner/5.jpg
new file mode 100644
index 0000000..8336350
Binary files /dev/null and b/quarter/assets/img/banner/5.jpg differ
diff --git a/quarter/assets/img/banner/7.jpg b/quarter/assets/img/banner/7.jpg
new file mode 100644
index 0000000..ccfed7d
Binary files /dev/null and b/quarter/assets/img/banner/7.jpg differ
diff --git a/quarter/assets/img/banner/banner-1.jpg b/quarter/assets/img/banner/banner-1.jpg
new file mode 100644
index 0000000..484f7ec
Binary files /dev/null and b/quarter/assets/img/banner/banner-1.jpg differ
diff --git a/quarter/assets/img/banner/banner-2.jpg b/quarter/assets/img/banner/banner-2.jpg
new file mode 100644
index 0000000..4b227f8
Binary files /dev/null and b/quarter/assets/img/banner/banner-2.jpg differ
diff --git a/quarter/assets/img/banner/banner-3.jpg b/quarter/assets/img/banner/banner-3.jpg
new file mode 100644
index 0000000..0ac6b2b
Binary files /dev/null and b/quarter/assets/img/banner/banner-3.jpg differ
diff --git a/quarter/assets/img/banner/banner-4.jpg b/quarter/assets/img/banner/banner-4.jpg
new file mode 100644
index 0000000..4606f3f
Binary files /dev/null and b/quarter/assets/img/banner/banner-4.jpg differ
diff --git a/quarter/assets/img/banner/menu-banner-1.jpg b/quarter/assets/img/banner/menu-banner-1.jpg
new file mode 100644
index 0000000..462ffa3
Binary files /dev/null and b/quarter/assets/img/banner/menu-banner-1.jpg differ
diff --git a/quarter/assets/img/banner/menu-banner-2.jpg b/quarter/assets/img/banner/menu-banner-2.jpg
new file mode 100644
index 0000000..bae164a
Binary files /dev/null and b/quarter/assets/img/banner/menu-banner-2.jpg differ
diff --git a/quarter/assets/img/banner/newsletter-popup-1.jpg b/quarter/assets/img/banner/newsletter-popup-1.jpg
new file mode 100644
index 0000000..deffb44
Binary files /dev/null and b/quarter/assets/img/banner/newsletter-popup-1.jpg differ
diff --git a/quarter/assets/img/bg/1.jpg b/quarter/assets/img/bg/1.jpg
new file mode 100644
index 0000000..19337fd
Binary files /dev/null and b/quarter/assets/img/bg/1.jpg differ
diff --git a/quarter/assets/img/bg/1.png b/quarter/assets/img/bg/1.png
new file mode 100644
index 0000000..45da1c8
Binary files /dev/null and b/quarter/assets/img/bg/1.png differ
diff --git a/quarter/assets/img/bg/10.png b/quarter/assets/img/bg/10.png
new file mode 100644
index 0000000..ba842c6
Binary files /dev/null and b/quarter/assets/img/bg/10.png differ
diff --git a/quarter/assets/img/bg/11.png b/quarter/assets/img/bg/11.png
new file mode 100644
index 0000000..1e5cdd3
Binary files /dev/null and b/quarter/assets/img/bg/11.png differ
diff --git a/quarter/assets/img/bg/12-1.png b/quarter/assets/img/bg/12-1.png
new file mode 100644
index 0000000..24a6305
Binary files /dev/null and b/quarter/assets/img/bg/12-1.png differ
diff --git a/quarter/assets/img/bg/12.png b/quarter/assets/img/bg/12.png
new file mode 100644
index 0000000..45da1c8
Binary files /dev/null and b/quarter/assets/img/bg/12.png differ
diff --git a/quarter/assets/img/bg/13.jpg b/quarter/assets/img/bg/13.jpg
new file mode 100644
index 0000000..ef08147
Binary files /dev/null and b/quarter/assets/img/bg/13.jpg differ
diff --git a/quarter/assets/img/bg/14.jpg b/quarter/assets/img/bg/14.jpg
new file mode 100644
index 0000000..653561a
Binary files /dev/null and b/quarter/assets/img/bg/14.jpg differ
diff --git a/quarter/assets/img/bg/15.jpg b/quarter/assets/img/bg/15.jpg
new file mode 100644
index 0000000..91e3263
Binary files /dev/null and b/quarter/assets/img/bg/15.jpg differ
diff --git a/quarter/assets/img/bg/16.jpg b/quarter/assets/img/bg/16.jpg
new file mode 100644
index 0000000..dcaa11a
Binary files /dev/null and b/quarter/assets/img/bg/16.jpg differ
diff --git a/quarter/assets/img/bg/17.jpg b/quarter/assets/img/bg/17.jpg
new file mode 100644
index 0000000..ff23dff
Binary files /dev/null and b/quarter/assets/img/bg/17.jpg differ
diff --git a/quarter/assets/img/bg/18.png b/quarter/assets/img/bg/18.png
new file mode 100644
index 0000000..5177b01
Binary files /dev/null and b/quarter/assets/img/bg/18.png differ
diff --git a/quarter/assets/img/bg/19.jpg b/quarter/assets/img/bg/19.jpg
new file mode 100644
index 0000000..1033a08
Binary files /dev/null and b/quarter/assets/img/bg/19.jpg differ
diff --git a/quarter/assets/img/bg/2.jpg b/quarter/assets/img/bg/2.jpg
new file mode 100644
index 0000000..aa03a02
Binary files /dev/null and b/quarter/assets/img/bg/2.jpg differ
diff --git a/quarter/assets/img/bg/2.png b/quarter/assets/img/bg/2.png
new file mode 100644
index 0000000..f76209e
Binary files /dev/null and b/quarter/assets/img/bg/2.png differ
diff --git a/quarter/assets/img/bg/20.jpg b/quarter/assets/img/bg/20.jpg
new file mode 100644
index 0000000..233b519
Binary files /dev/null and b/quarter/assets/img/bg/20.jpg differ
diff --git a/quarter/assets/img/bg/21.jpg b/quarter/assets/img/bg/21.jpg
new file mode 100644
index 0000000..e1bd6b9
Binary files /dev/null and b/quarter/assets/img/bg/21.jpg differ
diff --git a/quarter/assets/img/bg/22.jpg b/quarter/assets/img/bg/22.jpg
new file mode 100644
index 0000000..27fa5a1
Binary files /dev/null and b/quarter/assets/img/bg/22.jpg differ
diff --git a/quarter/assets/img/bg/23.jpg b/quarter/assets/img/bg/23.jpg
new file mode 100644
index 0000000..d5ca1de
Binary files /dev/null and b/quarter/assets/img/bg/23.jpg differ
diff --git a/quarter/assets/img/bg/24.jpg b/quarter/assets/img/bg/24.jpg
new file mode 100644
index 0000000..11e2f6e
Binary files /dev/null and b/quarter/assets/img/bg/24.jpg differ
diff --git a/quarter/assets/img/bg/3.jpg b/quarter/assets/img/bg/3.jpg
new file mode 100644
index 0000000..dd99cf7
Binary files /dev/null and b/quarter/assets/img/bg/3.jpg differ
diff --git a/quarter/assets/img/bg/30.jpg b/quarter/assets/img/bg/30.jpg
new file mode 100644
index 0000000..647b033
Binary files /dev/null and b/quarter/assets/img/bg/30.jpg differ
diff --git a/quarter/assets/img/bg/4.jpg b/quarter/assets/img/bg/4.jpg
new file mode 100644
index 0000000..f79f706
Binary files /dev/null and b/quarter/assets/img/bg/4.jpg differ
diff --git a/quarter/assets/img/bg/5.jpg b/quarter/assets/img/bg/5.jpg
new file mode 100644
index 0000000..f0fa31f
Binary files /dev/null and b/quarter/assets/img/bg/5.jpg differ
diff --git a/quarter/assets/img/bg/6.jpg b/quarter/assets/img/bg/6.jpg
new file mode 100644
index 0000000..8d4cd22
Binary files /dev/null and b/quarter/assets/img/bg/6.jpg differ
diff --git a/quarter/assets/img/bg/7.jpg b/quarter/assets/img/bg/7.jpg
new file mode 100644
index 0000000..64d6179
Binary files /dev/null and b/quarter/assets/img/bg/7.jpg differ
diff --git a/quarter/assets/img/bg/8-1.jpg b/quarter/assets/img/bg/8-1.jpg
new file mode 100644
index 0000000..5c3eba1
Binary files /dev/null and b/quarter/assets/img/bg/8-1.jpg differ
diff --git a/quarter/assets/img/bg/8-2.jpg b/quarter/assets/img/bg/8-2.jpg
new file mode 100644
index 0000000..04c6646
Binary files /dev/null and b/quarter/assets/img/bg/8-2.jpg differ
diff --git a/quarter/assets/img/bg/8.jpg b/quarter/assets/img/bg/8.jpg
new file mode 100644
index 0000000..4ae2ac5
Binary files /dev/null and b/quarter/assets/img/bg/8.jpg differ
diff --git a/quarter/assets/img/bg/9.jpg b/quarter/assets/img/bg/9.jpg
new file mode 100644
index 0000000..02d63d2
Binary files /dev/null and b/quarter/assets/img/bg/9.jpg differ
diff --git a/quarter/assets/img/bg/footer-bg-1.png b/quarter/assets/img/bg/footer-bg-1.png
new file mode 100644
index 0000000..a13d2de
Binary files /dev/null and b/quarter/assets/img/bg/footer-bg-1.png differ
diff --git a/quarter/assets/img/blog/1.jpg b/quarter/assets/img/blog/1.jpg
new file mode 100644
index 0000000..4c90e12
Binary files /dev/null and b/quarter/assets/img/blog/1.jpg differ
diff --git a/quarter/assets/img/blog/2.jpg b/quarter/assets/img/blog/2.jpg
new file mode 100644
index 0000000..097032f
Binary files /dev/null and b/quarter/assets/img/blog/2.jpg differ
diff --git a/quarter/assets/img/blog/3.jpg b/quarter/assets/img/blog/3.jpg
new file mode 100644
index 0000000..fd30b9b
Binary files /dev/null and b/quarter/assets/img/blog/3.jpg differ
diff --git a/quarter/assets/img/blog/31.jpg b/quarter/assets/img/blog/31.jpg
new file mode 100644
index 0000000..0fc1366
Binary files /dev/null and b/quarter/assets/img/blog/31.jpg differ
diff --git a/quarter/assets/img/blog/32.jpg b/quarter/assets/img/blog/32.jpg
new file mode 100644
index 0000000..2d270c4
Binary files /dev/null and b/quarter/assets/img/blog/32.jpg differ
diff --git a/quarter/assets/img/blog/33.jpg b/quarter/assets/img/blog/33.jpg
new file mode 100644
index 0000000..10e5b28
Binary files /dev/null and b/quarter/assets/img/blog/33.jpg differ
diff --git a/quarter/assets/img/blog/34.jpg b/quarter/assets/img/blog/34.jpg
new file mode 100644
index 0000000..0782af0
Binary files /dev/null and b/quarter/assets/img/blog/34.jpg differ
diff --git a/quarter/assets/img/blog/35.jpg b/quarter/assets/img/blog/35.jpg
new file mode 100644
index 0000000..93edd21
Binary files /dev/null and b/quarter/assets/img/blog/35.jpg differ
diff --git a/quarter/assets/img/blog/4.jpg b/quarter/assets/img/blog/4.jpg
new file mode 100644
index 0000000..dae7afa
Binary files /dev/null and b/quarter/assets/img/blog/4.jpg differ
diff --git a/quarter/assets/img/blog/5.jpg b/quarter/assets/img/blog/5.jpg
new file mode 100644
index 0000000..ff93755
Binary files /dev/null and b/quarter/assets/img/blog/5.jpg differ
diff --git a/quarter/assets/img/blog/6.jpg b/quarter/assets/img/blog/6.jpg
new file mode 100644
index 0000000..60d0fac
Binary files /dev/null and b/quarter/assets/img/blog/6.jpg differ
diff --git a/quarter/assets/img/blog/7.jpg b/quarter/assets/img/blog/7.jpg
new file mode 100644
index 0000000..b8835fe
Binary files /dev/null and b/quarter/assets/img/blog/7.jpg differ
diff --git a/quarter/assets/img/blog/8.jpg b/quarter/assets/img/blog/8.jpg
new file mode 100644
index 0000000..b5a93e0
Binary files /dev/null and b/quarter/assets/img/blog/8.jpg differ
diff --git a/quarter/assets/img/blog/author.jpg b/quarter/assets/img/blog/author.jpg
new file mode 100644
index 0000000..c632350
Binary files /dev/null and b/quarter/assets/img/blog/author.jpg differ
diff --git a/quarter/assets/img/blog/blog-details/1.jpg b/quarter/assets/img/blog/blog-details/1.jpg
new file mode 100644
index 0000000..29a2a37
Binary files /dev/null and b/quarter/assets/img/blog/blog-details/1.jpg differ
diff --git a/quarter/assets/img/blog/blog-details/11.jpg b/quarter/assets/img/blog/blog-details/11.jpg
new file mode 100644
index 0000000..aa78911
Binary files /dev/null and b/quarter/assets/img/blog/blog-details/11.jpg differ
diff --git a/quarter/assets/img/blog/blog-details/12.jpg b/quarter/assets/img/blog/blog-details/12.jpg
new file mode 100644
index 0000000..f1e3a10
Binary files /dev/null and b/quarter/assets/img/blog/blog-details/12.jpg differ
diff --git a/quarter/assets/img/brand-logo/1.png b/quarter/assets/img/brand-logo/1.png
new file mode 100644
index 0000000..6c542b6
Binary files /dev/null and b/quarter/assets/img/brand-logo/1.png differ
diff --git a/quarter/assets/img/brand-logo/2.png b/quarter/assets/img/brand-logo/2.png
new file mode 100644
index 0000000..4a719e1
Binary files /dev/null and b/quarter/assets/img/brand-logo/2.png differ
diff --git a/quarter/assets/img/brand-logo/3.png b/quarter/assets/img/brand-logo/3.png
new file mode 100644
index 0000000..75a7097
Binary files /dev/null and b/quarter/assets/img/brand-logo/3.png differ
diff --git a/quarter/assets/img/brand-logo/4.png b/quarter/assets/img/brand-logo/4.png
new file mode 100644
index 0000000..605cfa3
Binary files /dev/null and b/quarter/assets/img/brand-logo/4.png differ
diff --git a/quarter/assets/img/brand-logo/5.png b/quarter/assets/img/brand-logo/5.png
new file mode 100644
index 0000000..7c01c63
Binary files /dev/null and b/quarter/assets/img/brand-logo/5.png differ
diff --git a/quarter/assets/img/brand-logo/b1.png b/quarter/assets/img/brand-logo/b1.png
new file mode 100644
index 0000000..de8fa37
Binary files /dev/null and b/quarter/assets/img/brand-logo/b1.png differ
diff --git a/quarter/assets/img/brand-logo/b2.png b/quarter/assets/img/brand-logo/b2.png
new file mode 100644
index 0000000..75a9dbe
Binary files /dev/null and b/quarter/assets/img/brand-logo/b2.png differ
diff --git a/quarter/assets/img/brand-logo/b3.png b/quarter/assets/img/brand-logo/b3.png
new file mode 100644
index 0000000..1c08f7a
Binary files /dev/null and b/quarter/assets/img/brand-logo/b3.png differ
diff --git a/quarter/assets/img/brand-logo/b4.png b/quarter/assets/img/brand-logo/b4.png
new file mode 100644
index 0000000..b90a567
Binary files /dev/null and b/quarter/assets/img/brand-logo/b4.png differ
diff --git a/quarter/assets/img/brand-logo/b5.png b/quarter/assets/img/brand-logo/b5.png
new file mode 100644
index 0000000..55f5615
Binary files /dev/null and b/quarter/assets/img/brand-logo/b5.png differ
diff --git a/quarter/assets/img/effect/1.png b/quarter/assets/img/effect/1.png
new file mode 100644
index 0000000..2f21310
Binary files /dev/null and b/quarter/assets/img/effect/1.png differ
diff --git a/quarter/assets/img/effect/2.png b/quarter/assets/img/effect/2.png
new file mode 100644
index 0000000..111e78b
Binary files /dev/null and b/quarter/assets/img/effect/2.png differ
diff --git a/quarter/assets/img/effect/3.png b/quarter/assets/img/effect/3.png
new file mode 100644
index 0000000..2e67850
Binary files /dev/null and b/quarter/assets/img/effect/3.png differ
diff --git a/quarter/assets/img/effect/4.png b/quarter/assets/img/effect/4.png
new file mode 100644
index 0000000..e9c9c04
Binary files /dev/null and b/quarter/assets/img/effect/4.png differ
diff --git a/quarter/assets/img/effect/5.png b/quarter/assets/img/effect/5.png
new file mode 100644
index 0000000..0a29327
Binary files /dev/null and b/quarter/assets/img/effect/5.png differ
diff --git a/quarter/assets/img/effect/6.png b/quarter/assets/img/effect/6.png
new file mode 100644
index 0000000..dc59794
Binary files /dev/null and b/quarter/assets/img/effect/6.png differ
diff --git a/quarter/assets/img/favicon.png b/quarter/assets/img/favicon.png
new file mode 100644
index 0000000..987bbaa
Binary files /dev/null and b/quarter/assets/img/favicon.png differ
diff --git a/quarter/assets/img/gallery/1.jpg b/quarter/assets/img/gallery/1.jpg
new file mode 100644
index 0000000..cab0c08
Binary files /dev/null and b/quarter/assets/img/gallery/1.jpg differ
diff --git a/quarter/assets/img/gallery/10.jpg b/quarter/assets/img/gallery/10.jpg
new file mode 100644
index 0000000..8a3c763
Binary files /dev/null and b/quarter/assets/img/gallery/10.jpg differ
diff --git a/quarter/assets/img/gallery/11.jpg b/quarter/assets/img/gallery/11.jpg
new file mode 100644
index 0000000..16dc94f
Binary files /dev/null and b/quarter/assets/img/gallery/11.jpg differ
diff --git a/quarter/assets/img/gallery/12.jpg b/quarter/assets/img/gallery/12.jpg
new file mode 100644
index 0000000..a11de1d
Binary files /dev/null and b/quarter/assets/img/gallery/12.jpg differ
diff --git a/quarter/assets/img/gallery/2.jpg b/quarter/assets/img/gallery/2.jpg
new file mode 100644
index 0000000..1d887cb
Binary files /dev/null and b/quarter/assets/img/gallery/2.jpg differ
diff --git a/quarter/assets/img/gallery/3.jpg b/quarter/assets/img/gallery/3.jpg
new file mode 100644
index 0000000..11ad80b
Binary files /dev/null and b/quarter/assets/img/gallery/3.jpg differ
diff --git a/quarter/assets/img/gallery/4.jpg b/quarter/assets/img/gallery/4.jpg
new file mode 100644
index 0000000..cfc4ec0
Binary files /dev/null and b/quarter/assets/img/gallery/4.jpg differ
diff --git a/quarter/assets/img/gallery/5.jpg b/quarter/assets/img/gallery/5.jpg
new file mode 100644
index 0000000..6dc1070
Binary files /dev/null and b/quarter/assets/img/gallery/5.jpg differ
diff --git a/quarter/assets/img/gallery/6.jpg b/quarter/assets/img/gallery/6.jpg
new file mode 100644
index 0000000..115ed27
Binary files /dev/null and b/quarter/assets/img/gallery/6.jpg differ
diff --git a/quarter/assets/img/gallery/7.jpg b/quarter/assets/img/gallery/7.jpg
new file mode 100644
index 0000000..a69d31f
Binary files /dev/null and b/quarter/assets/img/gallery/7.jpg differ
diff --git a/quarter/assets/img/gallery/8.jpg b/quarter/assets/img/gallery/8.jpg
new file mode 100644
index 0000000..1e6c087
Binary files /dev/null and b/quarter/assets/img/gallery/8.jpg differ
diff --git a/quarter/assets/img/gallery/9.jpg b/quarter/assets/img/gallery/9.jpg
new file mode 100644
index 0000000..f780154
Binary files /dev/null and b/quarter/assets/img/gallery/9.jpg differ
diff --git a/quarter/assets/img/home-demos/home-1.jpg b/quarter/assets/img/home-demos/home-1.jpg
new file mode 100644
index 0000000..326270d
Binary files /dev/null and b/quarter/assets/img/home-demos/home-1.jpg differ
diff --git a/quarter/assets/img/home-demos/home-10.jpg b/quarter/assets/img/home-demos/home-10.jpg
new file mode 100644
index 0000000..a367920
Binary files /dev/null and b/quarter/assets/img/home-demos/home-10.jpg differ
diff --git a/quarter/assets/img/home-demos/home-11.jpg b/quarter/assets/img/home-demos/home-11.jpg
new file mode 100644
index 0000000..e90c26d
Binary files /dev/null and b/quarter/assets/img/home-demos/home-11.jpg differ
diff --git a/quarter/assets/img/home-demos/home-2.jpg b/quarter/assets/img/home-demos/home-2.jpg
new file mode 100644
index 0000000..289d5e3
Binary files /dev/null and b/quarter/assets/img/home-demos/home-2.jpg differ
diff --git a/quarter/assets/img/home-demos/home-3.jpg b/quarter/assets/img/home-demos/home-3.jpg
new file mode 100644
index 0000000..2f3ecc2
Binary files /dev/null and b/quarter/assets/img/home-demos/home-3.jpg differ
diff --git a/quarter/assets/img/home-demos/home-4.jpg b/quarter/assets/img/home-demos/home-4.jpg
new file mode 100644
index 0000000..21317c7
Binary files /dev/null and b/quarter/assets/img/home-demos/home-4.jpg differ
diff --git a/quarter/assets/img/home-demos/home-5.jpg b/quarter/assets/img/home-demos/home-5.jpg
new file mode 100644
index 0000000..f31151f
Binary files /dev/null and b/quarter/assets/img/home-demos/home-5.jpg differ
diff --git a/quarter/assets/img/home-demos/home-6.jpg b/quarter/assets/img/home-demos/home-6.jpg
new file mode 100644
index 0000000..574bb7a
Binary files /dev/null and b/quarter/assets/img/home-demos/home-6.jpg differ
diff --git a/quarter/assets/img/home-demos/home-7.jpg b/quarter/assets/img/home-demos/home-7.jpg
new file mode 100644
index 0000000..6bc418f
Binary files /dev/null and b/quarter/assets/img/home-demos/home-7.jpg differ
diff --git a/quarter/assets/img/home-demos/home-8.jpg b/quarter/assets/img/home-demos/home-8.jpg
new file mode 100644
index 0000000..4a074a9
Binary files /dev/null and b/quarter/assets/img/home-demos/home-8.jpg differ
diff --git a/quarter/assets/img/home-demos/home-9.jpg b/quarter/assets/img/home-demos/home-9.jpg
new file mode 100644
index 0000000..763d214
Binary files /dev/null and b/quarter/assets/img/home-demos/home-9.jpg differ
diff --git a/quarter/assets/img/icons/---car.png b/quarter/assets/img/icons/---car.png
new file mode 100644
index 0000000..acc1a10
Binary files /dev/null and b/quarter/assets/img/icons/---car.png differ
diff --git a/quarter/assets/img/icons/1.png b/quarter/assets/img/icons/1.png
new file mode 100644
index 0000000..704f3a3
Binary files /dev/null and b/quarter/assets/img/icons/1.png differ
diff --git a/quarter/assets/img/icons/10.png b/quarter/assets/img/icons/10.png
new file mode 100644
index 0000000..720c1f1
Binary files /dev/null and b/quarter/assets/img/icons/10.png differ
diff --git a/quarter/assets/img/icons/11.png b/quarter/assets/img/icons/11.png
new file mode 100644
index 0000000..9c3072e
Binary files /dev/null and b/quarter/assets/img/icons/11.png differ
diff --git a/quarter/assets/img/icons/12.png b/quarter/assets/img/icons/12.png
new file mode 100644
index 0000000..5088d40
Binary files /dev/null and b/quarter/assets/img/icons/12.png differ
diff --git a/quarter/assets/img/icons/2.png b/quarter/assets/img/icons/2.png
new file mode 100644
index 0000000..2f28b18
Binary files /dev/null and b/quarter/assets/img/icons/2.png differ
diff --git a/quarter/assets/img/icons/3.png b/quarter/assets/img/icons/3.png
new file mode 100644
index 0000000..0532f25
Binary files /dev/null and b/quarter/assets/img/icons/3.png differ
diff --git a/quarter/assets/img/icons/4.png b/quarter/assets/img/icons/4.png
new file mode 100644
index 0000000..78eaeea
Binary files /dev/null and b/quarter/assets/img/icons/4.png differ
diff --git a/quarter/assets/img/icons/5.png b/quarter/assets/img/icons/5.png
new file mode 100644
index 0000000..1bcc948
Binary files /dev/null and b/quarter/assets/img/icons/5.png differ
diff --git a/quarter/assets/img/icons/6.png b/quarter/assets/img/icons/6.png
new file mode 100644
index 0000000..319b8d8
Binary files /dev/null and b/quarter/assets/img/icons/6.png differ
diff --git a/quarter/assets/img/icons/7.png b/quarter/assets/img/icons/7.png
new file mode 100644
index 0000000..25f0f65
Binary files /dev/null and b/quarter/assets/img/icons/7.png differ
diff --git a/quarter/assets/img/icons/8.png b/quarter/assets/img/icons/8.png
new file mode 100644
index 0000000..33c5801
Binary files /dev/null and b/quarter/assets/img/icons/8.png differ
diff --git a/quarter/assets/img/icons/9.png b/quarter/assets/img/icons/9.png
new file mode 100644
index 0000000..fb9915d
Binary files /dev/null and b/quarter/assets/img/icons/9.png differ
diff --git a/quarter/assets/img/icons/car.png b/quarter/assets/img/icons/car.png
new file mode 100644
index 0000000..8428e3d
Binary files /dev/null and b/quarter/assets/img/icons/car.png differ
diff --git a/quarter/assets/img/icons/icon-img/1.png b/quarter/assets/img/icons/icon-img/1.png
new file mode 100644
index 0000000..0c4e98b
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/1.png differ
diff --git a/quarter/assets/img/icons/icon-img/10.png b/quarter/assets/img/icons/icon-img/10.png
new file mode 100644
index 0000000..9d5d07a
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/10.png differ
diff --git a/quarter/assets/img/icons/icon-img/11.png b/quarter/assets/img/icons/icon-img/11.png
new file mode 100644
index 0000000..cd3319d
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/11.png differ
diff --git a/quarter/assets/img/icons/icon-img/12.png b/quarter/assets/img/icons/icon-img/12.png
new file mode 100644
index 0000000..1de301a
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/12.png differ
diff --git a/quarter/assets/img/icons/icon-img/13.png b/quarter/assets/img/icons/icon-img/13.png
new file mode 100644
index 0000000..1fc13ed
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/13.png differ
diff --git a/quarter/assets/img/icons/icon-img/14.png b/quarter/assets/img/icons/icon-img/14.png
new file mode 100644
index 0000000..6d0d004
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/14.png differ
diff --git a/quarter/assets/img/icons/icon-img/15.png b/quarter/assets/img/icons/icon-img/15.png
new file mode 100644
index 0000000..0804ecb
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/15.png differ
diff --git a/quarter/assets/img/icons/icon-img/16.png b/quarter/assets/img/icons/icon-img/16.png
new file mode 100644
index 0000000..941bac2
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/16.png differ
diff --git a/quarter/assets/img/icons/icon-img/17.png b/quarter/assets/img/icons/icon-img/17.png
new file mode 100644
index 0000000..bd7c406
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/17.png differ
diff --git a/quarter/assets/img/icons/icon-img/18.png b/quarter/assets/img/icons/icon-img/18.png
new file mode 100644
index 0000000..5fa40e0
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/18.png differ
diff --git a/quarter/assets/img/icons/icon-img/19.png b/quarter/assets/img/icons/icon-img/19.png
new file mode 100644
index 0000000..c9d002c
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/19.png differ
diff --git a/quarter/assets/img/icons/icon-img/2.png b/quarter/assets/img/icons/icon-img/2.png
new file mode 100644
index 0000000..72ff9e9
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/2.png differ
diff --git a/quarter/assets/img/icons/icon-img/21.png b/quarter/assets/img/icons/icon-img/21.png
new file mode 100644
index 0000000..5316786
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/21.png differ
diff --git a/quarter/assets/img/icons/icon-img/22.png b/quarter/assets/img/icons/icon-img/22.png
new file mode 100644
index 0000000..68f9aa0
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/22.png differ
diff --git a/quarter/assets/img/icons/icon-img/23.png b/quarter/assets/img/icons/icon-img/23.png
new file mode 100644
index 0000000..0df12ef
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/23.png differ
diff --git a/quarter/assets/img/icons/icon-img/3.png b/quarter/assets/img/icons/icon-img/3.png
new file mode 100644
index 0000000..e443207
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/3.png differ
diff --git a/quarter/assets/img/icons/icon-img/4.png b/quarter/assets/img/icons/icon-img/4.png
new file mode 100644
index 0000000..820c2bf
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/4.png differ
diff --git a/quarter/assets/img/icons/icon-img/5.png b/quarter/assets/img/icons/icon-img/5.png
new file mode 100644
index 0000000..c23895b
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/5.png differ
diff --git a/quarter/assets/img/icons/icon-img/6.png b/quarter/assets/img/icons/icon-img/6.png
new file mode 100644
index 0000000..eb1b008
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/6.png differ
diff --git a/quarter/assets/img/icons/icon-img/7.png b/quarter/assets/img/icons/icon-img/7.png
new file mode 100644
index 0000000..acf721c
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/7.png differ
diff --git a/quarter/assets/img/icons/icon-img/8.png b/quarter/assets/img/icons/icon-img/8.png
new file mode 100644
index 0000000..7a14bd4
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/8.png differ
diff --git a/quarter/assets/img/icons/icon-img/9.png b/quarter/assets/img/icons/icon-img/9.png
new file mode 100644
index 0000000..5f1ff8d
Binary files /dev/null and b/quarter/assets/img/icons/icon-img/9.png differ
diff --git a/quarter/assets/img/icons/map-marker-2.png b/quarter/assets/img/icons/map-marker-2.png
new file mode 100644
index 0000000..254f17a
Binary files /dev/null and b/quarter/assets/img/icons/map-marker-2.png differ
diff --git a/quarter/assets/img/icons/map-marker-3.png b/quarter/assets/img/icons/map-marker-3.png
new file mode 100644
index 0000000..791d94b
Binary files /dev/null and b/quarter/assets/img/icons/map-marker-3.png differ
diff --git a/quarter/assets/img/icons/map-marker.png b/quarter/assets/img/icons/map-marker.png
new file mode 100644
index 0000000..961cd62
Binary files /dev/null and b/quarter/assets/img/icons/map-marker.png differ
diff --git a/quarter/assets/img/icons/payment-2.png b/quarter/assets/img/icons/payment-2.png
new file mode 100644
index 0000000..724147e
Binary files /dev/null and b/quarter/assets/img/icons/payment-2.png differ
diff --git a/quarter/assets/img/icons/payment-3.png b/quarter/assets/img/icons/payment-3.png
new file mode 100644
index 0000000..647ea41
Binary files /dev/null and b/quarter/assets/img/icons/payment-3.png differ
diff --git a/quarter/assets/img/icons/payment-4.png b/quarter/assets/img/icons/payment-4.png
new file mode 100644
index 0000000..81a50d4
Binary files /dev/null and b/quarter/assets/img/icons/payment-4.png differ
diff --git a/quarter/assets/img/icons/payment.png b/quarter/assets/img/icons/payment.png
new file mode 100644
index 0000000..2acf721
Binary files /dev/null and b/quarter/assets/img/icons/payment.png differ
diff --git a/quarter/assets/img/icons/svg/1-cart.svg b/quarter/assets/img/icons/svg/1-cart.svg
new file mode 100644
index 0000000..4892fc9
--- /dev/null
+++ b/quarter/assets/img/icons/svg/1-cart.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
+  <g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
+    <g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
+      <path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)">
+      <path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)">
+      <path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)">
+      <rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)">
+      <rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/10-credit-card.svg b/quarter/assets/img/icons/svg/10-credit-card.svg
new file mode 100644
index 0000000..6b2bfa8
--- /dev/null
+++ b/quarter/assets/img/icons/svg/10-credit-card.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 478.984 478.984" style="enable-background:new 0 0 478.984 478.984;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<rect x="344" y="319.492" width="48" height="16">
+			<rect x="280" y="319.492" width="48" height="16">
+			<rect x="216" y="319.492" width="48" height="16">
+			<path d="M471.896,165.916L313.6,7.596c-4.495-4.538-10.62-7.088-17.008-7.08h-0.072c-6.346,0.003-12.424,2.554-16.872,7.08
+				l-167.92,167.896H24c-13.255,0-24,10.745-24,24v224c0,13.255,10.745,24,24,24h118.528l23.872,23.896
+				c4.495,4.538,10.62,7.088,17.008,7.08h0.064c6.348-0.002,12.43-2.553,16.88-7.08l23.92-23.896H408c13.255,0,24-10.745,24-24
+				V239.764l39.856-39.856c4.549-4.453,7.117-10.547,7.128-16.912C479.008,176.582,476.454,170.428,471.896,165.916z
+				 M370.128,86.772l-88.72,88.72h-67.936L336.16,52.804L370.128,86.772z M290.976,18.876c3.043-3.117,8.037-3.177,11.155-0.133
+				c0.045,0.044,0.09,0.088,0.133,0.133l22.584,22.616l-134.008,134h-56.488L290.976,18.876z M189.024,460.108
+				c-1.463,1.528-3.485,2.394-5.6,2.4c-2.144-0.005-4.196-0.869-5.696-2.4l-12.568-12.616h36.488L189.024,460.108z M416,423.492
+				c0,4.418-3.582,8-8,8H24c-4.418,0-8-3.582-8-8v-112h400V423.492z M416,295.492H16v-48h400V295.492z M416,231.492H16v-32
+				c0-4.418,3.582-8,8-8h384c4.418,0,8,3.582,8,8V231.492z M460.584,188.556L460.584,188.556L432,217.14v-17.648
+				c0-13.255-10.745-24-24-24H304l77.408-77.408l79.144,79.144c1.537,1.506,2.402,3.568,2.4,5.72
+				C462.95,185.06,462.096,187.082,460.584,188.556z">
+			<path d="M76.728,415.708c1.168-1.01,2.262-2.104,3.272-3.272c10.579,12.322,28.756,14.663,42.112,5.424
+				c8.62-6.027,13.794-15.85,13.888-26.368c0-17.673-14.327-32-32-32c-1.588-0.022-3.174,0.112-4.736,0.4l-0.208,0.056
+				c-0.08,0-0.16,0-0.232,0c-7.329,1.218-13.994,4.979-18.824,10.624c-11.56-13.368-31.769-14.833-45.136-3.272
+				c-13.368,11.56-14.833,31.769-3.272,45.136C43.152,425.804,63.36,427.269,76.728,415.708z M101.976,375.66
+				c0.667-0.127,1.345-0.183,2.024-0.168c8.837,0,16,7.163,16,16c-0.008,3.385-1.111,6.677-3.144,9.384
+				c-0.288,0.392-0.512,0.8-0.84,1.208c-0.056,0.064-0.136,0.104-0.2,0.168c-3.022,3.337-7.314,5.241-11.816,5.24
+				c-8.835-0.151-15.876-7.435-15.725-16.27C88.409,383.377,94.211,376.786,101.976,375.66z M56,375.492c8.837,0,16,7.163,16,16
+				s-7.163,16-16,16s-16-7.163-16-16S47.163,375.492,56,375.492z">
+		</g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/11-gift-card.svg b/quarter/assets/img/icons/svg/11-gift-card.svg
new file mode 100644
index 0000000..ea9ea35
--- /dev/null
+++ b/quarter/assets/img/icons/svg/11-gift-card.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m509.407 208.74c-3.389-8.006-9.693-14.212-17.751-17.476l-9-3.646v-47.551c0-17.947-14.6-32.547-32.547-32.547h-165.176l-94.733-38.377c-3.848-1.56-8.228.297-9.786 4.143-1.559 3.846.296 8.228 4.143 9.786l60.349 24.448h-157.089l15.567-38.429c3.627-8.953 13.862-13.287 22.814-9.66l30.506 12.358c3.85 1.561 8.229-.297 9.786-4.143 1.559-3.846-.297-8.227-4.143-9.786l-30.507-12.358c-16.63-6.738-35.647 1.312-42.386 17.945l-17.853 44.072h-9.711c-17.946 0-32.546 14.6-32.546 32.547v71.767l-26.945 66.517c-3.265 8.057-3.196 16.904.194 24.91 3.389 8.006 9.693 14.212 17.751 17.476l9.001 3.646v47.551c0 17.947 14.6 32.547 32.546 32.547h32.067c4.15 0 7.514-3.364 7.514-7.514s-3.364-7.514-7.514-7.514h-32.067c-9.659 0-17.518-7.858-17.518-17.518v-134.3h98.75c-17.348 13.705-40.493 37.413-50.252 71.574-1.081 3.785 1.043 7.868 4.76 9.161 4.024 1.4 8.523-.941 9.692-5.033 10.136-35.483 37.538-58.858 52.983-69.645v145.76h-36.29c-4.15 0-7.514 3.364-7.514 7.514s3.364 7.514 7.514 7.514h103.052l74.665 30.247c.925.375 1.879.552 2.819.552 2.97 0 5.783-1.773 6.967-4.695 1.559-3.846-.296-8.228-4.143-9.786l-40.281-16.318h157.088l-15.567 38.429c-3.627 8.953-13.866 13.287-22.814 9.66l-50.501-20.458c-3.849-1.559-8.228.297-9.786 4.143-1.559 3.846.296 8.228 4.143 9.786l50.502 20.458c3.99 1.617 8.116 2.382 12.179 2.382 12.869 0 25.085-7.685 30.207-20.327l17.853-44.072h9.711c17.947 0 32.547-14.6 32.547-32.547v-71.767l26.945-66.516c3.263-8.058 3.194-16.904-.195-24.91zm-483.42 98.067c-4.337-1.757-7.73-5.098-9.555-9.406-1.824-4.309-1.861-9.07-.104-13.407l13.016-32.131v56.305zm67.461-112.141c-1.288-3.029-2.213-7.87 4.574-14.911 3.125-3.242 7.084-5.313 11.655-4.623 9.086 1.369 21.081 11.871 33.779 29.57 4.411 6.149 8.252 12.256 11.216 17.255-28.798-2.815-55.73-14.363-61.224-27.291zm66.857 7.848c-11.929-17.917-29.829-39.44-48.38-42.242-9.137-1.38-17.685 1.751-24.723 9.052-5.406 5.607-13.579 17.12-7.586 31.22 3.726 8.768 12.142 16.201 23.088 22.059h-58.331v-82.537c0-9.66 7.859-17.518 17.518-17.518h98.415v79.966zm307.322 169.419c0 9.66-7.859 17.518-17.518 17.518h-274.775v-145.76c15.445 10.787 42.847 34.161 52.983 69.645 1.171 4.1 5.664 6.421 9.692 5.033 3.72-1.282 5.839-5.383 4.76-9.161-9.759-34.161-32.904-57.869-50.252-71.574h275.11zm-286.663-149.977c2.935-4.95 6.736-10.993 11.111-17.103 12.736-17.789 24.77-28.344 33.883-29.72 4.573-.693 8.534 1.381 11.66 4.623 6.787 7.042 5.861 11.883 4.573 14.911-5.494 12.927-32.429 24.475-61.227 27.289zm286.663.648h-234.692c10.945-5.859 19.362-13.292 23.088-22.059 5.993-14.1-2.18-25.613-7.586-31.22-7.039-7.303-15.595-10.431-24.724-9.052-18.55 2.802-36.451 24.325-48.38 42.242v-79.965h274.775c9.659 0 17.518 7.858 17.518 17.518v82.536zm28.045 5.403-13.016 32.131v-56.305l3.358 1.36c4.336 1.757 7.73 5.098 9.553 9.407 1.825 4.308 1.862 9.07.105 13.407z"><path d="m384.165 351.927v7.208c0 4.15 3.364 7.514 7.514 7.514 4.151 0 7.514-3.364 7.514-7.514v-7.002c5.664-1.201 9.545-3.776 12.031-6.116 4.904-4.615 7.832-11.58 7.832-18.633 0-5.776-1.799-11.004-5.203-15.121-4.563-5.518-11.728-8.852-21.297-9.908-8.92-.984-10.252-5.581-10.252-8.234 0-1.565.452-9.375 9.374-9.375 5.746 0 8.232 3.427 8.846 4.449 1.127 2.738 3.818 4.668 6.963 4.668 5.662 0 8.928-5.89 6.761-10.85-1.789-3.887-6.714-9.875-15.056-12.256v-7.35c0-4.15-3.364-7.514-7.514-7.514s-7.514 3.364-7.514 7.514v7.33c-5.116 1.47-9.383 4.497-12.378 8.875-4.186 6.117-4.511 12.653-4.511 14.51 0 9.487 6.19 21.248 23.633 23.172 13.119 1.448 13.119 7.727 13.119 10.091 0 2.306-.815 5.536-3.103 7.688-2.177 2.048-5.551 2.951-10.025 2.676-9.482-.578-11.632-6.485-11.846-7.156l-.003.001c-.814-3.279-3.769-5.713-7.3-5.713-5.167 0-8.855 5.308-7.05 10.155.767 2.406 5.073 13.623 19.465 16.891z"></g></g></svg>
\ No newline at end of file
diff --git a/quarter/assets/img/icons/svg/12-shopping-cart.svg b/quarter/assets/img/icons/svg/12-shopping-cart.svg
new file mode 100644
index 0000000..4de41e7
--- /dev/null
+++ b/quarter/assets/img/icons/svg/12-shopping-cart.svg
@@ -0,0 +1 @@
+<svg id="Icons" height="512" viewBox="0 0 74 74" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m67 54.115h-38.23a1 1 0 0 1 0-2h38.23a3 3 0 0 0 0-6h-32.235a3.911 3.911 0 0 1 -3.87-3.278l-5.612-33.675h-5.312a1 1 0 0 1 0-2h6.159a1 1 0 0 1 .986.838l5.752 34.509a1.917 1.917 0 0 0 1.9 1.607h32.232a5 5 0 0 1 0 10z"><path d="m64.69 39.39h-33.52a1 1 0 0 1 0-2h33.52a.758.758 0 0 0 .746-.626l3.77-20.951a.757.757 0 0 0 -.169-.623.746.746 0 0 0 -.577-.27h-6.02a1 1 0 0 1 0-2h6.02a2.763 2.763 0 0 1 2.715 3.244l-3.775 20.953a2.755 2.755 0 0 1 -2.71 2.273z"><path d="m45.47 14.92h-2.91a1 1 0 0 1 0-2h2.91a1 1 0 0 1 0 2z"><path d="m35.56 14.92h-8.47a1 1 0 0 1 0-2h8.47a1 1 0 0 1 0 2z"><path d="m55.44 14.92h-2.97a1 1 0 0 1 0-2h2.97a1 1 0 0 1 0 2z"><path d="m59.771 66.838a4.994 4.994 0 1 1 4.994-4.994 5 5 0 0 1 -4.994 4.994zm0-7.987a2.994 2.994 0 1 0 2.994 2.993 3 3 0 0 0 -2.994-2.993z"><path d="m37.208 66.838a4.994 4.994 0 1 1 4.992-4.994 5 5 0 0 1 -4.992 4.994zm0-7.987a2.994 2.994 0 1 0 2.992 2.993 3 3 0 0 0 -2.992-2.993z"><path d="m56.288 31.215a1.083 1.083 0 0 1 -.127-.008 1 1 0 0 1 -.867-1.118l1.286-10.178a1 1 0 1 1 1.984.251l-1.286 10.178a1 1 0 0 1 -.99.875z"><path d="m48.652 31.215a1 1 0 0 1 -1-1v-10.178a1 1 0 1 1 2 0v10.178a1 1 0 0 1 -1 1z"><path d="m41.018 31.215a1 1 0 0 1 -.991-.875l-1.286-10.178a1 1 0 1 1 1.984-.251l1.286 10.178a1 1 0 0 1 -.866 1.118 1.1 1.1 0 0 1 -.127.008z"><path d="m22.435 37.875h-12.625a1 1 0 0 1 0-2h12.625a1 1 0 1 1 0 2z"><path d="m5.084 37.875h-2.084a1 1 0 0 1 0-2h2.084a1 1 0 1 1 0 2z"><path d="m25.017 31.639h-12.625a1 1 0 0 1 0-2h12.625a1 1 0 0 1 0 2z"><path d="m7.667 31.639h-2.085a1 1 0 1 1 0-2h2.085a1 1 0 0 1 0 2z"><path d="m25.017 44.11h-12.625a1 1 0 1 1 0-2h12.625a1 1 0 0 1 0 2z"><path d="m7.667 44.11h-2.085a1 1 0 0 1 0-2h2.085a1 1 0 1 1 0 2z"></svg>
\ No newline at end of file
diff --git a/quarter/assets/img/icons/svg/2-track.svg b/quarter/assets/img/icons/svg/2-track.svg
new file mode 100644
index 0000000..e7d0420
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2-track.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
+  <g id="tracking" transform="translate(-2 -9)">
+    <path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)">
+    <rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)">
+    <rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)">
+    <rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)">
+    <rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)">
+    <rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)">
+    <path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)">
+    <path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)">
+    <path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)">
+    <rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)">
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/1-cart.svg b/quarter/assets/img/icons/svg/2/1-cart.svg
new file mode 100644
index 0000000..865ed68
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/1-cart.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="41.394" height="41.934" viewBox="0 0 41.394 41.934">
+  <g id="shopping-cart_1_" data-name="shopping-cart(1)" transform="translate(-14.1 -11)">
+    <g id="Group_139" data-name="Group 139" transform="translate(14.1 11)">
+      <path id="Path_178" data-name="Path 178" d="M304.283,417.6a3.511,3.511,0,0,0-3.483,3.569,3.484,3.484,0,1,0,3.483-3.569Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.7,1.7,0,1,1,1.694,1.789Z" transform="translate(-276.264 -382.804)" fill="#4a4a4a">
+      <path id="Path_179" data-name="Path 179" d="M82.183,417.6a3.511,3.511,0,0,0-3.483,3.569,3.566,3.566,0,0,0,3.483,3.569,3.511,3.511,0,0,0,3.483-3.569A3.566,3.566,0,0,0,82.183,417.6Zm0,5.349a1.715,1.715,0,0,1-1.694-1.789,1.776,1.776,0,0,1,1.694-1.789,1.715,1.715,0,0,1,1.694,1.789A1.765,1.765,0,0,1,82.183,422.949Z" transform="translate(-73.172 -382.804)" fill="#4a4a4a">
+      <path id="Path_180" data-name="Path 180" d="M50.505,11l-1.386,5.443H14.1l6.461,19.144a4.438,4.438,0,0,0-3.783,4.5,4.514,4.514,0,0,0,4.459,4.638h24.27V43.032H21.237a2.732,2.732,0,0,1-2.679-2.858,2.786,2.786,0,0,1,2.679-2.858H45.593L51.926,12.78h3.569V11H50.505ZM44.258,35.535H22.4L16.6,18.223H48.631Z" transform="translate(-14.1 -11)" fill="#4a4a4a">
+      <rect id="Rectangle_139" data-name="Rectangle 139" width="1.789" height="10.081" transform="translate(11.331 11.416)" fill="#4a4a4a">
+      <rect id="Rectangle_140" data-name="Rectangle 140" width="1.789" height="10.081" transform="translate(17.672 11.416)" fill="#4a4a4a">
+      <rect id="Rectangle_141" data-name="Rectangle 141" width="1.789" height="10.081" transform="translate(24.005 11.416)" fill="#4a4a4a">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/2-track.svg b/quarter/assets/img/icons/svg/2/2-track.svg
new file mode 100644
index 0000000..c2a46a2
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/2-track.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50.53" height="38.74" viewBox="0 0 50.53 38.74">
+  <g id="tracking" transform="translate(-2 -9)">
+    <path id="Path_166" data-name="Path 166" d="M52.283,32.195,41.829,21.74A2.508,2.508,0,0,0,40.042,21H25.581v1.684h4.211V35.317h1.684V22.684h8.566a.842.842,0,0,1,.6.247l1.438,1.438H38.213a1.684,1.684,0,0,0-1.684,1.684v7.58a1.684,1.684,0,0,0,1.684,1.684H50.846v6.737A.842.842,0,0,1,50,42.9H48.252a5.888,5.888,0,0,0-11.656,0H24.671a5.888,5.888,0,0,0-11.656,0H11.264a.842.842,0,0,1-.842-.842v-7.58H8.737v7.58a2.527,2.527,0,0,0,2.527,2.527h1.752a5.877,5.877,0,0,0,1.71,3.369H2v1.684H42.424a5.9,5.9,0,0,0,5.828-5.053H50a2.527,2.527,0,0,0,2.527-2.527V32.79a.842.842,0,0,0-.247-.6ZM14.633,43.739a4.211,4.211,0,1,1,4.211,4.211A4.211,4.211,0,0,1,14.633,43.739Zm8.328,4.211a5.877,5.877,0,0,0,1.71-3.369H36.6a5.877,5.877,0,0,0,1.71,3.369Zm19.463,0a4.211,4.211,0,1,1,4.211-4.211,4.211,4.211,0,0,1-4.211,4.211ZM38.213,33.633v-7.58H43.76l7.086,7.086v.494Z" transform="translate(0 -1.894)" fill="#4a4a4a">
+    <rect id="Rectangle_133" data-name="Rectangle 133" width="1.684" height="1.684" transform="translate(18.001 41.002)" fill="#4a4a4a">
+    <rect id="Rectangle_134" data-name="Rectangle 134" width="1.684" height="1.684" transform="translate(41.582 41.002)" fill="#4a4a4a">
+    <rect id="Rectangle_135" data-name="Rectangle 135" width="4.211" height="1.684" transform="translate(2 38.476)" fill="#4a4a4a">
+    <rect id="Rectangle_136" data-name="Rectangle 136" width="2.527" height="1.684" transform="translate(3.684 35.107)" fill="#4a4a4a">
+    <rect id="Rectangle_137" data-name="Rectangle 137" width="1.684" height="1.684" transform="translate(4.527 31.739)" fill="#4a4a4a">
+    <path id="Path_167" data-name="Path 167" d="M12.948,30.9A10.948,10.948,0,1,0,2,19.948,10.948,10.948,0,0,0,12.948,30.9Zm0-20.212a9.264,9.264,0,1,1-9.264,9.264,9.264,9.264,0,0,1,9.264-9.264Z" transform="translate(0)" fill="#4a4a4a">
+    <path id="Path_168" data-name="Path 168" d="M13.9,28.159a.842.842,0,0,0,.6-.247c.542-.542,5.3-5.4,5.3-9.017A5.9,5.9,0,1,0,8,18.9c0,3.613,4.757,8.475,5.3,9.017A.842.842,0,0,0,13.9,28.159Zm0-13.475A4.216,4.216,0,0,1,18.106,18.9c0,2.161-2.65,5.5-4.211,7.2-1.561-1.7-4.211-5.04-4.211-7.2A4.216,4.216,0,0,1,13.9,14.684Z" transform="translate(-0.947 -0.631)" fill="#4a4a4a">
+    <path id="Path_169" data-name="Path 169" d="M17.053,19.527a2.527,2.527,0,1,0-2.527,2.527A2.527,2.527,0,0,0,17.053,19.527Zm-3.369,0a.842.842,0,1,1,.842.842A.842.842,0,0,1,13.684,19.527Z" transform="translate(-1.578 -1.263)" fill="#4a4a4a">
+    <rect id="Rectangle_138" data-name="Rectangle 138" width="3.369" height="1.684" transform="translate(34.002 35.107)" fill="#4a4a4a">
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/3-payment.svg b/quarter/assets/img/icons/svg/2/3-payment.svg
new file mode 100644
index 0000000..4397fb8
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/3-payment.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
+  <g id="payment-method" transform="translate(0.002 0)">
+    <path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)" fill="#4a4a4a">
+    <path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)" fill="#4a4a4a">
+    <path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)" fill="#4a4a4a">
+    <path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)" fill="#4a4a4a">
+    <path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)" fill="#4a4a4a">
+    <path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)" fill="#4a4a4a">
+    <path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)" fill="#4a4a4a">
+    <path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)" fill="#4a4a4a">
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/4-track.svg b/quarter/assets/img/icons/svg/2/4-track.svg
new file mode 100644
index 0000000..dea6a51
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/4-track.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
+  <g id="delivery-truck" transform="translate(0 -68.867)">
+    <g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
+      <g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
+        <path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
+      <g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
+        <path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
+      <g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
+        <path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)" fill="#363636">
+      </g>
+    </g>
+    <g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
+      <g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
+        <path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)" fill="#363636">
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/5-prize.svg b/quarter/assets/img/icons/svg/2/5-prize.svg
new file mode 100644
index 0000000..7afef73
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/5-prize.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
+  <g id="XMLID_1220_" transform="translate(-30.16)">
+    <g id="XMLID_339_" transform="translate(30.16 0)">
+      <path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)" fill="#363636">
+      <path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)" fill="#363636">
+      <path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)" fill="#363636">
+      <path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/6-return.svg b/quarter/assets/img/icons/svg/2/6-return.svg
new file mode 100644
index 0000000..5d02923
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/6-return.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
+  <g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
+    <g id="previous" transform="translate(871.872 8637.168)">
+      <path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)" fill="#363636">
+    </g>
+    <g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
+      <path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/2/7-support.svg b/quarter/assets/img/icons/svg/2/7-support.svg
new file mode 100644
index 0000000..5158a1e
--- /dev/null
+++ b/quarter/assets/img/icons/svg/2/7-support.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
+  <g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
+    <g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
+      <path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)" fill="#363636">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/3-payment.svg b/quarter/assets/img/icons/svg/3-payment.svg
new file mode 100644
index 0000000..7e68876
--- /dev/null
+++ b/quarter/assets/img/icons/svg/3-payment.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="46.691" height="38.934" viewBox="0 0 46.691 38.934">
+  <g id="payment-method" transform="translate(0.002 0)">
+    <path id="Path_170" data-name="Path 170" d="M43.248,0H6.883a3.444,3.444,0,0,0-3.44,3.44V18.453a12.05,12.05,0,1,0,20.63,9.279H43.248a3.444,3.444,0,0,0,3.44-3.44V3.44A3.444,3.444,0,0,0,43.248,0Zm-31.2,37.795A10.914,10.914,0,1,1,22.965,26.881,10.914,10.914,0,0,1,12.051,37.795Zm33.5-13.5a2.3,2.3,0,0,1-2.3,2.3H24.1A12.046,12.046,0,0,0,4.582,17.428V3.44a2.3,2.3,0,0,1,2.3-2.3H43.248a2.3,2.3,0,0,1,2.3,2.3Zm0,0" transform="translate(0 0)">
+    <path id="Path_171" data-name="Path 171" d="M309.522,167.358a4.243,4.243,0,0,0-1.847.421,4.263,4.263,0,1,0,0,7.684,4.263,4.263,0,1,0,1.847-8.1Zm-3.694,7.387a3.124,3.124,0,1,1,.711-6.165,4.254,4.254,0,0,0,0,6.083A3.117,3.117,0,0,1,305.829,174.745Zm3.124-3.124a3.121,3.121,0,0,1-1.277,2.518,3.12,3.12,0,0,1,0-5.036A3.122,3.122,0,0,1,308.953,171.621Zm.569,3.124a3.12,3.12,0,0,1-.711-.083,4.253,4.253,0,0,0,0-6.083,3.124,3.124,0,1,1,.711,6.165Zm0,0" transform="translate(-272.949 -151.476)">
+    <path id="Path_172" data-name="Path 172" d="M76.351,56H91.543a.569.569,0,0,0,0-1.139H76.351a.569.569,0,1,0,0,1.139Zm0,0" transform="translate(-68.592 -49.657)">
+    <path id="Path_173" data-name="Path 173" d="M259.832,54.863h-1.646a.569.569,0,0,0,0,1.139h1.646a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-233.172 -49.657)">
+    <path id="Path_174" data-name="Path 174" d="M77.06,85.117h-.71a.569.569,0,0,0,0,1.139h.71a.569.569,0,1,0,0-1.139Zm0,0" transform="translate(-68.592 -77.04)">
+    <path id="Path_175" data-name="Path 175" d="M115.712,85.117h-9.487a.569.569,0,1,0,0,1.139h9.487a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-95.632 -77.04)">
+    <path id="Path_176" data-name="Path 176" d="M232.453,85.117h-4.516a.569.569,0,1,0,0,1.139h4.516a.569.569,0,0,0,0-1.139Zm0,0" transform="translate(-205.793 -77.04)">
+    <path id="Path_177" data-name="Path 177" d="M76.677,246.082l-6.872,5.59-2.775-3.249a.569.569,0,0,0-.866.74l3.136,3.672a.569.569,0,0,0,.792.072l7.3-5.941a.569.569,0,1,0-.719-.883Zm0,0" transform="translate(-59.766 -222.613)">
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/4-track.svg b/quarter/assets/img/icons/svg/4-track.svg
new file mode 100644
index 0000000..f4b2c11
--- /dev/null
+++ b/quarter/assets/img/icons/svg/4-track.svg
@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="61.561" height="45" viewBox="0 0 61.561 45">
+  <g id="delivery-truck" transform="translate(0 -68.867)">
+    <g id="Group_4828" data-name="Group 4828" transform="translate(0 68.867)">
+      <g id="Group_4827" data-name="Group 4827" transform="translate(0 0)">
+        <path id="Path_12771" data-name="Path 12771" d="M49.838,83.254H45.962L47.13,69.847c0-.024,0-.048,0-.072,0,0,0,0,0-.006h0a.9.9,0,0,0-.544-.826l-.008,0c-.02-.008-.041-.016-.062-.023l-.023-.008-.052-.013-.036-.009-.047-.007-.044-.006h-.007l-.047,0-.032,0H27.776a.9.9,0,0,0,0,1.8H45.248L43.453,91.276v0L43,96.48H11.665l.524-5.41h5.966a.9.9,0,0,0,0-1.8H12.364l1.107-11.422h9.5a.9.9,0,0,0,0-1.8H13.645l.52-5.37h10a.9.9,0,0,0,0-1.8H13.346a.9.9,0,0,0-.88.711l0,.009c0,.022-.008.045-.011.069,0,.007,0,.014,0,.022v0l-.616,6.359H.9a.9.9,0,1,0,0,1.8H11.659L10.552,89.266H7.335a.9.9,0,1,0,0,1.8h3.043l-.6,6.219v0l-.932,9.616v.007c0,.013,0,.025,0,.037s0,.033,0,.05v0c0,.023,0,.046,0,.069,0,.007,0,.015,0,.022,0,.023.006.046.011.069,0,.007,0,.014,0,.02s.008.034.013.051.006.024.009.036l0,.01a.9.9,0,0,0,.214.353l.005.006.03.027a.9.9,0,0,0,.209.143l.048.023.015.006c.023.009.045.018.069.025l.006,0c.027.008.054.015.081.021l.011,0c.026,0,.053.009.079.012h0q.044,0,.088,0h4.016a6.864,6.864,0,0,0,13.61,0H41.83a6.864,6.864,0,0,0,13.61,0h4.017c.03,0,.06,0,.089,0l.016,0c.023,0,.047-.006.07-.011l.029-.007.053-.014.035-.012.044-.016.037-.016.039-.019.036-.019.037-.022.033-.022.036-.027.029-.024.036-.033.025-.024.036-.04.019-.022c.013-.016.025-.033.037-.05l.013-.017c.015-.022.028-.045.041-.068l0,0c.014-.025.026-.051.037-.077l.009-.023c.007-.019.015-.037.021-.057s.007-.025.01-.038.008-.03.012-.045,0-.028.007-.041,0-.024.006-.036c.038-.306.744-5.972,1.06-9.635,0,0,0-.007,0-.011.091-1.056.149-1.945.149-2.49A11.736,11.736,0,0,0,49.838,83.254Zm-4.033,1.8h3.689l-.471,5.41H45.334ZM20.561,112.063A5.062,5.062,0,1,1,25.624,107,5.068,5.068,0,0,1,20.561,112.063Zm28.074,0A5.062,5.062,0,1,1,53.7,107,5.068,5.068,0,0,1,48.635,112.063ZM58.659,106.1H55.44a6.864,6.864,0,0,0-13.61,0H27.366a6.864,6.864,0,0,0-13.61,0H10.733l.757-7.816H43.827a.885.885,0,0,0,.09,0l.016,0c.024,0,.047-.006.07-.011l.03-.007.054-.014.035-.012.045-.016L44.2,98.2l.04-.019.036-.02.037-.022.034-.023.035-.026.031-.026.033-.03.027-.027.032-.035.024-.028.029-.039.021-.03.025-.042.018-.032c.008-.014.014-.029.021-.043s.011-.023.016-.035.011-.029.016-.043.009-.026.013-.039.007-.028.011-.042.007-.029.01-.043,0-.029.007-.043,0-.03.006-.045,0,0,0-.006l.452-5.188h4.661c2.763,0,4.009,1.432,5.328,2.947,1.089,1.251,2.3,2.646,4.369,2.986C59.273,100.979,58.849,104.54,58.659,106.1Zm1.03-9.7c-1.34-.273-2.165-1.215-3.163-2.363-1.249-1.435-2.774-3.186-5.7-3.513l.467-5.356a9.934,9.934,0,0,1,8.462,9.812C59.757,95.315,59.732,95.807,59.689,96.4Z" transform="translate(0 -68.867)">
+      </g>
+    </g>
+    <g id="Group_4830" data-name="Group 4830" transform="translate(17.25 103.67)">
+      <g id="Group_4829" data-name="Group 4829" transform="translate(0 0)">
+        <path id="Path_12772" data-name="Path 12772" d="M146.822,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,146.822,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,146.822,363.345Z" transform="translate(-143.508 -358.524)">
+      </g>
+    </g>
+    <g id="Group_4832" data-name="Group 4832" transform="translate(45.316 103.67)">
+      <g id="Group_4831" data-name="Group 4831" transform="translate(0 0)">
+        <path id="Path_12773" data-name="Path 12773" d="M380.31,358.524a3.314,3.314,0,1,0,3.314,3.314A3.318,3.318,0,0,0,380.31,358.524Zm0,4.821a1.506,1.506,0,1,1,1.506-1.506A1.508,1.508,0,0,1,380.31,363.345Z" transform="translate(-376.996 -358.524)">
+      </g>
+    </g>
+    <g id="Group_4834" data-name="Group 4834" transform="translate(3.234 83.253)">
+      <g id="Group_4833" data-name="Group 4833" transform="translate(0 0)">
+        <path id="Path_12774" data-name="Path 12774" d="M32.157,188.527H27.738a.9.9,0,0,0,0,1.808h4.419a.9.9,0,0,0,0-1.808Z" transform="translate(-26.834 -188.527)">
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/5-madel.svg b/quarter/assets/img/icons/svg/5-madel.svg
new file mode 100644
index 0000000..985f2e6
--- /dev/null
+++ b/quarter/assets/img/icons/svg/5-madel.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.699" height="45" viewBox="0 0 39.699 45">
+  <g id="XMLID_1220_" transform="translate(-30.16)">
+    <g id="XMLID_339_" transform="translate(30.16 0)">
+      <path id="XMLID_349_" d="M69.741,39.7,63.132,28.248a1.765,1.765,0,0,1,.937-.57,3.526,3.526,0,0,0,2.379-4.94,1.764,1.764,0,0,1,.486-2.131,3.526,3.526,0,0,0,0-5.483,1.764,1.764,0,0,1-.486-2.131,3.527,3.527,0,0,0-2.379-4.94,1.764,1.764,0,0,1-1.363-1.709,3.526,3.526,0,0,0-4.287-3.419,1.764,1.764,0,0,1-1.97-.949A3.527,3.527,0,0,0,51.1.755a1.764,1.764,0,0,1-2.186,0,3.526,3.526,0,0,0-5.346,1.22,1.764,1.764,0,0,1-1.97.949,3.526,3.526,0,0,0-4.287,3.419,1.764,1.764,0,0,1-1.363,1.709,3.526,3.526,0,0,0-2.379,4.94,1.764,1.764,0,0,1-.486,2.131,3.526,3.526,0,0,0,0,5.483,1.764,1.764,0,0,1,.486,2.131,3.527,3.527,0,0,0,2.379,4.94,1.764,1.764,0,0,1,.937.57L30.278,39.7a.879.879,0,0,0,.991,1.288l4.6-1.249,1.22,4.611a.879.879,0,0,0,1.611.215l5.64-9.768a3.527,3.527,0,0,0,4.574.183,1.764,1.764,0,0,1,2.186,0,3.51,3.51,0,0,0,2.174.755,3.539,3.539,0,0,0,2.4-.938l5.64,9.768a.879.879,0,0,0,1.611-.215l1.22-4.611,4.6,1.249a.879.879,0,0,0,.991-1.288Zm-31.494,2.14-.9-3.406a.879.879,0,0,0-1.08-.623l-3.4.922,4.68-8.107A3.527,3.527,0,0,0,41.6,32.806a1.764,1.764,0,0,1,1.6.446Zm15.429-7.909a1.762,1.762,0,0,1-1.487-.334,3.517,3.517,0,0,0-4.359,0,1.769,1.769,0,0,1-2.681-.612,3.517,3.517,0,0,0-3.927-1.891,1.769,1.769,0,0,1-2.15-1.715,3.517,3.517,0,0,0-2.718-3.408,1.769,1.769,0,0,1-1.193-2.478,3.517,3.517,0,0,0-.97-4.249,1.769,1.769,0,0,1,0-2.75,3.517,3.517,0,0,0,.97-4.25,1.769,1.769,0,0,1,1.193-2.478,3.517,3.517,0,0,0,2.718-3.408,1.769,1.769,0,0,1,2.15-1.715,3.518,3.518,0,0,0,3.927-1.891,1.769,1.769,0,0,1,2.681-.612,3.517,3.517,0,0,0,4.359,0,1.769,1.769,0,0,1,2.681.612A3.518,3.518,0,0,0,58.8,4.64a1.769,1.769,0,0,1,2.15,1.715,3.517,3.517,0,0,0,2.718,3.408,1.769,1.769,0,0,1,1.193,2.478,3.517,3.517,0,0,0,.97,4.249,1.769,1.769,0,0,1,0,2.75,3.517,3.517,0,0,0-.97,4.25,1.769,1.769,0,0,1-1.193,2.478,3.517,3.517,0,0,0-2.718,3.408A1.769,1.769,0,0,1,58.8,31.09a3.517,3.517,0,0,0-3.927,1.891A1.761,1.761,0,0,1,53.676,33.927Zm10.078,3.88a.879.879,0,0,0-1.08.623l-.9,3.406-4.955-8.583a1.763,1.763,0,0,1,1.6-.446,3.527,3.527,0,0,0,4.055-2.184l4.68,8.107Z" transform="translate(-30.16 0)">
+      <path id="XMLID_357_" d="M180.972,127.24a.888.888,0,0,0,.845-1.159l-1.4-4.35,3.69-2.711a.888.888,0,0,0-.526-1.6h-4.566l-1.424-4.339a.888.888,0,0,0-1.687,0l-1.424,4.339h-4.566a.888.888,0,0,0-.526,1.6l3.69,2.711-1.4,4.35a.888.888,0,0,0,1.365.991l3.7-2.674,3.7,2.674A.885.885,0,0,0,180.972,127.24Zm-3.7-4.657a.888.888,0,0,0-1.039,0l-2.03,1.466.767-2.384a.888.888,0,0,0-.319-.987l-2.023-1.487h2.5a.888.888,0,0,0,.843-.611l.781-2.38.781,2.38a.888.888,0,0,0,.843.611h2.5l-2.023,1.487a.888.888,0,0,0-.319.987l.767,2.384Z" transform="translate(-156.899 -102.63)">
+      <path id="XMLID_358_" d="M140.466,75.7a12.23,12.23,0,1,0-16.4,11.686.87.87,0,0,0,1.119-.532.892.892,0,0,0-.523-1.137,10.483,10.483,0,1,1,7.148,0,.892.892,0,0,0-.523,1.137.875.875,0,0,0,.821.585.86.86,0,0,0,.3-.053A12.457,12.457,0,0,0,140.466,75.7Z" transform="translate(-108.388 -57.655)">
+      <path id="XMLID_676_" d="M246.9,323.27a.888.888,0,1,0,.628.26A.894.894,0,0,0,246.9,323.27Z" transform="translate(-227.046 -294.87)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/6-return.svg b/quarter/assets/img/icons/svg/6-return.svg
new file mode 100644
index 0000000..a3ff8f7
--- /dev/null
+++ b/quarter/assets/img/icons/svg/6-return.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="34.338" height="46.846" viewBox="0 0 34.338 46.846">
+  <g id="Group_4835" data-name="Group 4835" transform="translate(-871.872 -8637.168)">
+    <g id="previous" transform="translate(871.872 8637.168)">
+      <path id="Path_12775" data-name="Path 12775" d="M30.153,77.57c-2.486-3.027-7.17-6.629-15.428-6.938v-5.6a.859.859,0,0,0-1.4-.667L.316,75.085a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,87.17a.859.859,0,0,0,1.4-.667V80.92c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435.773.773,0,0,0,.218-.028.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,77.57ZM13.862,79.2h0a.863.863,0,0,0-.864.864v4.614L2.219,75.752l10.786-8.9v4.614a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,79.207,18.869,79.2,13.862,79.2Z" transform="translate(0 -64.168)">
+    </g>
+    <g id="previous-2" data-name="previous" transform="translate(906.21 8684.014) rotate(180)">
+      <path id="Path_12775-2" data-name="Path 12775" d="M30.153,13.4c-2.486-3.027-7.17-6.629-15.428-6.938V.861a.859.859,0,0,0-1.4-.667L.316,10.917a.864.864,0,0,0-.316.66.847.847,0,0,0,.309.66L13.314,23a.859.859,0,0,0,1.4-.667V16.752c5.393.021,13.637.421,18.012,8.139a.858.858,0,0,0,.751.435A.773.773,0,0,0,33.7,25.3a.856.856,0,0,0,.639-.829A18.277,18.277,0,0,0,30.153,13.4ZM13.862,15.032h0A.863.863,0,0,0,13,15.9v4.614L2.219,11.584l10.786-8.9V7.3a.865.865,0,0,0,.85.864c12.359.119,16.966,7.654,18.307,12.949C26.839,15.039,18.869,15.032,13.862,15.032Z" transform="translate(0 0)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/7-support.svg b/quarter/assets/img/icons/svg/7-support.svg
new file mode 100644
index 0000000..b90cd1a
--- /dev/null
+++ b/quarter/assets/img/icons/svg/7-support.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="39.339" height="45" viewBox="0 0 39.339 45">
+  <g id="support_4_" data-name="support (4)" transform="translate(-26.48)">
+    <g id="Group_4836" data-name="Group 4836" transform="translate(26.48)">
+      <path id="Path_12776" data-name="Path 12776" d="M61.543,15.393a15.393,15.393,0,0,0-30.787,0,4.643,4.643,0,0,0-4.276,5.046v8.039c0,3.763,2.634,5.131,5.131,5.131h2.48a.855.855,0,0,0,.855-.855V16.2a.855.855,0,0,0-.855-.855H32.466a13.683,13.683,0,1,1,27.366,0H58.207a.855.855,0,0,0-.855.855V32.728a.855.855,0,0,0,.855.855h1.625c-.239,5.875-3.062,7.252-8.7,7.5V40.51a1.71,1.71,0,0,0-1.71-1.71H44.046a1.71,1.71,0,0,0-1.71,1.71V43.29A1.71,1.71,0,0,0,44.046,45h5.4a1.71,1.71,0,0,0,1.71-1.71v-.5c5.422-.248,10.108-1.368,10.391-9.262a4.643,4.643,0,0,0,4.276-5.046V20.448C65.819,17.1,63.749,15.667,61.543,15.393Zm-28.307,1.6v14.88H31.568a3.105,3.105,0,0,1-3.421-3.421V20.413a3.109,3.109,0,0,1,3.421-3.421ZM49.442,42v1.3h-5.4V40.519h5.4ZM64.108,28.478A3.109,3.109,0,0,1,60.688,31.9H59.063V17.052H60.73a3.105,3.105,0,0,1,3.421,3.421Z" transform="translate(-26.48)">
+    </g>
+  </g>
+</svg>
diff --git a/quarter/assets/img/icons/svg/8-trolley.svg b/quarter/assets/img/icons/svg/8-trolley.svg
new file mode 100644
index 0000000..3d5a8d8
--- /dev/null
+++ b/quarter/assets/img/icons/svg/8-trolley.svg
@@ -0,0 +1 @@
+<svg height="480pt" viewBox="-24 0 480 480.10822" width="480pt" xmlns="http://www.w3.org/2000/svg"><path d="m168.054688 432c0 8.835938-7.164063 16-16 16-8.835938 0-16-7.164062-16-16s7.164062-16 16-16c8.835937 0 16 7.164062 16 16zm0 0"><path d="m360.054688 432c0 8.835938-7.164063 16-16 16-8.835938 0-16-7.164062-16-16s7.164062-16 16-16c8.835937 0 16 7.164062 16 16zm0 0"><path d="m392.054688 192h-16v-160h-176v160h-48v160h-40v-352h-112.0000005v48h64.0000005v352h52.320312c-17.296875 19.21875-16.261719 48.679688 2.339844 66.640625 18.597656 17.957031 48.078125 17.957031 66.679687 0 18.597657-17.960937 19.632813-47.421875 2.339844-66.640625h120.640625c-17.296875 19.21875-16.261719 48.679688 2.339844 66.640625 18.597656 17.957031 48.078125 17.957031 66.679687 0 18.597657-17.960937 19.632813-47.421875 2.339844-66.640625h52.320313v-48h-40zm-88-144v80h-32v-80zm-88 0h40v96h64v-96h40v144h-144zm-48 160h208v32h-208zm0 48h208v96h-208zm-152-224v-16h48v16zm64-16h16v240h-16zm0 256h16v80h-16zm104 160c0 17.671875-14.328126 32-32 32-17.671876 0-32-14.328125-32-32s14.328124-32 32-32c17.671874 0 32 14.328125 32 32zm192 0c0 17.671875-14.328126 32-32 32-17.671876 0-32-14.328125-32-32s14.328124-32 32-32c17.671874 0 32 14.328125 32 32zm40-64v16h-336v-16zm0 0"><path d="m344.054688 320h-16v16h32v-40h-16zm0 0"><path d="m232.054688 160h16v16h-16zm0 0"></svg>
\ No newline at end of file
diff --git a/quarter/assets/img/icons/svg/9-money.svg b/quarter/assets/img/icons/svg/9-money.svg
new file mode 100644
index 0000000..8477ef2
--- /dev/null
+++ b/quarter/assets/img/icons/svg/9-money.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 511.999 511.999" style="enable-background:new 0 0 511.999 511.999;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<path d="M316.209,117.615h0.598C316.808,117.615,316.342,116.445,316.209,117.615z">
+			<path d="M171.747,117.615h0.598C172.212,116.445,171.747,117.615,171.747,117.615z">
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M460.496,154.447c-3.357-5.359-8.599-9.09-14.761-10.506l-32.457-7.458l14.986-4.195
+			c12.417-3.475,19.898-16.737,16.417-29.177c-3.476-12.417-16.736-19.896-29.178-16.417l-69.876,19.557
+			c-1.819-3.31-4.406-6.143-7.522-8.251c14.181-26.391,34.612-71.176,34.612-90.443c0-4.699-4.442-8.335-9.051-7.406
+			c-27.731,5.602-53.586,8.187-79.011,7.91c-26.134-0.287-58.659-3.533-79.095-7.893c-6.318-1.348-11.388,5.722-8.056,11.276
+			c4.98,8.3,8.031,17.076,9.708,25.921c-25.649,0.786-52.248-2.322-72.38-12.389c-5.423-2.712-11.824,2.033-10.832,8
+			c6.332,37.987,19.106,60.259,31.913,77.086h-0.284c-13.053,0-23.673,10.62-23.673,23.673c0,12.005,8.985,21.944,20.581,23.465
+			c-8.453,14.158-20.525,27.591-33.209,41.687c-26.973,29.976-57.546,63.952-67.832,118.811c-4.922,26.249-4.758,50.81,0.489,73.002
+			c4.898,20.718,14.227,39.471,27.726,55.737c17.919,21.592,42.538,38.345,73.172,49.797c27.595,10.315,59.198,15.767,91.394,15.767
+			c32.196,0,63.8-5.452,91.394-15.767c30.634-11.452,55.253-28.206,73.172-49.797c13.499-16.266,22.828-35.018,27.726-55.737
+			c5.246-22.192,5.411-46.754,0.489-73.002c-10.286-54.858-40.858-88.834-67.831-118.81c-9.157-10.177-17.869-19.88-25.173-29.728
+			l91.079,20.926c9.649,2.217,19.931-2.004,25.261-10.342C465.272,172.11,465.301,162.115,460.496,154.447z M284.489,23.17
+			c23.263,0.254,46.807-1.78,71.676-6.212c-4.56,18.643-19.203,51.801-33.092,77.06c-9.625,0.725-17.659,7.227-20.637,16.043H281.46
+			c-0.474-1.021-0.999-2.14-1.584-3.383C273.39,92.89,259.892,64.2,259.892,39.792c0-4.692-4.431-8.33-9.037-7.408
+			c-8.792,1.759-18.465,3.182-28.53,4.074c-1.055-6.304-2.692-12.618-5.072-18.828C237.553,20.772,263.124,22.935,284.489,23.17z
+			 M333.429,117.615v32.236c0,4.721-3.841,8.563-8.563,8.563s-8.563-3.841-8.563-8.563v-32.236c0-4.722,3.841-8.563,8.563-8.563
+			S333.429,112.894,333.429,117.615z M141.612,44.107c18.888,6.447,42.123,9.306,67.216,8.424l14.974-0.946
+			c7.063-0.648,14.229-1.581,21.448-2.802c2.356,23.374,13.034,47.392,19.522,61.278h-50.307h-15.894h-23.376
+			c-0.169-0.265-0.351-0.525-0.556-0.773C162.002,94.085,149.179,76.5,141.612,44.107z M357.994,208.993
+			c25.645,28.498,54.708,60.798,64.214,111.487c8.747,46.652,0.338,85.782-24.993,116.303
+			c-31.234,37.635-88.407,60.105-152.937,60.105S122.574,474.419,91.34,436.784c-25.331-30.521-33.739-69.651-24.993-116.303
+			c9.505-50.69,38.57-82.991,64.214-111.488c15.333-17.041,29.819-33.159,39.103-51.586h18.452c4.174,0,7.555-3.383,7.555-7.555
+			c0-4.173-3.382-7.555-7.555-7.555h-32.488c-4.722,0-8.563-3.841-8.563-8.563c0-4.722,3.841-8.563,8.563-8.563h145.564v17.125
+			h-77.064c-4.174,0-7.555,3.383-7.555,7.555c0,4.172,3.382,7.555,7.555,7.555h78.307c3.161,9.358,12.018,16.118,22.43,16.118
+			c1.203,0,2.383-0.092,3.539-0.265C336.836,185.456,347.114,196.903,357.994,208.993z M348.54,121.127l71.035-19.881
+			c4.498-1.261,9.298,1.449,10.554,5.938c1.258,4.499-1.447,9.297-5.938,10.553l-40.596,11.362
+			c-0.331,0.093-0.647,0.213-0.954,0.346l-34.101-7.835V121.127z M448.779,168.929c-1.058,4.602-5.654,7.487-10.263,6.428
+			l-90.451-20.782c0.31-1.527,0.474-3.107,0.474-4.725v-12.738l93.811,21.554C446.897,159.711,449.824,164.378,448.779,168.929z">
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M292.631,310.526c10.831,0,19.644-8.812,19.644-19.644v-12.088c0-28.268-21.084-51.702-48.354-55.4v-13.101
+			c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644v14.101c-27.997,6.245-48.354,31.134-48.354,60.444
+			c0,34.161,27.792,61.953,61.953,61.953h12.088c12.497,0,22.666,10.167,22.666,22.666s-10.168,22.666-22.666,22.666h-18.133
+			c-9.166,0-16.622-7.457-16.622-16.622c0-10.831-8.812-19.644-19.644-19.644c-10.831,0-19.644,8.812-19.644,19.644
+			c0,28.268,21.084,51.702,48.354,55.4v13.101c0,10.831,8.812,19.644,19.644,19.644c10.831,0,19.644-8.812,19.644-19.644v-14.101
+			c27.997-6.245,48.354-31.134,48.354-60.444c0-34.161-27.792-61.953-61.953-61.953h-12.088c-12.497,0-22.666-10.167-22.666-22.666
+			s10.168-22.666,22.666-22.666h18.133c9.166,0,16.622,7.457,16.622,16.622v12.088C272.987,301.713,281.8,310.526,292.631,310.526z
+			 M256.366,247.062h-18.133c-20.83,0-37.776,16.946-37.776,37.776c0,20.83,16.946,37.776,37.776,37.776h12.088
+			c25.83,0,46.843,21.014,46.843,46.843c0,23.899-17.899,43.908-41.632,46.545c-3.826,0.425-6.721,3.659-6.721,7.509v20.491
+			c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-20.147c0-4.173-3.382-7.555-7.555-7.555
+			c-22.497,0-40.798-18.302-40.798-40.798c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533
+			c0,17.497,14.235,31.732,31.732,31.732h18.133c20.83,0,37.776-16.946,37.776-37.776s-16.946-37.776-37.776-37.776h-12.088
+			c-25.83,0-46.843-21.014-46.843-46.843c0-23.899,17.899-43.908,41.632-46.545c3.826-0.425,6.721-3.659,6.721-7.509v-20.491
+			c0-2.499,2.034-4.533,4.533-4.533s4.533,2.034,4.533,4.533v20.147c0,4.173,3.382,7.555,7.555,7.555
+			c22.497,0,40.798,18.302,40.798,40.798v12.088c0,2.499-2.034,4.533-4.533,4.533s-4.533-2.034-4.533-4.533v-12.088
+			C288.098,261.297,273.863,247.062,256.366,247.062z">
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/quarter/assets/img/img-slide/1.jpg b/quarter/assets/img/img-slide/1.jpg
new file mode 100644
index 0000000..80a7b25
Binary files /dev/null and b/quarter/assets/img/img-slide/1.jpg differ
diff --git a/quarter/assets/img/img-slide/11.jpg b/quarter/assets/img/img-slide/11.jpg
new file mode 100644
index 0000000..373784e
Binary files /dev/null and b/quarter/assets/img/img-slide/11.jpg differ
diff --git a/quarter/assets/img/img-slide/12.jpg b/quarter/assets/img/img-slide/12.jpg
new file mode 100644
index 0000000..c8ff6d3
Binary files /dev/null and b/quarter/assets/img/img-slide/12.jpg differ
diff --git a/quarter/assets/img/img-slide/13.jpg b/quarter/assets/img/img-slide/13.jpg
new file mode 100644
index 0000000..0869c48
Binary files /dev/null and b/quarter/assets/img/img-slide/13.jpg differ
diff --git a/quarter/assets/img/img-slide/14.jpg b/quarter/assets/img/img-slide/14.jpg
new file mode 100644
index 0000000..f885e80
Binary files /dev/null and b/quarter/assets/img/img-slide/14.jpg differ
diff --git a/quarter/assets/img/img-slide/2.jpg b/quarter/assets/img/img-slide/2.jpg
new file mode 100644
index 0000000..f724680
Binary files /dev/null and b/quarter/assets/img/img-slide/2.jpg differ
diff --git a/quarter/assets/img/img-slide/21.jpg b/quarter/assets/img/img-slide/21.jpg
new file mode 100644
index 0000000..ad764d3
Binary files /dev/null and b/quarter/assets/img/img-slide/21.jpg differ
diff --git a/quarter/assets/img/img-slide/22.jpg b/quarter/assets/img/img-slide/22.jpg
new file mode 100644
index 0000000..cc23774
Binary files /dev/null and b/quarter/assets/img/img-slide/22.jpg differ
diff --git a/quarter/assets/img/img-slide/23.jpg b/quarter/assets/img/img-slide/23.jpg
new file mode 100644
index 0000000..3140721
Binary files /dev/null and b/quarter/assets/img/img-slide/23.jpg differ
diff --git a/quarter/assets/img/img-slide/24.jpg b/quarter/assets/img/img-slide/24.jpg
new file mode 100644
index 0000000..fb90557
Binary files /dev/null and b/quarter/assets/img/img-slide/24.jpg differ
diff --git a/quarter/assets/img/img-slide/3.jpg b/quarter/assets/img/img-slide/3.jpg
new file mode 100644
index 0000000..353a95f
Binary files /dev/null and b/quarter/assets/img/img-slide/3.jpg differ
diff --git a/quarter/assets/img/img-slide/31.jpg b/quarter/assets/img/img-slide/31.jpg
new file mode 100644
index 0000000..8d60a5c
Binary files /dev/null and b/quarter/assets/img/img-slide/31.jpg differ
diff --git a/quarter/assets/img/img-slide/32.jpg b/quarter/assets/img/img-slide/32.jpg
new file mode 100644
index 0000000..5097bcf
Binary files /dev/null and b/quarter/assets/img/img-slide/32.jpg differ
diff --git a/quarter/assets/img/img-slide/33.jpg b/quarter/assets/img/img-slide/33.jpg
new file mode 100644
index 0000000..c6f81cf
Binary files /dev/null and b/quarter/assets/img/img-slide/33.jpg differ
diff --git a/quarter/assets/img/img-slide/34.jpg b/quarter/assets/img/img-slide/34.jpg
new file mode 100644
index 0000000..77224dd
Binary files /dev/null and b/quarter/assets/img/img-slide/34.jpg differ
diff --git a/quarter/assets/img/img-slide/35.jpg b/quarter/assets/img/img-slide/35.jpg
new file mode 100644
index 0000000..b2c0564
Binary files /dev/null and b/quarter/assets/img/img-slide/35.jpg differ
diff --git a/quarter/assets/img/img-slide/4.jpg b/quarter/assets/img/img-slide/4.jpg
new file mode 100644
index 0000000..d779534
Binary files /dev/null and b/quarter/assets/img/img-slide/4.jpg differ
diff --git a/quarter/assets/img/logo-2.png b/quarter/assets/img/logo-2.png
new file mode 100644
index 0000000..b545097
Binary files /dev/null and b/quarter/assets/img/logo-2.png differ
diff --git a/quarter/assets/img/logo.png b/quarter/assets/img/logo.png
new file mode 100644
index 0000000..3ef17af
Binary files /dev/null and b/quarter/assets/img/logo.png differ
diff --git a/quarter/assets/img/neighbour/1.jpg b/quarter/assets/img/neighbour/1.jpg
new file mode 100644
index 0000000..7094311
Binary files /dev/null and b/quarter/assets/img/neighbour/1.jpg differ
diff --git a/quarter/assets/img/neighbour/2.jpg b/quarter/assets/img/neighbour/2.jpg
new file mode 100644
index 0000000..bc2c02a
Binary files /dev/null and b/quarter/assets/img/neighbour/2.jpg differ
diff --git a/quarter/assets/img/neighbour/3.jpg b/quarter/assets/img/neighbour/3.jpg
new file mode 100644
index 0000000..3427578
Binary files /dev/null and b/quarter/assets/img/neighbour/3.jpg differ
diff --git a/quarter/assets/img/others/1.jpg b/quarter/assets/img/others/1.jpg
new file mode 100644
index 0000000..38ef451
Binary files /dev/null and b/quarter/assets/img/others/1.jpg differ
diff --git a/quarter/assets/img/others/1.png b/quarter/assets/img/others/1.png
new file mode 100644
index 0000000..8263058
Binary files /dev/null and b/quarter/assets/img/others/1.png differ
diff --git a/quarter/assets/img/others/10.png b/quarter/assets/img/others/10.png
new file mode 100644
index 0000000..45cea71
Binary files /dev/null and b/quarter/assets/img/others/10.png differ
diff --git a/quarter/assets/img/others/11.png b/quarter/assets/img/others/11.png
new file mode 100644
index 0000000..05e3e4e
Binary files /dev/null and b/quarter/assets/img/others/11.png differ
diff --git a/quarter/assets/img/others/12.jpg b/quarter/assets/img/others/12.jpg
new file mode 100644
index 0000000..ec92b40
Binary files /dev/null and b/quarter/assets/img/others/12.jpg differ
diff --git a/quarter/assets/img/others/13.png b/quarter/assets/img/others/13.png
new file mode 100644
index 0000000..0bf4262
Binary files /dev/null and b/quarter/assets/img/others/13.png differ
diff --git a/quarter/assets/img/others/14.jpg b/quarter/assets/img/others/14.jpg
new file mode 100644
index 0000000..d60e4c8
Binary files /dev/null and b/quarter/assets/img/others/14.jpg differ
diff --git a/quarter/assets/img/others/15.jpg b/quarter/assets/img/others/15.jpg
new file mode 100644
index 0000000..e9bb23c
Binary files /dev/null and b/quarter/assets/img/others/15.jpg differ
diff --git a/quarter/assets/img/others/16.jpg b/quarter/assets/img/others/16.jpg
new file mode 100644
index 0000000..be940bb
Binary files /dev/null and b/quarter/assets/img/others/16.jpg differ
diff --git a/quarter/assets/img/others/2.jpg b/quarter/assets/img/others/2.jpg
new file mode 100644
index 0000000..eb6f2f0
Binary files /dev/null and b/quarter/assets/img/others/2.jpg differ
diff --git a/quarter/assets/img/others/2.png b/quarter/assets/img/others/2.png
new file mode 100644
index 0000000..4a4a84a
Binary files /dev/null and b/quarter/assets/img/others/2.png differ
diff --git a/quarter/assets/img/others/3.jpg b/quarter/assets/img/others/3.jpg
new file mode 100644
index 0000000..4cc3632
Binary files /dev/null and b/quarter/assets/img/others/3.jpg differ
diff --git a/quarter/assets/img/others/4.jpg b/quarter/assets/img/others/4.jpg
new file mode 100644
index 0000000..a794959
Binary files /dev/null and b/quarter/assets/img/others/4.jpg differ
diff --git a/quarter/assets/img/others/5.jpg b/quarter/assets/img/others/5.jpg
new file mode 100644
index 0000000..1d49509
Binary files /dev/null and b/quarter/assets/img/others/5.jpg differ
diff --git a/quarter/assets/img/others/5.png b/quarter/assets/img/others/5.png
new file mode 100644
index 0000000..4123f91
Binary files /dev/null and b/quarter/assets/img/others/5.png differ
diff --git a/quarter/assets/img/others/6.jpg b/quarter/assets/img/others/6.jpg
new file mode 100644
index 0000000..97d1630
Binary files /dev/null and b/quarter/assets/img/others/6.jpg differ
diff --git a/quarter/assets/img/others/7.png b/quarter/assets/img/others/7.png
new file mode 100644
index 0000000..a87b6a9
Binary files /dev/null and b/quarter/assets/img/others/7.png differ
diff --git a/quarter/assets/img/others/8.png b/quarter/assets/img/others/8.png
new file mode 100644
index 0000000..6e49d90
Binary files /dev/null and b/quarter/assets/img/others/8.png differ
diff --git a/quarter/assets/img/others/9.jpg b/quarter/assets/img/others/9.jpg
new file mode 100644
index 0000000..59159c2
Binary files /dev/null and b/quarter/assets/img/others/9.jpg differ
diff --git a/quarter/assets/img/others/9.png b/quarter/assets/img/others/9.png
new file mode 100644
index 0000000..551f9d9
Binary files /dev/null and b/quarter/assets/img/others/9.png differ
diff --git a/quarter/assets/img/others/error-1.png b/quarter/assets/img/others/error-1.png
new file mode 100644
index 0000000..8c0cf80
Binary files /dev/null and b/quarter/assets/img/others/error-1.png differ
diff --git a/quarter/assets/img/product-2/1.png b/quarter/assets/img/product-2/1.png
new file mode 100644
index 0000000..3406f86
Binary files /dev/null and b/quarter/assets/img/product-2/1.png differ
diff --git a/quarter/assets/img/product-2/10.png b/quarter/assets/img/product-2/10.png
new file mode 100644
index 0000000..c4b173e
Binary files /dev/null and b/quarter/assets/img/product-2/10.png differ
diff --git a/quarter/assets/img/product-2/11.png b/quarter/assets/img/product-2/11.png
new file mode 100644
index 0000000..8e66b1b
Binary files /dev/null and b/quarter/assets/img/product-2/11.png differ
diff --git a/quarter/assets/img/product-2/12.png b/quarter/assets/img/product-2/12.png
new file mode 100644
index 0000000..492145e
Binary files /dev/null and b/quarter/assets/img/product-2/12.png differ
diff --git a/quarter/assets/img/product-2/13.png b/quarter/assets/img/product-2/13.png
new file mode 100644
index 0000000..529e7c1
Binary files /dev/null and b/quarter/assets/img/product-2/13.png differ
diff --git a/quarter/assets/img/product-2/14.png b/quarter/assets/img/product-2/14.png
new file mode 100644
index 0000000..1a9060f
Binary files /dev/null and b/quarter/assets/img/product-2/14.png differ
diff --git a/quarter/assets/img/product-2/2.png b/quarter/assets/img/product-2/2.png
new file mode 100644
index 0000000..89ae06c
Binary files /dev/null and b/quarter/assets/img/product-2/2.png differ
diff --git a/quarter/assets/img/product-2/3.png b/quarter/assets/img/product-2/3.png
new file mode 100644
index 0000000..bd93674
Binary files /dev/null and b/quarter/assets/img/product-2/3.png differ
diff --git a/quarter/assets/img/product-2/4.png b/quarter/assets/img/product-2/4.png
new file mode 100644
index 0000000..7271c86
Binary files /dev/null and b/quarter/assets/img/product-2/4.png differ
diff --git a/quarter/assets/img/product-2/5.png b/quarter/assets/img/product-2/5.png
new file mode 100644
index 0000000..66dda39
Binary files /dev/null and b/quarter/assets/img/product-2/5.png differ
diff --git a/quarter/assets/img/product-2/6.png b/quarter/assets/img/product-2/6.png
new file mode 100644
index 0000000..a01076f
Binary files /dev/null and b/quarter/assets/img/product-2/6.png differ
diff --git a/quarter/assets/img/product-2/7.png b/quarter/assets/img/product-2/7.png
new file mode 100644
index 0000000..8a4e665
Binary files /dev/null and b/quarter/assets/img/product-2/7.png differ
diff --git a/quarter/assets/img/product-2/8.png b/quarter/assets/img/product-2/8.png
new file mode 100644
index 0000000..f920034
Binary files /dev/null and b/quarter/assets/img/product-2/8.png differ
diff --git a/quarter/assets/img/product-2/9.png b/quarter/assets/img/product-2/9.png
new file mode 100644
index 0000000..9f3271b
Binary files /dev/null and b/quarter/assets/img/product-2/9.png differ
diff --git a/quarter/assets/img/product-3/1.jpg b/quarter/assets/img/product-3/1.jpg
new file mode 100644
index 0000000..cab0c08
Binary files /dev/null and b/quarter/assets/img/product-3/1.jpg differ
diff --git a/quarter/assets/img/product-3/10.jpg b/quarter/assets/img/product-3/10.jpg
new file mode 100644
index 0000000..f780154
Binary files /dev/null and b/quarter/assets/img/product-3/10.jpg differ
diff --git a/quarter/assets/img/product-3/2.jpg b/quarter/assets/img/product-3/2.jpg
new file mode 100644
index 0000000..54b959d
Binary files /dev/null and b/quarter/assets/img/product-3/2.jpg differ
diff --git a/quarter/assets/img/product-3/3.jpg b/quarter/assets/img/product-3/3.jpg
new file mode 100644
index 0000000..e32a573
Binary files /dev/null and b/quarter/assets/img/product-3/3.jpg differ
diff --git a/quarter/assets/img/product-3/4.jpg b/quarter/assets/img/product-3/4.jpg
new file mode 100644
index 0000000..cfc4ec0
Binary files /dev/null and b/quarter/assets/img/product-3/4.jpg differ
diff --git a/quarter/assets/img/product-3/5.jpg b/quarter/assets/img/product-3/5.jpg
new file mode 100644
index 0000000..6dc1070
Binary files /dev/null and b/quarter/assets/img/product-3/5.jpg differ
diff --git a/quarter/assets/img/product-3/6.jpg b/quarter/assets/img/product-3/6.jpg
new file mode 100644
index 0000000..115ed27
Binary files /dev/null and b/quarter/assets/img/product-3/6.jpg differ
diff --git a/quarter/assets/img/product-3/7.jpg b/quarter/assets/img/product-3/7.jpg
new file mode 100644
index 0000000..11ad80b
Binary files /dev/null and b/quarter/assets/img/product-3/7.jpg differ
diff --git a/quarter/assets/img/product-3/8.jpg b/quarter/assets/img/product-3/8.jpg
new file mode 100644
index 0000000..1e6c087
Binary files /dev/null and b/quarter/assets/img/product-3/8.jpg differ
diff --git a/quarter/assets/img/product-3/9.jpg b/quarter/assets/img/product-3/9.jpg
new file mode 100644
index 0000000..a69d31f
Binary files /dev/null and b/quarter/assets/img/product-3/9.jpg differ
diff --git a/quarter/assets/img/product/1.png b/quarter/assets/img/product/1.png
new file mode 100644
index 0000000..f510d91
Binary files /dev/null and b/quarter/assets/img/product/1.png differ
diff --git a/quarter/assets/img/product/10.png b/quarter/assets/img/product/10.png
new file mode 100644
index 0000000..32ee540
Binary files /dev/null and b/quarter/assets/img/product/10.png differ
diff --git a/quarter/assets/img/product/11.png b/quarter/assets/img/product/11.png
new file mode 100644
index 0000000..d3b0480
Binary files /dev/null and b/quarter/assets/img/product/11.png differ
diff --git a/quarter/assets/img/product/12.png b/quarter/assets/img/product/12.png
new file mode 100644
index 0000000..151c350
Binary files /dev/null and b/quarter/assets/img/product/12.png differ
diff --git a/quarter/assets/img/product/13.png b/quarter/assets/img/product/13.png
new file mode 100644
index 0000000..f1c5091
Binary files /dev/null and b/quarter/assets/img/product/13.png differ
diff --git a/quarter/assets/img/product/14.png b/quarter/assets/img/product/14.png
new file mode 100644
index 0000000..c8b1180
Binary files /dev/null and b/quarter/assets/img/product/14.png differ
diff --git a/quarter/assets/img/product/15.png b/quarter/assets/img/product/15.png
new file mode 100644
index 0000000..f307dfe
Binary files /dev/null and b/quarter/assets/img/product/15.png differ
diff --git a/quarter/assets/img/product/16.png b/quarter/assets/img/product/16.png
new file mode 100644
index 0000000..dbad6c3
Binary files /dev/null and b/quarter/assets/img/product/16.png differ
diff --git a/quarter/assets/img/product/17.png b/quarter/assets/img/product/17.png
new file mode 100644
index 0000000..19fc8d4
Binary files /dev/null and b/quarter/assets/img/product/17.png differ
diff --git a/quarter/assets/img/product/18.png b/quarter/assets/img/product/18.png
new file mode 100644
index 0000000..5b09f8f
Binary files /dev/null and b/quarter/assets/img/product/18.png differ
diff --git a/quarter/assets/img/product/19.png b/quarter/assets/img/product/19.png
new file mode 100644
index 0000000..e26bc9c
Binary files /dev/null and b/quarter/assets/img/product/19.png differ
diff --git a/quarter/assets/img/product/2.png b/quarter/assets/img/product/2.png
new file mode 100644
index 0000000..c5ef7ed
Binary files /dev/null and b/quarter/assets/img/product/2.png differ
diff --git a/quarter/assets/img/product/3.png b/quarter/assets/img/product/3.png
new file mode 100644
index 0000000..1565a44
Binary files /dev/null and b/quarter/assets/img/product/3.png differ
diff --git a/quarter/assets/img/product/4.png b/quarter/assets/img/product/4.png
new file mode 100644
index 0000000..bc9f5d6
Binary files /dev/null and b/quarter/assets/img/product/4.png differ
diff --git a/quarter/assets/img/product/5.png b/quarter/assets/img/product/5.png
new file mode 100644
index 0000000..f510d91
Binary files /dev/null and b/quarter/assets/img/product/5.png differ
diff --git a/quarter/assets/img/product/6.png b/quarter/assets/img/product/6.png
new file mode 100644
index 0000000..c5ef7ed
Binary files /dev/null and b/quarter/assets/img/product/6.png differ
diff --git a/quarter/assets/img/product/7.png b/quarter/assets/img/product/7.png
new file mode 100644
index 0000000..1565a44
Binary files /dev/null and b/quarter/assets/img/product/7.png differ
diff --git a/quarter/assets/img/product/8.png b/quarter/assets/img/product/8.png
new file mode 100644
index 0000000..bc9f5d6
Binary files /dev/null and b/quarter/assets/img/product/8.png differ
diff --git a/quarter/assets/img/product/9.png b/quarter/assets/img/product/9.png
new file mode 100644
index 0000000..c2df7be
Binary files /dev/null and b/quarter/assets/img/product/9.png differ
diff --git a/quarter/assets/img/service/1.jpg b/quarter/assets/img/service/1.jpg
new file mode 100644
index 0000000..4f35a0b
Binary files /dev/null and b/quarter/assets/img/service/1.jpg differ
diff --git a/quarter/assets/img/service/11.jpg b/quarter/assets/img/service/11.jpg
new file mode 100644
index 0000000..1b98f97
Binary files /dev/null and b/quarter/assets/img/service/11.jpg differ
diff --git a/quarter/assets/img/service/2.jpg b/quarter/assets/img/service/2.jpg
new file mode 100644
index 0000000..48aa207
Binary files /dev/null and b/quarter/assets/img/service/2.jpg differ
diff --git a/quarter/assets/img/service/21.jpg b/quarter/assets/img/service/21.jpg
new file mode 100644
index 0000000..87d3387
Binary files /dev/null and b/quarter/assets/img/service/21.jpg differ
diff --git a/quarter/assets/img/service/22.jpg b/quarter/assets/img/service/22.jpg
new file mode 100644
index 0000000..ac50c4c
Binary files /dev/null and b/quarter/assets/img/service/22.jpg differ
diff --git a/quarter/assets/img/service/3.jpg b/quarter/assets/img/service/3.jpg
new file mode 100644
index 0000000..2fcb791
Binary files /dev/null and b/quarter/assets/img/service/3.jpg differ
diff --git a/quarter/assets/img/service/31.jpg b/quarter/assets/img/service/31.jpg
new file mode 100644
index 0000000..370bd54
Binary files /dev/null and b/quarter/assets/img/service/31.jpg differ
diff --git a/quarter/assets/img/service/32.jpg b/quarter/assets/img/service/32.jpg
new file mode 100644
index 0000000..60f7198
Binary files /dev/null and b/quarter/assets/img/service/32.jpg differ
diff --git a/quarter/assets/img/service/33.jpg b/quarter/assets/img/service/33.jpg
new file mode 100644
index 0000000..83edb05
Binary files /dev/null and b/quarter/assets/img/service/33.jpg differ
diff --git a/quarter/assets/img/service/34.jpg b/quarter/assets/img/service/34.jpg
new file mode 100644
index 0000000..195b6fd
Binary files /dev/null and b/quarter/assets/img/service/34.jpg differ
diff --git a/quarter/assets/img/service/history-1.jpg b/quarter/assets/img/service/history-1.jpg
new file mode 100644
index 0000000..3ed6137
Binary files /dev/null and b/quarter/assets/img/service/history-1.jpg differ
diff --git a/quarter/assets/img/slider/--21.png b/quarter/assets/img/slider/--21.png
new file mode 100644
index 0000000..8c7b22a
Binary files /dev/null and b/quarter/assets/img/slider/--21.png differ
diff --git a/quarter/assets/img/slider/1.jpg b/quarter/assets/img/slider/1.jpg
new file mode 100644
index 0000000..7f12b46
Binary files /dev/null and b/quarter/assets/img/slider/1.jpg differ
diff --git a/quarter/assets/img/slider/11.jpg b/quarter/assets/img/slider/11.jpg
new file mode 100644
index 0000000..8fdf261
Binary files /dev/null and b/quarter/assets/img/slider/11.jpg differ
diff --git a/quarter/assets/img/slider/111.jpeg b/quarter/assets/img/slider/111.jpeg
new file mode 100644
index 0000000..2a8895e
Binary files /dev/null and b/quarter/assets/img/slider/111.jpeg differ
diff --git a/quarter/assets/img/slider/12.jpg b/quarter/assets/img/slider/12.jpg
new file mode 100644
index 0000000..2d7af6b
Binary files /dev/null and b/quarter/assets/img/slider/12.jpg differ
diff --git a/quarter/assets/img/slider/13.jpg b/quarter/assets/img/slider/13.jpg
new file mode 100644
index 0000000..5bc6035
Binary files /dev/null and b/quarter/assets/img/slider/13.jpg differ
diff --git a/quarter/assets/img/slider/14.jpg b/quarter/assets/img/slider/14.jpg
new file mode 100644
index 0000000..98a130c
Binary files /dev/null and b/quarter/assets/img/slider/14.jpg differ
diff --git a/quarter/assets/img/slider/2.jpg b/quarter/assets/img/slider/2.jpg
new file mode 100644
index 0000000..a973c16
Binary files /dev/null and b/quarter/assets/img/slider/2.jpg differ
diff --git a/quarter/assets/img/slider/21.png b/quarter/assets/img/slider/21.png
new file mode 100644
index 0000000..aca0e98
Binary files /dev/null and b/quarter/assets/img/slider/21.png differ
diff --git a/quarter/assets/img/slider/22.png b/quarter/assets/img/slider/22.png
new file mode 100644
index 0000000..a81ffbf
Binary files /dev/null and b/quarter/assets/img/slider/22.png differ
diff --git a/quarter/assets/img/slider/3.jpg b/quarter/assets/img/slider/3.jpg
new file mode 100644
index 0000000..9d4b135
Binary files /dev/null and b/quarter/assets/img/slider/3.jpg differ
diff --git a/quarter/assets/img/slider/31-bg.png b/quarter/assets/img/slider/31-bg.png
new file mode 100644
index 0000000..86d9c2e
Binary files /dev/null and b/quarter/assets/img/slider/31-bg.png differ
diff --git a/quarter/assets/img/slider/31.png b/quarter/assets/img/slider/31.png
new file mode 100644
index 0000000..3f9265b
Binary files /dev/null and b/quarter/assets/img/slider/31.png differ
diff --git a/quarter/assets/img/slider/41-1.png b/quarter/assets/img/slider/41-1.png
new file mode 100644
index 0000000..2a2040f
Binary files /dev/null and b/quarter/assets/img/slider/41-1.png differ
diff --git a/quarter/assets/img/slider/41.jpg b/quarter/assets/img/slider/41.jpg
new file mode 100644
index 0000000..1cc8aa7
Binary files /dev/null and b/quarter/assets/img/slider/41.jpg differ
diff --git a/quarter/assets/img/slider/51.jpg b/quarter/assets/img/slider/51.jpg
new file mode 100644
index 0000000..fd35709
Binary files /dev/null and b/quarter/assets/img/slider/51.jpg differ
diff --git a/quarter/assets/img/slider/52.jpg b/quarter/assets/img/slider/52.jpg
new file mode 100644
index 0000000..50c7e4e
Binary files /dev/null and b/quarter/assets/img/slider/52.jpg differ
diff --git a/quarter/assets/img/slider/53.jpg b/quarter/assets/img/slider/53.jpg
new file mode 100644
index 0000000..5259c93
Binary files /dev/null and b/quarter/assets/img/slider/53.jpg differ
diff --git a/quarter/assets/img/slider/61.jpg b/quarter/assets/img/slider/61.jpg
new file mode 100644
index 0000000..55e973c
Binary files /dev/null and b/quarter/assets/img/slider/61.jpg differ
diff --git a/quarter/assets/img/slider/62.jpg b/quarter/assets/img/slider/62.jpg
new file mode 100644
index 0000000..fd6cf28
Binary files /dev/null and b/quarter/assets/img/slider/62.jpg differ
diff --git a/quarter/assets/img/slider/63.jpg b/quarter/assets/img/slider/63.jpg
new file mode 100644
index 0000000..118a7fd
Binary files /dev/null and b/quarter/assets/img/slider/63.jpg differ
diff --git a/quarter/assets/img/slider/64.jpg b/quarter/assets/img/slider/64.jpg
new file mode 100644
index 0000000..202f9b9
Binary files /dev/null and b/quarter/assets/img/slider/64.jpg differ
diff --git a/quarter/assets/img/team/1.jpg b/quarter/assets/img/team/1.jpg
new file mode 100644
index 0000000..f294cf9
Binary files /dev/null and b/quarter/assets/img/team/1.jpg differ
diff --git a/quarter/assets/img/team/2.jpg b/quarter/assets/img/team/2.jpg
new file mode 100644
index 0000000..243aacd
Binary files /dev/null and b/quarter/assets/img/team/2.jpg differ
diff --git a/quarter/assets/img/team/21.jpg b/quarter/assets/img/team/21.jpg
new file mode 100644
index 0000000..16c3355
Binary files /dev/null and b/quarter/assets/img/team/21.jpg differ
diff --git a/quarter/assets/img/team/3.jpg b/quarter/assets/img/team/3.jpg
new file mode 100644
index 0000000..f693399
Binary files /dev/null and b/quarter/assets/img/team/3.jpg differ
diff --git a/quarter/assets/img/team/4.jpg b/quarter/assets/img/team/4.jpg
new file mode 100644
index 0000000..528a2c5
Binary files /dev/null and b/quarter/assets/img/team/4.jpg differ
diff --git a/quarter/assets/img/team/5.jpg b/quarter/assets/img/team/5.jpg
new file mode 100644
index 0000000..1420d72
Binary files /dev/null and b/quarter/assets/img/team/5.jpg differ
diff --git a/quarter/assets/img/team/6.jpg b/quarter/assets/img/team/6.jpg
new file mode 100644
index 0000000..0d35c46
Binary files /dev/null and b/quarter/assets/img/team/6.jpg differ
diff --git a/quarter/assets/img/team/7.jpg b/quarter/assets/img/team/7.jpg
new file mode 100644
index 0000000..702c8f2
Binary files /dev/null and b/quarter/assets/img/team/7.jpg differ
diff --git a/quarter/assets/img/team/8.jpg b/quarter/assets/img/team/8.jpg
new file mode 100644
index 0000000..79010d8
Binary files /dev/null and b/quarter/assets/img/team/8.jpg differ
diff --git a/quarter/assets/img/team/9.jpg b/quarter/assets/img/team/9.jpg
new file mode 100644
index 0000000..d718ddd
Binary files /dev/null and b/quarter/assets/img/team/9.jpg differ
diff --git a/quarter/assets/img/team/t-4.png b/quarter/assets/img/team/t-4.png
new file mode 100644
index 0000000..3ff1694
Binary files /dev/null and b/quarter/assets/img/team/t-4.png differ
diff --git a/quarter/assets/img/testimonial/1.jpg b/quarter/assets/img/testimonial/1.jpg
new file mode 100644
index 0000000..0dfce75
Binary files /dev/null and b/quarter/assets/img/testimonial/1.jpg differ
diff --git a/quarter/assets/img/testimonial/2.jpg b/quarter/assets/img/testimonial/2.jpg
new file mode 100644
index 0000000..cb52120
Binary files /dev/null and b/quarter/assets/img/testimonial/2.jpg differ
diff --git a/quarter/assets/img/testimonial/3.jpg b/quarter/assets/img/testimonial/3.jpg
new file mode 100644
index 0000000..3592c00
Binary files /dev/null and b/quarter/assets/img/testimonial/3.jpg differ
diff --git a/quarter/assets/img/testimonial/4.jpg b/quarter/assets/img/testimonial/4.jpg
new file mode 100644
index 0000000..5a3bd59
Binary files /dev/null and b/quarter/assets/img/testimonial/4.jpg differ
diff --git a/quarter/assets/img/testimonial/5.jpg b/quarter/assets/img/testimonial/5.jpg
new file mode 100644
index 0000000..2b948ad
Binary files /dev/null and b/quarter/assets/img/testimonial/5.jpg differ
diff --git a/quarter/assets/img/testimonial/6.jpg b/quarter/assets/img/testimonial/6.jpg
new file mode 100644
index 0000000..5327716
Binary files /dev/null and b/quarter/assets/img/testimonial/6.jpg differ
diff --git a/quarter/assets/img/testimonial/7.jpg b/quarter/assets/img/testimonial/7.jpg
new file mode 100644
index 0000000..613df7a
Binary files /dev/null and b/quarter/assets/img/testimonial/7.jpg differ
diff --git a/quarter/assets/js/accordion.js b/quarter/assets/js/accordion.js
new file mode 100644
index 0000000..d1b6721
--- /dev/null
+++ b/quarter/assets/js/accordion.js
@@ -0,0 +1,97 @@
+// style controllers
+
+const controllerStyle = (accordionController, isActive) => {
+  const rotateAbleLine = accordionController.querySelectorAll("span")[1];
+
+  if (rotateAbleLine) {
+    rotateAbleLine.style.transform = !isActive
+      ? "rotate(0deg)"
+      : "rotate(90deg)";
+  }
+};
+
+// accordion hide and show
+const toggleAccordion = (accordion, isActive, currentIndex, index) => {
+  const parentContent = accordion.closest(".accordion-content");
+  const content = accordion.querySelector(".accordion-content");
+  const contentWrapper = accordion.querySelector(".content-wrapper");
+  const contentHeight = contentWrapper.offsetHeight;
+
+  let contenStyleHeight = content.style.height;
+  if (contenStyleHeight === "auto") {
+    content.style.height = `${contentHeight}px`;
+  }
+
+  setTimeout(() => {
+    content.style.height = !isActive ? `${contentHeight}px` : 0;
+  }, 1);
+  if (!isActive) {
+    setTimeout(() => {
+      if (!parentContent) {
+        content.style.height = `auto`;
+      }
+    }, 500);
+  }
+};
+
+// get accordion controller and listen click event
+const accordionController = (accordionContainer) => {
+  const groupOfAccordion = accordionContainer.querySelectorAll(".accordion");
+
+  groupOfAccordion.forEach((accordion, idx) => {
+    const accordionController = accordion.querySelector(
+      ".accordion-controller"
+    );
+    const isInitialyActive = accordion.classList.contains("active");
+
+    if (isInitialyActive) {
+      const contents = accordion.querySelector(".accordion-content");
+      const contentHeight = contents.children[0].offsetHeight;
+      if (contentHeight) {
+        contents.style.height = `${contentHeight}px`;
+      }
+    }
+
+    if (accordionController) {
+      accordionController.addEventListener("click", function () {
+        const currentAccordion = this.closest(".accordion");
+
+        const isActive = currentAccordion.classList.contains("active");
+        let waitForDblClick = setTimeout(() => {
+          groupOfAccordion.forEach((accordion, idx1) => {
+            const isAccordionController = accordion.querySelector(
+              ".accordion-controller"
+            );
+
+            if (isAccordionController) {
+              accordion.classList.remove("active");
+              const accordionController = accordion.querySelector(
+                ".accordion-controller"
+              );
+              controllerStyle(accordionController, true);
+              toggleAccordion(accordion, true, idx, idx1);
+            }
+          });
+          if (!isActive) {
+            currentAccordion.classList.add("active");
+            controllerStyle(accordionController, false);
+            toggleAccordion(currentAccordion, false);
+          }
+        }, 10);
+        accordionController.addEventListener("dblclick", function () {
+          clearTimeout(waitForDblClick);
+        });
+      });
+    }
+  });
+};
+const accordions = () => {
+  const accordionContainers = document.querySelectorAll(".accordion-container");
+
+  if (!accordionContainers.length) {
+    return;
+  }
+  accordionContainers.forEach((accordionContainer) => {
+    accordionController(accordionContainer);
+  });
+};
diff --git a/quarter/assets/js/count.js b/quarter/assets/js/count.js
new file mode 100644
index 0000000..bab3ea1
--- /dev/null
+++ b/quarter/assets/js/count.js
@@ -0,0 +1,33 @@
+const count = () => {
+  const countContainers = document.querySelectorAll(".count-container");
+
+  if (!count) {
+    return;
+  }
+
+  countContainers.forEach((countContainer) => {
+    const countIput = countContainer.querySelector("input");
+    const minCount = countContainer.querySelector(".mincount");
+    const maxCount = countContainer.querySelector(".maxcount");
+
+    minCount.addEventListener("click", () => {
+      let currentValue = parseInt(countIput.value);
+  
+      if (currentValue === 0 || currentValue < 0) {
+        if (currentValue === 0) {
+          currentValue = 1;
+        } else {
+          currentValue = 0;
+        }
+      } else {
+        currentValue--;
+      }
+      countIput.value = currentValue;
+    });
+    maxCount.addEventListener("click", () => {
+      let currentValue = parseInt(countIput.value);
+      currentValue++;
+      countIput.value = currentValue;
+    });
+  });
+};
diff --git a/quarter/assets/js/countdown.js b/quarter/assets/js/countdown.js
new file mode 100644
index 0000000..7c3274f
--- /dev/null
+++ b/quarter/assets/js/countdown.js
@@ -0,0 +1,74 @@
+const countDown = () => {
+  // Set the target date for the countdown (change it to your desired end date)
+  const coundownContainers = document.querySelectorAll("[data-countdown]");
+  if (coundownContainers?.length) {
+    let countdownInterval;
+    coundownContainers.forEach((coundownContainer) => {
+      const countDownFields = [...coundownContainer.children];
+
+      const targetDateArray = coundownContainer
+        .getAttribute("data-countdown")
+        .split("/");
+
+      const targetDate = new Date(
+        `${targetDateArray[0]}-${targetDateArray[1]}-${targetDateArray[2]}T00:00:00`
+      ).getTime();
+
+      // Update the countdown every second
+      countdownInterval = setInterval(
+        () => updateCountdown(targetDate, countDownFields),
+        1000
+      );
+    });
+
+    function updateCountdown(targetDate, countDownFields) {
+      // Get the current date and time
+      const currentDate = new Date().getTime();
+
+      // Calculate the remaining time
+      const timeDifference = targetDate - currentDate;
+
+      // Calculate days, hours, minutes, and seconds
+      const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+      const hours = Math.floor(
+        (timeDifference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
+      );
+      const minutes = Math.floor(
+        (timeDifference % (1000 * 60 * 60)) / (1000 * 60)
+      );
+      const seconds = Math.floor((timeDifference % (1000 * 60)) / 1000);
+
+      // Display the countdown
+      countDownFields.forEach((countDownField, ind) => {
+        countDownField.querySelector(".count").innerHTML =
+          ind === 0
+            ? days > 9
+              ? days
+              : `0${days}`
+            : ind === 1
+            ? hours > 9
+              ? hours
+              : `0${hours}`
+            : ind === 2
+            ? minutes > 9
+              ? minutes
+              : `0${minutes}`
+            : seconds > 9
+            ? seconds
+            : `0${seconds}`;
+      });
+
+      // If the countdown is finished, clear the interval
+      if (timeDifference < 0) {
+        clearInterval(countdownInterval);
+        // document.getElementById("countdown").innerHTML = "Countdown expired!";
+
+        // Display the countdown
+        countDownFields.forEach((countDownField, ind) => {
+          countDownField.querySelector(".count").innerHTML =
+            ind === 0 ? `00` : ind === 1 ? `00` : ind === 2 ? `00` : `00`;
+        });
+      }
+    }
+  }
+};
diff --git a/quarter/assets/js/counterup.js b/quarter/assets/js/counterup.js
new file mode 100644
index 0000000..7900fd1
--- /dev/null
+++ b/quarter/assets/js/counterup.js
@@ -0,0 +1,82 @@
+class countUp {
+  constructor(el) {
+    this.el = el;
+    this.setVars();
+    this.init();
+  }
+
+  setVars() {
+    this.number = this.el.querySelectorAll("[data-countup-number]");
+    this.observerOptions = { root: null, rootMargin: "0px 0px", threshold: 0 };
+    this.observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        const end = parseFloat(
+          entry.target.dataset.countupNumber.replace(/,/g, "")
+        );
+        const decimals = this.countDecimals(end);
+        if (entry.isIntersecting) {
+          this.iterateValue(entry.target, end, decimals);
+        }
+      });
+    }, this.observerOptions);
+  }
+
+  init() {
+    if (this.number.length > 0) {
+      this.number.forEach((el) => {
+        this.observer.observe(el);
+      });
+    }
+  }
+
+  iterateValue(el, end, decimals) {
+    const start = 0;
+    const duration = 2500;
+    let startTimestamp = null;
+
+    const step = (timestamp) => {
+      if (!startTimestamp) startTimestamp = timestamp;
+      const elapsedPercent = (timestamp - startTimestamp) / duration;
+      const easedProgress = Math.min(this.easeOutQuint(elapsedPercent), 1);
+      let interimNumber = Math.abs(easedProgress * (end - start) + start);
+      el.innerHTML = this.formatNumber(interimNumber, decimals);
+      if (easedProgress < 1) {
+        window.requestAnimationFrame(step);
+      }
+    };
+
+    // requestAnimationFrame returns DOMHighResTimeStamp as a callback (used as timestamp)
+    window.requestAnimationFrame(step);
+  }
+
+  easeOutQuad(x) {
+    return 1 - Math.pow(1 - x, 3);
+  }
+
+  easeOutQuint(x) {
+    return 1 - Math.pow(1 - x, 5);
+  }
+
+  countDecimals(val) {
+    if (Math.floor(val) === val) return 0;
+    return val.toString().split(".")[1].length || 0;
+  }
+
+  formatNumber(val, decimals) {
+    return val.toLocaleString("en-US", {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals,
+    });
+  }
+}
+
+// Simplifed version of Viget dynamic modules to attach instances for this demo
+// https://www.viget.com/articles/how-does-viget-javascript/
+// You CAN use this pattern, but it's single purpose right now
+const dataModules = [...document.querySelectorAll('[data-module="countup"]')];
+
+dataModules.forEach((element) => {
+  element.dataset.module.split(" ").forEach(function () {
+    new countUp(element);
+  });
+});
diff --git a/quarter/assets/js/drawer.js b/quarter/assets/js/drawer.js
new file mode 100644
index 0000000..ee83637
--- /dev/null
+++ b/quarter/assets/js/drawer.js
@@ -0,0 +1,41 @@
+// open drawer
+const handleOpen = (drawer, drawerShow) => {
+  const drawerContainer = drawer.parentNode;
+  drawerShow.addEventListener("click", () => {
+    const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
+
+    if (mobileControllerIcon) {
+      mobileControllerIcon.classList.toggle("close");
+    }
+    drawerContainer.classList.add("active");
+  });
+};
+// close drawer
+const handleClose = (drawer, drawerShow, closedrawer) => {
+  const drawerContainer = drawer.parentNode;
+  closedrawer.addEventListener("click", () => {
+    drawerContainer.classList.remove("active");
+    const mobileControllerIcon = drawerShow.querySelector(".utilize-toggle");
+    if (mobileControllerIcon) {
+      mobileControllerIcon.classList.toggle("close");
+    }
+  });
+};
+// controll mobile menu
+const drawer = () => {
+  const drawerShowButtons = document.querySelectorAll(".show-drawer");
+  const drawers = document.querySelectorAll(".drawer");
+  if (drawerShowButtons?.length) {
+    drawerShowButtons.forEach((drawerShow, idx) => {
+      const drawer = drawers[idx];
+      if (drawer) {
+        const darawerContainer = drawer.parentNode;
+        handleOpen(drawer, drawerShow);
+        const closedrawers = darawerContainer.querySelectorAll(".close-drawer");
+        closedrawers?.forEach((closedrawer) => {
+          handleClose(drawer, drawerShow, closedrawer);
+        });
+      }
+    });
+  }
+};
diff --git a/quarter/assets/js/filter.js b/quarter/assets/js/filter.js
new file mode 100644
index 0000000..945478a
--- /dev/null
+++ b/quarter/assets/js/filter.js
@@ -0,0 +1,59 @@
+// tab controller
+const filter = () => {
+  //isotop
+  var grid = document.querySelector(".filter-contents");
+  if (grid) {
+    var iso = new Isotope(grid, {
+      // options...
+      itemSelector: ".grid-item",
+      percentPosition: true,
+      masonry: {
+        columnWidth: ".grid-item",
+      },
+    });
+    // filter functions
+    var filterFns = {
+      // show if number is greater than 50
+      numberGreaterThan50: function (itemElem) {
+        var number = itemElem.querySelector(".number").textContent;
+        return parseInt(number, 10) > 50;
+      },
+      // show if name ends with -ium
+      ium: function (itemElem) {
+        var name = itemElem.querySelector(".name").textContent;
+        return name.match(/ium$/);
+      },
+    };
+
+    // bind filter button click
+    var filtersElem = document.querySelector(".filters-button-group");
+    filtersElem.addEventListener("click", function (event) {
+      // only work with buttons
+      if (!matchesSelector(event.target, "button")) {
+        return;
+      }
+      var filterValue = event.target.getAttribute("data-filter");
+      // use matching filter function
+      filterValue = filterFns[filterValue] || filterValue;
+      iso.arrange({ filter: filterValue });
+    });
+
+    // change is-checked class on buttons
+    var buttonGroups = document.querySelectorAll(".button-group");
+    for (var i = 0, len = buttonGroups.length; i < len; i++) {
+      var buttonGroup = buttonGroups[i];
+      radioButtonGroup(buttonGroup);
+    }
+
+    function radioButtonGroup(buttonGroup) {
+      buttonGroup.addEventListener("click", function (event) {
+        // only work with buttons
+        if (!matchesSelector(event.target, "button")) {
+          return;
+        }
+        buttonGroup.querySelector(".is-checked").classList.remove("is-checked");
+        event.target.classList.add("is-checked");
+      });
+    }
+  }
+};
diff --git a/quarter/assets/js/glightbox.min.js b/quarter/assets/js/glightbox.min.js
new file mode 100644
index 0000000..57dfb24
--- /dev/null
+++ b/quarter/assets/js/glightbox.min.js
@@ -0,0 +1,2925 @@
+!(function (e, t) {
+  "object" == typeof exports && "undefined" != typeof module
+    ? (module.exports = t())
+    : "function" == typeof define && define.amd
+    ? define(t)
+    : ((e = e || self).GLightbox = t());
+})(this, function () {
+  "use strict";
+
+  function e(e) {
+    var t = (function (e, t) {
+      if ("object" != typeof e || !e) return e;
+      var i = e[Symbol.toPrimitive];
+      if (void 0 !== i) {
+        var n = i.call(e, t || "default");
+        if ("object" != typeof n) return n;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return ("string" === t ? String : Number)(e);
+    })(e, "string");
+    return "symbol" == typeof t ? t : t + "";
+  }
+  function t(e) {
+    return (t =
+      "function" == typeof Symbol && "symbol" == typeof Symbol.iterator
+        ? function (e) {
+            return typeof e;
+          }
+        : function (e) {
+            return e &&
+              "function" == typeof Symbol &&
+              e.constructor === Symbol &&
+              e !== Symbol.prototype
+              ? "symbol"
+              : typeof e;
+          })(e);
+  }
+  function i(e, t) {
+    if (!(e instanceof t))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function n(t, i) {
+    for (var n = 0; n < i.length; n++) {
+      var s = i[n];
+      (s.enumerable = s.enumerable || !1),
+        (s.configurable = !0),
+        "value" in s && (s.writable = !0),
+        Object.defineProperty(t, e(s.key), s);
+    }
+  }
+  function s(e, t, i) {
+    return (
+      t && n(e.prototype, t),
+      i && n(e, i),
+      Object.defineProperty(e, "prototype", { writable: !1 }),
+      e
+    );
+  }
+  function cgsc(container, status) {
+    const countEles = document.querySelectorAll(".gslide-count");
+    const prevSlides = document.querySelectorAll(".gprev");
+    const nextSlides = document.querySelectorAll(".gnext");
+
+    setTimeout(() => {
+      const totalIdx = container.elements.length;
+      const currentIdx = container.index;
+      const countCildren = countEles[currentIdx ? currentIdx : 0].children;
+
+      countEles.forEach((countEle) => {
+        countCildren[0].innerText = currentIdx + 1;
+        countCildren[1].innerText = totalIdx;
+        if (totalIdx < 2) {
+          countEle.style.opacity = 0;
+          prevSlides[currentIdx].style.opacity = 0;
+          nextSlides[currentIdx].style.opacity = 0;
+        } else {
+          // countEle.style.opacity = 100;
+          // prevSlides[currentIdx].style.opacity = 100;
+          // nextSlides[currentIdx].style.opacity = 100;
+        }
+      });
+    }, 10);
+  }
+  var l = Date.now();
+  function o() {
+    var e = {},
+      t = !0,
+      i = 0,
+      n = arguments.length;
+    "[object Boolean]" === Object.prototype.toString.call(arguments[0]) &&
+      ((t = arguments[0]), i++);
+    for (
+      var s = function (i) {
+        for (var n in i)
+          Object.prototype.hasOwnProperty.call(i, n) &&
+            (t && "[object Object]" === Object.prototype.toString.call(i[n])
+              ? (e[n] = o(!0, e[n], i[n]))
+              : (e[n] = i[n]));
+      };
+      i < n;
+      i++
+    ) {
+      var l = arguments[i];
+      s(l);
+    }
+    return e;
+  }
+  function r(e, t) {
+    if (
+      ((E(e) || e === window || e === document) && (e = [e]),
+      L(e) || I(e) || (e = [e]),
+      0 != M(e))
+    )
+      if (L(e) && !I(e))
+        for (
+          var i = e.length, n = 0;
+          n < i && !1 !== t.call(e[n], e[n], n, e);
+          n++
+        );
+      else if (I(e))
+        for (var s in e) if (P(e, s) && !1 === t.call(e[s], e[s], s, e)) break;
+  }
+  function a(e) {
+    var t =
+        arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
+      i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null,
+      n = (e[l] = e[l] || []),
+      s = { all: n, evt: null, found: null };
+    return (
+      t &&
+        i &&
+        M(n) > 0 &&
+        r(n, function (e, n) {
+          if (e.eventName == t && e.fn.toString() == i.toString())
+            return (s.found = !0), (s.evt = n), !1;
+        }),
+      s
+    );
+  }
+  function h(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},
+      i = t.onElement,
+      n = t.withCallback,
+      s = t.avoidDuplicate,
+      l = void 0 === s || s,
+      o = t.once,
+      h = void 0 !== o && o,
+      d = t.useCapture,
+      c = void 0 !== d && d,
+      u = arguments.length > 2 ? arguments[2] : void 0,
+      g = i || [];
+    function v(e) {
+      C(n) && n.call(u, e, this), h && v.destroy();
+    }
+    return (
+      k(g) && (g = document.querySelectorAll(g)),
+      (v.destroy = function () {
+        r(g, function (t) {
+          var i = a(t, e, v);
+          i.found && i.all.splice(i.evt, 1),
+            t.removeEventListener && t.removeEventListener(e, v, c);
+        });
+      }),
+      r(g, function (t) {
+        var i = a(t, e, v);
+        ((t.addEventListener && l && !i.found) || !l) &&
+          (t.addEventListener(e, v, c), i.all.push({ eventName: e, fn: v }));
+      }),
+      v
+    );
+  }
+  function d(e, t) {
+    r(t.split(" "), function (t) {
+      return e.classList.add(t);
+    });
+  }
+  function c(e, t) {
+    r(t.split(" "), function (t) {
+      return e.classList.remove(t);
+    });
+  }
+  function u(e, t) {
+    return e.classList.contains(t);
+  }
+  function g(e, t) {
+    for (; e !== document.body; ) {
+      if (!(e = e.parentElement)) return !1;
+      if (
+        "function" == typeof e.matches ? e.matches(t) : e.msMatchesSelector(t)
+      )
+        return e;
+    }
+  }
+  function v(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "",
+      i = arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
+    if (!e || "" === t) return !1;
+    if ("none" === t) return C(i) && i(), !1;
+    var n = b(),
+      s = t.split(" ");
+    r(s, function (t) {
+      d(e, "g" + t);
+    }),
+      h(n, {
+        onElement: e,
+        avoidDuplicate: !1,
+        once: !0,
+        withCallback: function (e, t) {
+          r(s, function (e) {
+            c(t, "g" + e);
+          }),
+            C(i) && i();
+        },
+      });
+  }
+  function f(e) {
+    var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "";
+    if ("" === t)
+      return (
+        (e.style.webkitTransform = ""),
+        (e.style.MozTransform = ""),
+        (e.style.msTransform = ""),
+        (e.style.OTransform = ""),
+        (e.style.transform = ""),
+        !1
+      );
+    (e.style.webkitTransform = t),
+      (e.style.MozTransform = t),
+      (e.style.msTransform = t),
+      (e.style.OTransform = t),
+      (e.style.transform = t);
+  }
+  function p(e) {
+    e.style.display = "block";
+  }
+  function m(e) {
+    e.style.display = "none";
+  }
+  function y(e) {
+    var t = document.createDocumentFragment(),
+      i = document.createElement("div");
+    for (i.innerHTML = e; i.firstChild; ) t.appendChild(i.firstChild);
+    return t;
+  }
+  function x() {
+    return {
+      width:
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth,
+      height:
+        window.innerHeight ||
+        document.documentElement.clientHeight ||
+        document.body.clientHeight,
+    };
+  }
+  function b() {
+    var e,
+      t = document.createElement("fakeelement"),
+      i = {
+        animation: "animationend",
+        OAnimation: "oAnimationEnd",
+        MozAnimation: "animationend",
+        WebkitAnimation: "webkitAnimationEnd",
+      };
+    for (e in i) if (void 0 !== t.style[e]) return i[e];
+  }
+  function S(e, t, i, n) {
+    if (e()) t();
+    else {
+      var s;
+      i || (i = 100);
+      var l = setInterval(function () {
+        e() && (clearInterval(l), s && clearTimeout(s), t());
+      }, i);
+      n &&
+        (s = setTimeout(function () {
+          clearInterval(l);
+        }, n));
+    }
+  }
+  function w(e, t, i) {
+    if (O(e)) console.error("Inject assets error");
+    else if ((C(t) && ((i = t), (t = !1)), k(t) && t in window)) C(i) && i();
+    else {
+      var n;
+      if (-1 !== e.indexOf(".css")) {
+        if (
+          (n = document.querySelectorAll('link[href="' + e + '"]')) &&
+          n.length > 0
+        )
+          return void (C(i) && i());
+        var s = document.getElementsByTagName("head")[0],
+          l = s.querySelectorAll('link[rel="stylesheet"]'),
+          o = document.createElement("link");
+        return (
+          (o.rel = "stylesheet"),
+          (o.type = "text/css"),
+          (o.href = e),
+          (o.media = "all"),
+          l ? s.insertBefore(o, l[0]) : s.appendChild(o),
+          void (C(i) && i())
+        );
+      }
+      if (
+        (n = document.querySelectorAll('script[src="' + e + '"]')) &&
+        n.length > 0
+      ) {
+        if (C(i)) {
+          if (k(t))
+            return (
+              S(
+                function () {
+                  return void 0 !== window[t];
+                },
+                function () {
+                  i();
+                }
+              ),
+              !1
+            );
+          i();
+        }
+      } else {
+        var r = document.createElement("script");
+        (r.type = "text/javascript"),
+          (r.src = e),
+          (r.onload = function () {
+            if (C(i)) {
+              if (k(t))
+                return (
+                  S(
+                    function () {
+                      return void 0 !== window[t];
+                    },
+                    function () {
+                      i();
+                    }
+                  ),
+                  !1
+                );
+              i();
+            }
+          }),
+          document.body.appendChild(r);
+      }
+    }
+  }
+  function T() {
+    return (
+      "navigator" in window &&
+      window.navigator.userAgent.match(
+        /(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i
+      )
+    );
+  }
+  function C(e) {
+    return "function" == typeof e;
+  }
+  function k(e) {
+    return "string" == typeof e;
+  }
+  function E(e) {
+    return !(!e || !e.nodeType || 1 != e.nodeType);
+  }
+  function A(e) {
+    return Array.isArray(e);
+  }
+  function L(e) {
+    return e && e.length && isFinite(e.length);
+  }
+  function I(e) {
+    return "object" === t(e) && null != e && !C(e) && !A(e);
+  }
+  function O(e) {
+    return null == e;
+  }
+  function P(e, t) {
+    return null !== e && hasOwnProperty.call(e, t);
+  }
+  function M(e) {
+    if (I(e)) {
+      if (e.keys) return e.keys().length;
+      var t = 0;
+      for (var i in e) P(e, i) && t++;
+      return t;
+    }
+    return e.length;
+  }
+  function z(e) {
+    return !isNaN(parseFloat(e)) && isFinite(e);
+  }
+  function X() {
+    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : -1,
+      t = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)");
+    if (!t.length) return !1;
+    if (1 == t.length) return t[0];
+    "string" == typeof e && (e = parseInt(e));
+    var i = [];
+    r(t, function (e) {
+      i.push(e.getAttribute("data-taborder"));
+    });
+    var n = Math.max.apply(
+        Math,
+        i.map(function (e) {
+          return parseInt(e);
+        })
+      ),
+      s = e < 0 ? 1 : e + 1;
+    s > n && (s = "1");
+    var l = i.filter(function (e) {
+        return e >= parseInt(s);
+      }),
+      o = l.sort()[0];
+    return document.querySelector('.gbtn[data-taborder="'.concat(o, '"]'));
+  }
+  function Y(e) {
+    if (e.events.hasOwnProperty("keyboard")) return !1;
+    e.events.keyboard = h("keydown", {
+      onElement: window,
+      withCallback: function (t, i) {
+        var n = (t = t || window.event).keyCode;
+        if (9 == n) {
+          var s = document.querySelector(".gbtn.focused");
+          if (!s) {
+            var l =
+              !(!document.activeElement || !document.activeElement.nodeName) &&
+              document.activeElement.nodeName.toLocaleLowerCase();
+            if ("input" == l || "textarea" == l || "button" == l) return;
+          }
+          t.preventDefault();
+          var o = document.querySelectorAll(".gbtn[data-taborder]");
+          if (!o || o.length <= 0) return;
+          if (!s) {
+            var r = X();
+            return void (r && (r.focus(), d(r, "focused")));
+          }
+          var a = X(s.getAttribute("data-taborder"));
+          c(s, "focused"), a && (a.focus(), d(a, "focused"));
+        }
+        39 == n && e.nextSlide(),
+          37 == n && e.prevSlide(),
+          27 == n && e.close();
+      },
+    });
+  }
+  var q = s(
+      function e(t, n) {
+        var s = this,
+          l =
+            arguments.length > 2 && void 0 !== arguments[2]
+              ? arguments[2]
+              : null;
+        if (
+          (i(this, e),
+          (this.img = t),
+          (this.slide = n),
+          (this.onclose = l),
+          this.img.setZoomEvents)
+        )
+          return !1;
+        (this.active = !1),
+          (this.zoomedIn = !1),
+          (this.dragging = !1),
+          (this.currentX = null),
+          (this.currentY = null),
+          (this.initialX = null),
+          (this.initialY = null),
+          (this.xOffset = 0),
+          (this.yOffset = 0),
+          this.img.addEventListener(
+            "mousedown",
+            function (e) {
+              return s.dragStart(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "mouseup",
+            function (e) {
+              return s.dragEnd(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "mousemove",
+            function (e) {
+              return s.drag(e);
+            },
+            !1
+          ),
+          this.img.addEventListener(
+            "click",
+            function (e) {
+              return s.slide.classList.contains("dragging-nav")
+                ? (s.zoomOut(), !1)
+                : s.zoomedIn
+                ? void (s.zoomedIn && !s.dragging && s.zoomOut())
+                : s.zoomIn();
+            },
+            !1
+          ),
+          (this.img.setZoomEvents = !0);
+      },
+      [
+        {
+          key: "zoomIn",
+          value: function () {
+            var e = this.widowWidth();
+            if (!(this.zoomedIn || e <= 768)) {
+              var t = this.img;
+              if (
+                (t.setAttribute("data-style", t.getAttribute("style")),
+                (t.style.maxWidth = t.naturalWidth + "px"),
+                (t.style.maxHeight = t.naturalHeight + "px"),
+                t.naturalWidth > e)
+              ) {
+                var i = e / 2 - t.naturalWidth / 2;
+                this.setTranslate(this.img.parentNode, i, 0);
+              }
+              this.slide.classList.add("zoomed"), (this.zoomedIn = !0);
+            }
+          },
+        },
+        {
+          key: "zoomOut",
+          value: function () {
+            this.img.parentNode.setAttribute("style", ""),
+              this.img.setAttribute(
+                "style",
+                this.img.getAttribute("data-style")
+              ),
+              this.slide.classList.remove("zoomed"),
+              (this.zoomedIn = !1),
+              (this.currentX = null),
+              (this.currentY = null),
+              (this.initialX = null),
+              (this.initialY = null),
+              (this.xOffset = 0),
+              (this.yOffset = 0),
+              this.onclose &&
+                "function" == typeof this.onclose &&
+                this.onclose();
+          },
+        },
+        {
+          key: "dragStart",
+          value: function (e) {
+            e.preventDefault(),
+              this.zoomedIn
+                ? ("touchstart" === e.type
+                    ? ((this.initialX = e.touches[0].clientX - this.xOffset),
+                      (this.initialY = e.touches[0].clientY - this.yOffset))
+                    : ((this.initialX = e.clientX - this.xOffset),
+                      (this.initialY = e.clientY - this.yOffset)),
+                  e.target === this.img &&
+                    ((this.active = !0), this.img.classList.add("dragging")))
+                : (this.active = !1);
+          },
+        },
+        {
+          key: "dragEnd",
+          value: function (e) {
+            var t = this;
+            e.preventDefault(),
+              (this.initialX = this.currentX),
+              (this.initialY = this.currentY),
+              (this.active = !1),
+              setTimeout(function () {
+                (t.dragging = !1),
+                  (t.img.isDragging = !1),
+                  t.img.classList.remove("dragging");
+              }, 100);
+          },
+        },
+        {
+          key: "drag",
+          value: function (e) {
+            this.active &&
+              (e.preventDefault(),
+              "touchmove" === e.type
+                ? ((this.currentX = e.touches[0].clientX - this.initialX),
+                  (this.currentY = e.touches[0].clientY - this.initialY))
+                : ((this.currentX = e.clientX - this.initialX),
+                  (this.currentY = e.clientY - this.initialY)),
+              (this.xOffset = this.currentX),
+              (this.yOffset = this.currentY),
+              (this.img.isDragging = !0),
+              (this.dragging = !0),
+              this.setTranslate(this.img, this.currentX, this.currentY));
+          },
+        },
+        {
+          key: "onMove",
+          value: function (e) {
+            if (this.zoomedIn) {
+              var t = e.clientX - this.img.naturalWidth / 2,
+                i = e.clientY - this.img.naturalHeight / 2;
+              this.setTranslate(this.img, t, i);
+            }
+          },
+        },
+        {
+          key: "setTranslate",
+          value: function (e, t, i) {
+            e.style.transform = "translate3d(" + t + "px, " + i + "px, 0)";
+          },
+        },
+        {
+          key: "widowWidth",
+          value: function () {
+            return (
+              window.innerWidth ||
+              document.documentElement.clientWidth ||
+              document.body.clientWidth
+            );
+          },
+        },
+      ]
+    ),
+    N = s(
+      function e() {
+        var t = this,
+          n =
+            arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e);
+        var s = n.dragEl,
+          l = n.toleranceX,
+          o = void 0 === l ? 40 : l,
+          r = n.toleranceY,
+          a = void 0 === r ? 65 : r,
+          h = n.slide,
+          d = void 0 === h ? null : h,
+          c = n.instance,
+          u = void 0 === c ? null : c;
+        (this.el = s),
+          (this.active = !1),
+          (this.dragging = !1),
+          (this.currentX = null),
+          (this.currentY = null),
+          (this.initialX = null),
+          (this.initialY = null),
+          (this.xOffset = 0),
+          (this.yOffset = 0),
+          (this.direction = null),
+          (this.lastDirection = null),
+          (this.toleranceX = o),
+          (this.toleranceY = a),
+          (this.toleranceReached = !1),
+          (this.dragContainer = this.el),
+          (this.slide = d),
+          (this.instance = u),
+          this.el.addEventListener(
+            "mousedown",
+            function (e) {
+              return t.dragStart(e);
+            },
+            !1
+          ),
+          this.el.addEventListener(
+            "mouseup",
+            function (e) {
+              return t.dragEnd(e);
+            },
+            !1
+          ),
+          this.el.addEventListener(
+            "mousemove",
+            function (e) {
+              return t.drag(e);
+            },
+            !1
+          );
+      },
+      [
+        {
+          key: "dragStart",
+          value: function (e) {
+            if (this.slide.classList.contains("zoomed")) this.active = !1;
+            else {
+              "touchstart" === e.type
+                ? ((this.initialX = e.touches[0].clientX - this.xOffset),
+                  (this.initialY = e.touches[0].clientY - this.yOffset))
+                : ((this.initialX = e.clientX - this.xOffset),
+                  (this.initialY = e.clientY - this.yOffset));
+              var t = e.target.nodeName.toLowerCase();
+              e.target.classList.contains("nodrag") ||
+              g(e.target, ".nodrag") ||
+              -1 !== ["input", "select", "textarea", "button", "a"].indexOf(t)
+                ? (this.active = !1)
+                : (e.preventDefault(),
+                  (e.target === this.el ||
+                    ("img" !== t && g(e.target, ".gslide-inline"))) &&
+                    ((this.active = !0),
+                    this.el.classList.add("dragging"),
+                    (this.dragContainer = g(e.target, ".ginner-container"))));
+            }
+          },
+        },
+        {
+          key: "dragEnd",
+          value: function (e) {
+            var t = this;
+            e && e.preventDefault(),
+              (this.initialX = 0),
+              (this.initialY = 0),
+              (this.currentX = null),
+              (this.currentY = null),
+              (this.initialX = null),
+              (this.initialY = null),
+              (this.xOffset = 0),
+              (this.yOffset = 0),
+              (this.active = !1),
+              this.doSlideChange &&
+                ((this.instance.preventOutsideClick = !0),
+                "right" == this.doSlideChange && this.instance.prevSlide(),
+                "left" == this.doSlideChange && this.instance.nextSlide()),
+              this.doSlideClose && this.instance.close(),
+              this.toleranceReached ||
+                this.setTranslate(this.dragContainer, 0, 0, !0),
+              setTimeout(function () {
+                (t.instance.preventOutsideClick = !1),
+                  (t.toleranceReached = !1),
+                  (t.lastDirection = null),
+                  (t.dragging = !1),
+                  (t.el.isDragging = !1),
+                  t.el.classList.remove("dragging"),
+                  t.slide.classList.remove("dragging-nav"),
+                  (t.dragContainer.style.transform = ""),
+                  (t.dragContainer.style.transition = "");
+              }, 100);
+          },
+        },
+        {
+          key: "drag",
+          value: function (e) {
+            if (this.active) {
+              e.preventDefault(),
+                this.slide.classList.add("dragging-nav"),
+                "touchmove" === e.type
+                  ? ((this.currentX = e.touches[0].clientX - this.initialX),
+                    (this.currentY = e.touches[0].clientY - this.initialY))
+                  : ((this.currentX = e.clientX - this.initialX),
+                    (this.currentY = e.clientY - this.initialY)),
+                (this.xOffset = this.currentX),
+                (this.yOffset = this.currentY),
+                (this.el.isDragging = !0),
+                (this.dragging = !0),
+                (this.doSlideChange = !1),
+                (this.doSlideClose = !1);
+              var t = Math.abs(this.currentX),
+                i = Math.abs(this.currentY);
+              if (
+                t > 0 &&
+                t >= Math.abs(this.currentY) &&
+                (!this.lastDirection || "x" == this.lastDirection)
+              ) {
+                (this.yOffset = 0),
+                  (this.lastDirection = "x"),
+                  this.setTranslate(this.dragContainer, this.currentX, 0);
+                var n = this.shouldChange();
+                if (
+                  (!this.instance.settings.dragAutoSnap &&
+                    n &&
+                    (this.doSlideChange = n),
+                  this.instance.settings.dragAutoSnap && n)
+                )
+                  return (
+                    (this.instance.preventOutsideClick = !0),
+                    (this.toleranceReached = !0),
+                    (this.active = !1),
+                    (this.instance.preventOutsideClick = !0),
+                    this.dragEnd(null),
+                    "right" == n && this.instance.prevSlide(),
+                    void ("left" == n && this.instance.nextSlide())
+                  );
+              }
+              if (
+                this.toleranceY > 0 &&
+                i > 0 &&
+                i >= t &&
+                (!this.lastDirection || "y" == this.lastDirection)
+              ) {
+                (this.xOffset = 0),
+                  (this.lastDirection = "y"),
+                  this.setTranslate(this.dragContainer, 0, this.currentY);
+                var s = this.shouldClose();
+                return (
+                  !this.instance.settings.dragAutoSnap &&
+                    s &&
+                    (this.doSlideClose = !0),
+                  void (
+                    this.instance.settings.dragAutoSnap &&
+                    s &&
+                    this.instance.close()
+                  )
+                );
+              }
+            }
+          },
+        },
+        {
+          key: "shouldChange",
+          value: function () {
+            var e = !1;
+            if (Math.abs(this.currentX) >= this.toleranceX) {
+              var t = this.currentX > 0 ? "right" : "left";
+              (("left" == t &&
+                this.slide !== this.slide.parentNode.lastChild) ||
+                ("right" == t &&
+                  this.slide !== this.slide.parentNode.firstChild)) &&
+                (e = t);
+            }
+            return e;
+          },
+        },
+        {
+          key: "shouldClose",
+          value: function () {
+            var e = !1;
+            return Math.abs(this.currentY) >= this.toleranceY && (e = !0), e;
+          },
+        },
+        {
+          key: "setTranslate",
+          value: function (e, t, i) {
+            var n =
+              arguments.length > 3 && void 0 !== arguments[3] && arguments[3];
+            (e.style.transition = n ? "all .2s ease" : ""),
+              (e.style.transform = "translate3d("
+                .concat(t, "px, ")
+                .concat(i, "px, 0)"));
+          },
+        },
+      ]
+    );
+  function D(e, t, i, n) {
+    var s = e.querySelector(".gslide-media"),
+      l = new Image(),
+      o = "gSlideTitle_" + i,
+      r = "gSlideDesc_" + i;
+    l.addEventListener(
+      "load",
+      function () {
+        C(n) && n();
+      },
+      !1
+    ),
+      (l.src = t.href),
+      "" != t.sizes &&
+        "" != t.srcset &&
+        ((l.sizes = t.sizes), (l.srcset = t.srcset)),
+      (l.alt = ""),
+      O(t.alt) || "" === t.alt || (l.alt = t.alt),
+      "" !== t.title && l.setAttribute("aria-labelledby", o),
+      "" !== t.description && l.setAttribute("aria-describedby", r),
+      t.hasOwnProperty("_hasCustomWidth") &&
+        t._hasCustomWidth &&
+        (l.style.width = t.width),
+      t.hasOwnProperty("_hasCustomHeight") &&
+        t._hasCustomHeight &&
+        (l.style.height = t.height),
+      s.insertBefore(l, s.firstChild);
+  }
+  function _(e, t, i, n) {
+    var s = this,
+      l = e.querySelector(".ginner-container"),
+      o = "gvideo" + i,
+      r = e.querySelector(".gslide-media"),
+      a = this.getAllPlayers();
+    d(l, "gvideo-container"),
+      r.insertBefore(y('<div class="gvideo-wrapper"></div>'), r.firstChild);
+    var h = e.querySelector(".gvideo-wrapper");
+    w(this.settings.plyr.css, "Plyr");
+    var c = t.href,
+      u = null == t ? void 0 : t.videoProvider,
+      g = !1;
+    (r.style.maxWidth = t.width),
+      w(this.settings.plyr.js, "Plyr", function () {
+        if (
+          (!u && c.match(/vimeo\.com\/([0-9]*)/) && (u = "vimeo"),
+          !u &&
+            (c.match(
+              /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+            ) ||
+              c.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+              c.match(
+                /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+              ) ||
+              c.match(
+                /(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/
+              )) &&
+            (u = "youtube"),
+          "local" === u || !u)
+        ) {
+          u = "local";
+          var l = '<video id="' + o + '" ';
+          (l += 'style="background:#000; max-width: '.concat(t.width, ';" ')),
+            (l += 'preload="metadata" '),
+            (l += 'x-webkit-airplay="allow" '),
+            (l += "playsinline "),
+            (l += "controls "),
+            (l += 'class="gvideo-local">'),
+            (l += '<source src="'.concat(c, '">')),
+            (g = y((l += "</video>")));
+        }
+
+        var r =
+          g ||
+          y(
+            '<div id="'
+              .concat(o, '" data-plyr-provider="')
+              .concat(u, '" data-plyr-embed-id="')
+              .concat(c, '"></div>')
+          );
+        d(h, "".concat(u, "-video gvideo")),
+          h.appendChild(r),
+          h.setAttribute("data-id", o),
+          h.setAttribute("data-index", i);
+        var v = P(s.settings.plyr, "config") ? s.settings.plyr.config : {},
+          f = new Plyr("#" + o, v);
+        f.on("ready", function (e) {
+          (a[o] = e.detail.plyr), C(n) && n();
+        }),
+          S(
+            function () {
+              return (
+                e.querySelector("iframe") &&
+                "true" == e.querySelector("iframe").dataset.ready
+              );
+            },
+            function () {
+              s.resize(e);
+            }
+          ),
+          f.on("enterfullscreen", W),
+          f.on("exitfullscreen", W);
+      });
+  }
+  function W(e) {
+    var t = g(e.target, ".gslide-media");
+    "enterfullscreen" === e.type && d(t, "fullscreen"),
+      "exitfullscreen" === e.type && c(t, "fullscreen");
+  }
+  function B(e, t, i, n) {
+    var s,
+      l = this,
+      o = e.querySelector(".gslide-media"),
+      r = !(!P(t, "href") || !t.href) && t.href.split("#").pop().trim(),
+      a = !(!P(t, "content") || !t.content) && t.content;
+    if (
+      a &&
+      (k(a) && (s = y('<div class="ginlined-content">'.concat(a, "</div>"))),
+      E(a))
+    ) {
+      "none" == a.style.display && (a.style.display = "block");
+      var c = document.createElement("div");
+      (c.className = "ginlined-content"), c.appendChild(a), (s = c);
+    }
+    if (r) {
+      var u = document.getElementById(r);
+      if (!u) return !1;
+      var g = u.cloneNode(!0);
+      (g.style.height = t.height),
+        (g.style.maxWidth = t.width),
+        d(g, "ginlined-content"),
+        (s = g);
+    }
+    if (!s)
+      return console.error("Unable to append inline slide content", t), !1;
+    (o.style.height = t.height),
+      (o.style.width = t.width),
+      o.appendChild(s),
+      (this.events["inlineclose" + r] = h("click", {
+        onElement: o.querySelectorAll(".gtrigger-close"),
+        withCallback: function (e) {
+          e.preventDefault(), l.close();
+        },
+      })),
+      C(n) && n();
+  }
+  function H(e, t, i, n) {
+    var s = e.querySelector(".gslide-media"),
+      l = (function (e) {
+        var t = e.url,
+          i = e.allow,
+          n = e.callback,
+          s = e.appendTo,
+          l = document.createElement("iframe");
+        return (
+          (l.className = "vimeo-video gvideo"),
+          (l.src = t),
+          (l.style.width = "100%"),
+          (l.style.height = "100%"),
+          i && l.setAttribute("allow", i),
+          (l.onload = function () {
+            (l.onload = null), d(l, "node-ready"), C(n) && n();
+          }),
+          s && s.appendChild(l),
+          l
+        );
+      })({ url: t.href, callback: n });
+    (s.parentNode.style.maxWidth = t.width),
+      (s.parentNode.style.height = t.height),
+      s.appendChild(l);
+  }
+  var j = s(
+      function e() {
+        var t =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e),
+          (this.defaults = {
+            href: "",
+            sizes: "",
+            srcset: "",
+            title: "",
+            type: "",
+            videoProvider: "",
+            description: "",
+            alt: "",
+            descPosition: "bottom",
+            effect: "",
+            width: "",
+            height: "",
+            content: !1,
+            zoomable: !0,
+            draggable: !0,
+          }),
+          I(t) && (this.defaults = o(this.defaults, t));
+      },
+      [
+        {
+          key: "sourceType",
+          value: function (e) {
+            var t = e;
+            return null !==
+              (e = e.toLowerCase()).match(
+                /\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/
+              )
+              ? "image"
+              : e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) ||
+                e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(
+                  /(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/
+                ) ||
+                e.match(/vimeo\.com\/([0-9]*)/) ||
+                null !== e.match(/\.(mp4|ogg|webm|mov)/)
+              ? "video"
+              : null !== e.match(/\.(mp3|wav|wma|aac|ogg)/)
+              ? "audio"
+              : e.indexOf("#") > -1 && "" !== t.split("#").pop().trim()
+              ? "inline"
+              : e.indexOf("goajax=true") > -1
+              ? "ajax"
+              : "external";
+          },
+        },
+        {
+          key: "parseConfig",
+          value: function (e, t) {
+            var i = this,
+              n = o({ descPosition: t.descPosition }, this.defaults);
+            if (I(e) && !E(e)) {
+              P(e, "type") ||
+                (P(e, "content") && e.content
+                  ? (e.type = "inline")
+                  : P(e, "href") && (e.type = this.sourceType(e.href)));
+
+              var s = o(n, e);
+              return this.setSize(s, t), s;
+            }
+            var l = "",
+              a = e.getAttribute("data-glightbox"),
+              h = e.nodeName.toLowerCase();
+            if (
+              ("a" === h && (l = e.href),
+              "img" === h && ((l = e.src), (n.alt = e.alt)),
+              (n.href = l),
+              r(n, function (s, l) {
+                P(t, l) && "width" !== l && (n[l] = t[l]);
+                var o = e.dataset[l];
+                O(o) || (n[l] = i.sanitizeValue(o));
+              }),
+              n.content && (n.type = "inline"),
+              !n.type && l && (n.type = this.sourceType(l)),
+              O(a))
+            ) {
+              if (!n.title && "a" == h) {
+                var d = e.title;
+                O(d) || "" === d || (n.title = d);
+              }
+              if (!n.title && "img" == h) {
+                var c = e.alt;
+                O(c) || "" === c || (n.title = c);
+              }
+            } else {
+              var u = [];
+              r(n, function (e, t) {
+                u.push(";\\s?" + t);
+              }),
+                (u = u.join("\\s?:|")),
+                "" !== a.trim() &&
+                  r(n, function (e, t) {
+                    var s = a,
+                      l = new RegExp("s?" + t + "s?:s?(.*?)(" + u + "s?:|$)"),
+                      o = s.match(l);
+                    if (o && o.length && o[1]) {
+                      var r = o[1].trim().replace(/;\s*$/, "");
+                      n[t] = i.sanitizeValue(r);
+                    }
+                  });
+            }
+            if (n.description && "." === n.description.substring(0, 1)) {
+              var g;
+              try {
+                g = document.querySelector(n.description).innerHTML;
+              } catch (e) {
+                if (!(e instanceof DOMException)) throw e;
+              }
+              g && (n.description = g);
+            }
+            if (!n.description) {
+              var v = e.querySelector(".glightbox-desc");
+              v && (n.description = v.innerHTML);
+            }
+            return this.setSize(n, t, e), (this.slideConfig = n), n;
+          },
+        },
+        {
+          key: "setSize",
+          value: function (e, t) {
+            var i =
+                arguments.length > 2 && void 0 !== arguments[2]
+                  ? arguments[2]
+                  : null,
+              n =
+                "video" == e.type
+                  ? this.checkSize(t.videosWidth)
+                  : this.checkSize(t.width),
+              s = this.checkSize(t.height);
+            return (
+              (e.width =
+                P(e, "width") && "" !== e.width ? this.checkSize(e.width) : n),
+              (e.height =
+                P(e, "height") && "" !== e.height
+                  ? this.checkSize(e.height)
+                  : s),
+              i &&
+                "image" == e.type &&
+                ((e._hasCustomWidth = !!i.dataset.width),
+                (e._hasCustomHeight = !!i.dataset.height)),
+              e
+            );
+          },
+        },
+        {
+          key: "checkSize",
+          value: function (e) {
+            return z(e) ? "".concat(e, "px") : e;
+          },
+        },
+        {
+          key: "sanitizeValue",
+          value: function (e) {
+            return "true" !== e && "false" !== e ? e : "true" === e;
+          },
+        },
+      ]
+    ),
+    V = s(
+      function e(t, n, s) {
+        i(this, e), (this.element = t), (this.instance = n), (this.index = s);
+      },
+      [
+        {
+          key: "setContent",
+          value: function () {
+            var e = this,
+              t =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : null,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
+            if (u(t, "loaded")) return !1;
+            var n = this.instance.settings,
+              s = this.slideConfig,
+              l = T();
+            C(n.beforeSlideLoad) &&
+              n.beforeSlideLoad({ index: this.index, slide: t, player: !1 });
+            var o = s.type,
+              r = s.descPosition,
+              a = t.querySelector(".gslide-media"),
+              h = t.querySelector(".gslide-title"),
+              c = t.querySelector(".gslide-desc"),
+              g = t.querySelector(".gdesc-inner"),
+              v = i,
+              f = "gSlideTitle_" + this.index,
+              p = "gSlideDesc_" + this.index;
+            if (
+              (C(n.afterSlideLoad) &&
+                (v = function () {
+                  C(i) && i(),
+                    n.afterSlideLoad({
+                      index: e.index,
+                      slide: t,
+                      player: e.instance.getSlidePlayerInstance(e.index),
+                    });
+                }),
+              "" == s.title && "" == s.description
+                ? g && g.parentNode.parentNode.removeChild(g.parentNode)
+                : (h && "" !== s.title
+                    ? ((h.id = f), (h.innerHTML = s.title))
+                    : h.parentNode.removeChild(h),
+                  c && "" !== s.description
+                    ? ((c.id = p),
+                      l && n.moreLength > 0
+                        ? ((s.smallDescription = this.slideShortDesc(
+                            s.description,
+                            n.moreLength,
+                            n.moreText
+                          )),
+                          (c.innerHTML = s.smallDescription),
+                          this.descriptionEvents(c, s))
+                        : (c.innerHTML = s.description))
+                    : c.parentNode.removeChild(c),
+                  d(a.parentNode, "desc-".concat(r)),
+                  d(g.parentNode, "description-".concat(r))),
+              d(a, "gslide-".concat(o)),
+              d(t, "loaded"),
+              "video" !== o)
+            ) {
+              if ("external" !== o)
+                return "inline" === o
+                  ? (B.apply(this.instance, [t, s, this.index, v]),
+                    void (
+                      s.draggable &&
+                      new N({
+                        dragEl: t.querySelector(".gslide-inline"),
+                        toleranceX: n.dragToleranceX,
+                        toleranceY: n.dragToleranceY,
+                        slide: t,
+                        instance: this.instance,
+                      })
+                    ))
+                  : void ("image" !== o
+                      ? C(v) && v()
+                      : D(t, s, this.index, function () {
+                          var i = t.querySelector("img");
+                          s.draggable &&
+                            new N({
+                              dragEl: i,
+                              toleranceX: n.dragToleranceX,
+                              toleranceY: n.dragToleranceY,
+                              slide: t,
+                              instance: e.instance,
+                            }),
+                            s.zoomable &&
+                              i.naturalWidth > i.offsetWidth &&
+                              (d(i, "zoomable"),
+                              new q(i, t, function () {
+                                e.instance.resize();
+                              })),
+                            C(v) && v();
+                        }));
+              H.apply(this, [t, s, this.index, v]);
+            } else _.apply(this.instance, [t, s, this.index, v]);
+          },
+        },
+        {
+          key: "slideShortDesc",
+          value: function (e) {
+            var t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : 50,
+              i =
+                arguments.length > 2 && void 0 !== arguments[2] && arguments[2],
+              n = document.createElement("div");
+            n.innerHTML = e;
+            var s = n.innerText,
+              l = i;
+            if ((e = s.trim()).length <= t) return e;
+            var o = e.substr(0, t - 1);
+            return l
+              ? ((n = null),
+                o + '... <a href="#" class="desc-more">' + i + "</a>")
+              : o;
+          },
+        },
+        {
+          key: "descriptionEvents",
+          value: function (e, t) {
+            var i = this,
+              n = e.querySelector(".desc-more");
+            if (!n) return !1;
+            h("click", {
+              onElement: n,
+              withCallback: function (e, n) {
+                e.preventDefault();
+                var s = document.body,
+                  l = g(n, ".gslide-desc");
+                if (!l) return !1;
+                (l.innerHTML = t.description), d(s, "gdesc-open");
+                var o = h("click", {
+                  onElement: [s, g(l, ".gslide-description")],
+                  withCallback: function (e, n) {
+                    "a" !== e.target.nodeName.toLowerCase() &&
+                      (c(s, "gdesc-open"),
+                      d(s, "gdesc-closed"),
+                      (l.innerHTML = t.smallDescription),
+                      i.descriptionEvents(l, t),
+                      setTimeout(function () {
+                        c(s, "gdesc-closed");
+                      }, 400),
+                      o.destroy());
+                  },
+                });
+              },
+            });
+          },
+        },
+        {
+          key: "create",
+          value: function () {
+            return y(this.instance.settings.slideHTML);
+          },
+        },
+        {
+          key: "getConfig",
+          value: function () {
+            E(this.element) ||
+              this.element.hasOwnProperty("draggable") ||
+              (this.element.draggable = this.instance.settings.draggable);
+            var e = new j(this.instance.settings.slideExtraAttributes);
+            return (
+              (this.slideConfig = e.parseConfig(
+                this.element,
+                this.instance.settings
+              )),
+              this.slideConfig
+            );
+          },
+        },
+      ]
+    );
+  function F(e) {
+    return Math.sqrt(e.x * e.x + e.y * e.y);
+  }
+  function R(e, t) {
+    var i = (function (e, t) {
+      var i = F(e) * F(t);
+      if (0 === i) return 0;
+      var n =
+        (function (e, t) {
+          return e.x * t.x + e.y * t.y;
+        })(e, t) / i;
+      return n > 1 && (n = 1), Math.acos(n);
+    })(e, t);
+    return (
+      (function (e, t) {
+        return e.x * t.y - t.x * e.y;
+      })(e, t) > 0 && (i *= -1),
+      (180 * i) / Math.PI
+    );
+  }
+  var G = s(
+    function e(t) {
+      i(this, e), (this.handlers = []), (this.el = t);
+    },
+    [
+      {
+        key: "add",
+        value: function (e) {
+          this.handlers.push(e);
+        },
+      },
+      {
+        key: "del",
+        value: function (e) {
+          e || (this.handlers = []);
+          for (var t = this.handlers.length; t >= 0; t--)
+            this.handlers[t] === e && this.handlers.splice(t, 1);
+        },
+      },
+      {
+        key: "dispatch",
+        value: function () {
+          for (var e = 0, t = this.handlers.length; e < t; e++) {
+            var i = this.handlers[e];
+            "function" == typeof i && i.apply(this.el, arguments);
+          }
+        },
+      },
+    ]
+  );
+  function Z(e, t) {
+    var i = new G(e);
+    return i.add(t), i;
+  }
+  var U = s(
+    function e(t, n) {
+      i(this, e),
+        (this.element = "string" == typeof t ? document.querySelector(t) : t),
+        (this.start = this.start.bind(this)),
+        (this.move = this.move.bind(this)),
+        (this.end = this.end.bind(this)),
+        (this.cancel = this.cancel.bind(this)),
+        this.element.addEventListener("touchstart", this.start, !1),
+        this.element.addEventListener("touchmove", this.move, !1),
+        this.element.addEventListener("touchend", this.end, !1),
+        this.element.addEventListener("touchcancel", this.cancel, !1),
+        (this.preV = { x: null, y: null }),
+        (this.pinchStartLen = null),
+        (this.zoom = 1),
+        (this.isDoubleTap = !1);
+      var s = function () {};
+      (this.rotate = Z(this.element, n.rotate || s)),
+        (this.touchStart = Z(this.element, n.touchStart || s)),
+        (this.multipointStart = Z(this.element, n.multipointStart || s)),
+        (this.multipointEnd = Z(this.element, n.multipointEnd || s)),
+        (this.pinch = Z(this.element, n.pinch || s)),
+        (this.swipe = Z(this.element, n.swipe || s)),
+        (this.tap = Z(this.element, n.tap || s)),
+        (this.doubleTap = Z(this.element, n.doubleTap || s)),
+        (this.longTap = Z(this.element, n.longTap || s)),
+        (this.singleTap = Z(this.element, n.singleTap || s)),
+        (this.pressMove = Z(this.element, n.pressMove || s)),
+        (this.twoFingerPressMove = Z(this.element, n.twoFingerPressMove || s)),
+        (this.touchMove = Z(this.element, n.touchMove || s)),
+        (this.touchEnd = Z(this.element, n.touchEnd || s)),
+        (this.touchCancel = Z(this.element, n.touchCancel || s)),
+        (this.translateContainer = this.element),
+        (this._cancelAllHandler = this.cancelAll.bind(this)),
+        window.addEventListener("scroll", this._cancelAllHandler),
+        (this.delta = null),
+        (this.last = null),
+        (this.now = null),
+        (this.tapTimeout = null),
+        (this.singleTapTimeout = null),
+        (this.longTapTimeout = null),
+        (this.swipeTimeout = null),
+        (this.x1 = this.x2 = this.y1 = this.y2 = null),
+        (this.preTapPosition = { x: null, y: null });
+    },
+    [
+      {
+        key: "start",
+        value: function (e) {
+          if (e.touches)
+            if (
+              e.target &&
+              e.target.nodeName &&
+              ["a", "button", "input"].indexOf(
+                e.target.nodeName.toLowerCase()
+              ) >= 0
+            )
+              console.log(
+                "ignore drag for this touched element",
+                e.target.nodeName.toLowerCase()
+              );
+            else {
+              (this.now = Date.now()),
+                (this.x1 = e.touches[0].pageX),
+                (this.y1 = e.touches[0].pageY),
+                (this.delta = this.now - (this.last || this.now)),
+                this.touchStart.dispatch(e, this.element),
+                null !== this.preTapPosition.x &&
+                  ((this.isDoubleTap =
+                    this.delta > 0 &&
+                    this.delta <= 250 &&
+                    Math.abs(this.preTapPosition.x - this.x1) < 30 &&
+                    Math.abs(this.preTapPosition.y - this.y1) < 30),
+                  this.isDoubleTap && clearTimeout(this.singleTapTimeout)),
+                (this.preTapPosition.x = this.x1),
+                (this.preTapPosition.y = this.y1),
+                (this.last = this.now);
+              var t = this.preV;
+              if (e.touches.length > 1) {
+                this._cancelLongTap(), this._cancelSingleTap();
+                var i = {
+                  x: e.touches[1].pageX - this.x1,
+                  y: e.touches[1].pageY - this.y1,
+                };
+                (t.x = i.x),
+                  (t.y = i.y),
+                  (this.pinchStartLen = F(t)),
+                  this.multipointStart.dispatch(e, this.element);
+              }
+              (this._preventTap = !1),
+                (this.longTapTimeout = setTimeout(
+                  function () {
+                    this.longTap.dispatch(e, this.element),
+                      (this._preventTap = !0);
+                  }.bind(this),
+                  750
+                ));
+            }
+        },
+      },
+      {
+        key: "move",
+        value: function (e) {
+          if (e.touches) {
+            var t = this.preV,
+              i = e.touches.length,
+              n = e.touches[0].pageX,
+              s = e.touches[0].pageY;
+            if (((this.isDoubleTap = !1), i > 1)) {
+              var l = e.touches[1].pageX,
+                o = e.touches[1].pageY,
+                r = { x: e.touches[1].pageX - n, y: e.touches[1].pageY - s };
+              null !== t.x &&
+                (this.pinchStartLen > 0 &&
+                  ((e.zoom = F(r) / this.pinchStartLen),
+                  this.pinch.dispatch(e, this.element)),
+                (e.angle = R(r, t)),
+                this.rotate.dispatch(e, this.element)),
+                (t.x = r.x),
+                (t.y = r.y),
+                null !== this.x2 && null !== this.sx2
+                  ? ((e.deltaX = (n - this.x2 + l - this.sx2) / 2),
+                    (e.deltaY = (s - this.y2 + o - this.sy2) / 2))
+                  : ((e.deltaX = 0), (e.deltaY = 0)),
+                this.twoFingerPressMove.dispatch(e, this.element),
+                (this.sx2 = l),
+                (this.sy2 = o);
+            } else {
+              if (null !== this.x2) {
+                (e.deltaX = n - this.x2), (e.deltaY = s - this.y2);
+                var a = Math.abs(this.x1 - this.x2),
+                  h = Math.abs(this.y1 - this.y2);
+                (a > 10 || h > 10) && (this._preventTap = !0);
+              } else (e.deltaX = 0), (e.deltaY = 0);
+              this.pressMove.dispatch(e, this.element);
+            }
+            this.touchMove.dispatch(e, this.element),
+              this._cancelLongTap(),
+              (this.x2 = n),
+              (this.y2 = s),
+              i > 1 && e.preventDefault();
+          }
+        },
+      },
+      {
+        key: "end",
+        value: function (e) {
+          if (e.changedTouches) {
+            this._cancelLongTap();
+            var t = this;
+            e.touches.length < 2 &&
+              (this.multipointEnd.dispatch(e, this.element),
+              (this.sx2 = this.sy2 = null)),
+              (this.x2 && Math.abs(this.x1 - this.x2) > 30) ||
+              (this.y2 && Math.abs(this.y1 - this.y2) > 30)
+                ? ((e.direction = this._swipeDirection(
+                    this.x1,
+                    this.x2,
+                    this.y1,
+                    this.y2
+                  )),
+                  (this.swipeTimeout = setTimeout(function () {
+                    t.swipe.dispatch(e, t.element);
+                  }, 0)))
+                : ((this.tapTimeout = setTimeout(function () {
+                    t._preventTap || t.tap.dispatch(e, t.element),
+                      t.isDoubleTap &&
+                        (t.doubleTap.dispatch(e, t.element),
+                        (t.isDoubleTap = !1));
+                  }, 0)),
+                  t.isDoubleTap ||
+                    (t.singleTapTimeout = setTimeout(function () {
+                      t.singleTap.dispatch(e, t.element);
+                    }, 250))),
+              this.touchEnd.dispatch(e, this.element),
+              (this.preV.x = 0),
+              (this.preV.y = 0),
+              (this.zoom = 1),
+              (this.pinchStartLen = null),
+              (this.x1 = this.x2 = this.y1 = this.y2 = null);
+          }
+        },
+      },
+      {
+        key: "cancelAll",
+        value: function () {
+          (this._preventTap = !0),
+            clearTimeout(this.singleTapTimeout),
+            clearTimeout(this.tapTimeout),
+            clearTimeout(this.longTapTimeout),
+            clearTimeout(this.swipeTimeout);
+        },
+      },
+      {
+        key: "cancel",
+        value: function (e) {
+          this.cancelAll(), this.touchCancel.dispatch(e, this.element);
+        },
+      },
+      {
+        key: "_cancelLongTap",
+        value: function () {
+          clearTimeout(this.longTapTimeout);
+        },
+      },
+      {
+        key: "_cancelSingleTap",
+        value: function () {
+          clearTimeout(this.singleTapTimeout);
+        },
+      },
+      {
+        key: "_swipeDirection",
+        value: function (e, t, i, n) {
+          return Math.abs(e - t) >= Math.abs(i - n)
+            ? e - t > 0
+              ? "Left"
+              : "Right"
+            : i - n > 0
+            ? "Up"
+            : "Down";
+        },
+      },
+      {
+        key: "on",
+        value: function (e, t) {
+          this[e] && this[e].add(t);
+        },
+      },
+      {
+        key: "off",
+        value: function (e, t) {
+          this[e] && this[e].del(t);
+        },
+      },
+      {
+        key: "destroy",
+        value: function () {
+          return (
+            this.singleTapTimeout && clearTimeout(this.singleTapTimeout),
+            this.tapTimeout && clearTimeout(this.tapTimeout),
+            this.longTapTimeout && clearTimeout(this.longTapTimeout),
+            this.swipeTimeout && clearTimeout(this.swipeTimeout),
+            this.element.removeEventListener("touchstart", this.start),
+            this.element.removeEventListener("touchmove", this.move),
+            this.element.removeEventListener("touchend", this.end),
+            this.element.removeEventListener("touchcancel", this.cancel),
+            this.rotate.del(),
+            this.touchStart.del(),
+            this.multipointStart.del(),
+            this.multipointEnd.del(),
+            this.pinch.del(),
+            this.swipe.del(),
+            this.tap.del(),
+            this.doubleTap.del(),
+            this.longTap.del(),
+            this.singleTap.del(),
+            this.pressMove.del(),
+            this.twoFingerPressMove.del(),
+            this.touchMove.del(),
+            this.touchEnd.del(),
+            this.touchCancel.del(),
+            (this.preV =
+              this.pinchStartLen =
+              this.zoom =
+              this.isDoubleTap =
+              this.delta =
+              this.last =
+              this.now =
+              this.tapTimeout =
+              this.singleTapTimeout =
+              this.longTapTimeout =
+              this.swipeTimeout =
+              this.x1 =
+              this.x2 =
+              this.y1 =
+              this.y2 =
+              this.preTapPosition =
+              this.rotate =
+              this.touchStart =
+              this.multipointStart =
+              this.multipointEnd =
+              this.pinch =
+              this.swipe =
+              this.tap =
+              this.doubleTap =
+              this.longTap =
+              this.singleTap =
+              this.pressMove =
+              this.touchMove =
+              this.touchEnd =
+              this.touchCancel =
+              this.twoFingerPressMove =
+                null),
+            window.removeEventListener("scroll", this._cancelAllHandler),
+            null
+          );
+        },
+      },
+    ]
+  );
+  function $(e) {
+    var t = (function () {
+        var e,
+          t = document.createElement("fakeelement"),
+          i = {
+            transition: "transitionend",
+            OTransition: "oTransitionEnd",
+            MozTransition: "transitionend",
+            WebkitTransition: "webkitTransitionEnd",
+          };
+        for (e in i) if (void 0 !== t.style[e]) return i[e];
+      })(),
+      i =
+        window.innerWidth ||
+        document.documentElement.clientWidth ||
+        document.body.clientWidth,
+      n = u(e, "gslide-media") ? e : e.querySelector(".gslide-media"),
+      s = g(n, ".ginner-container"),
+      l = e.querySelector(".gslide-description");
+    i > 769 && (n = s),
+      d(n, "greset"),
+      f(n, "translate3d(0, 0, 0)"),
+      h(t, {
+        onElement: n,
+        once: !0,
+        withCallback: function (e, t) {
+          c(n, "greset");
+        },
+      }),
+      (n.style.opacity = ""),
+      l && (l.style.opacity = "");
+  }
+  function J(e) {
+    if (e.events.hasOwnProperty("touch")) return !1;
+    var t,
+      i,
+      n,
+      s = x(),
+      l = s.width,
+      o = s.height,
+      r = !1,
+      a = null,
+      h = null,
+      v = null,
+      p = !1,
+      m = 1,
+      y = 1,
+      b = !1,
+      S = !1,
+      w = null,
+      T = null,
+      C = null,
+      k = null,
+      E = 0,
+      A = 0,
+      L = !1,
+      I = !1,
+      O = {},
+      P = {},
+      M = 0,
+      z = 0,
+      X = document.getElementById("glightbox-slider"),
+      Y = document.querySelector(".goverlay"),
+      q = new U(X, {
+        touchStart: function (t) {
+          if (
+            ((r = !0),
+            (u(t.targetTouches[0].target, "ginner-container") ||
+              g(t.targetTouches[0].target, ".gslide-desc") ||
+              "a" == t.targetTouches[0].target.nodeName.toLowerCase()) &&
+              (r = !1),
+            g(t.targetTouches[0].target, ".gslide-inline") &&
+              !u(t.targetTouches[0].target.parentNode, "gslide-inline") &&
+              (r = !1),
+            r)
+          ) {
+            if (
+              ((P = t.targetTouches[0]),
+              (O.pageX = t.targetTouches[0].pageX),
+              (O.pageY = t.targetTouches[0].pageY),
+              (M = t.targetTouches[0].clientX),
+              (z = t.targetTouches[0].clientY),
+              (a = e.activeSlide),
+              (h = a.querySelector(".gslide-media")),
+              (n = a.querySelector(".gslide-inline")),
+              (v = null),
+              u(h, "gslide-image") && (v = h.querySelector("img")),
+              (window.innerWidth ||
+                document.documentElement.clientWidth ||
+                document.body.clientWidth) > 769 &&
+                (h = a.querySelector(".ginner-container")),
+              c(Y, "greset"),
+              t.pageX > 20 && t.pageX < window.innerWidth - 20)
+            )
+              return;
+            t.preventDefault();
+          }
+        },
+        touchMove: function (s) {
+          if (r && ((P = s.targetTouches[0]), !b && !S)) {
+            if (n && n.offsetHeight > o) {
+              var a = O.pageX - P.pageX;
+              if (Math.abs(a) <= 13) return !1;
+            }
+            p = !0;
+            var d,
+              c = s.targetTouches[0].clientX,
+              u = s.targetTouches[0].clientY,
+              g = M - c,
+              m = z - u;
+            if (
+              (Math.abs(g) > Math.abs(m)
+                ? ((L = !1), (I = !0))
+                : ((I = !1), (L = !0)),
+              (t = P.pageX - O.pageX),
+              (E = (100 * t) / l),
+              (i = P.pageY - O.pageY),
+              (A = (100 * i) / o),
+              L &&
+                v &&
+                ((d = 1 - Math.abs(i) / o),
+                (Y.style.opacity = d),
+                e.settings.touchFollowAxis && (E = 0)),
+              I &&
+                ((d = 1 - Math.abs(t) / l),
+                (h.style.opacity = d),
+                e.settings.touchFollowAxis && (A = 0)),
+              !v)
+            )
+              return f(h, "translate3d(".concat(E, "%, 0, 0)"));
+            f(h, "translate3d(".concat(E, "%, ").concat(A, "%, 0)"));
+          }
+        },
+        touchEnd: function () {
+          if (r) {
+            if (((p = !1), S || b)) return (C = w), void (k = T);
+            var t = Math.abs(parseInt(A)),
+              i = Math.abs(parseInt(E));
+            if (!(t > 29 && v))
+              return t < 29 && i < 25
+                ? (d(Y, "greset"), (Y.style.opacity = 1), $(h))
+                : void 0;
+            e.close();
+          }
+        },
+        multipointEnd: function () {
+          setTimeout(function () {
+            b = !1;
+          }, 50);
+        },
+        multipointStart: function () {
+          (b = !0), (m = y || 1);
+        },
+        pinch: function (e) {
+          if (!v || p) return !1;
+          (b = !0), (v.scaleX = v.scaleY = m * e.zoom);
+          var t = m * e.zoom;
+          if (((S = !0), t <= 1))
+            return (
+              (S = !1),
+              (t = 1),
+              (k = null),
+              (C = null),
+              (w = null),
+              (T = null),
+              void v.setAttribute("style", "")
+            );
+          t > 4.5 && (t = 4.5),
+            (v.style.transform = "scale3d(".concat(t, ", ").concat(t, ", 1)")),
+            (y = t);
+        },
+        pressMove: function (e) {
+          if (S && !b) {
+            var t = P.pageX - O.pageX,
+              i = P.pageY - O.pageY;
+            C && (t += C), k && (i += k), (w = t), (T = i);
+            var n = "translate3d(".concat(t, "px, ").concat(i, "px, 0)");
+            y && (n += " scale3d(".concat(y, ", ").concat(y, ", 1)")), f(v, n);
+          }
+        },
+        swipe: function (t) {
+          if (!S)
+            if (b) b = !1;
+            else {
+              if ("Left" == t.direction) {
+                if (e.index == e.elements.length - 1) return $(h);
+                e.nextSlide();
+              }
+              if ("Right" == t.direction) {
+                if (0 == e.index) return $(h);
+                e.prevSlide();
+              }
+            }
+        },
+      });
+    e.events.touch = q;
+  }
+  var K = T(),
+    Q =
+      null !== T() ||
+      void 0 !== document.createTouch ||
+      "ontouchstart" in window ||
+      "onmsgesturechange" in window ||
+      navigator.msMaxTouchPoints,
+    ee = document.getElementsByTagName("html")[0],
+    te = {
+      selector: ".glightbox",
+      elements: null,
+      skin: "clean",
+      theme: "clean",
+      closeButton: !0,
+      startAt: null,
+      autoplayVideos: !0,
+      autofocusVideos: !0,
+      descPosition: "bottom",
+      width: "900px",
+      height: "506px",
+      videosWidth: "960px",
+      beforeSlideChange: null,
+      afterSlideChange: null,
+      beforeSlideLoad: null,
+      afterSlideLoad: null,
+      slideInserted: null,
+      slideRemoved: null,
+      slideExtraAttributes: null,
+      onOpen: null,
+      onClose: null,
+      loop: !1,
+      zoomable: !0,
+      draggable: !0,
+      dragAutoSnap: !1,
+      dragToleranceX: 40,
+      dragToleranceY: 65,
+      preload: !0,
+      oneSlidePerOpen: !1,
+      touchNavigation: !0,
+      touchFollowAxis: !0,
+      keyboardNavigation: !0,
+      closeOnOutsideClick: !0,
+      plugins: !1,
+      plyr: {
+        css: "https://cdn.plyr.io/3.6.12/plyr.css",
+        js: "https://cdn.plyr.io/3.6.12/plyr.js",
+        config: {
+          ratio: "16:10",
+          fullscreen: { enabled: !0, iosNative: !0 },
+          youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 },
+          vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 },
+        },
+      },
+      openEffect: "zoom",
+      closeEffect: "zoom",
+      slideEffect: "slide",
+      moreText: "See more",
+      moreLength: 60,
+      cssEfects: {
+        fade: { in: "fadeIn", out: "fadeOut" },
+        zoom: { in: "zoomIn", out: "zoomOut" },
+        slide: { in: "slideInRight", out: "slideOutLeft" },
+        slideBack: { in: "slideInLeft", out: "slideOutRight" },
+        none: { in: "none", out: "none" },
+      },
+      svg: {
+        close:
+          '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"></g></g></svg>',
+        next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"></g></svg>',
+        prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"></g></svg>',
+      },
+      slideHTML:
+        '<div class="gslide">\n    <div class="gslide-inner-content">\n        <div class="ginner-container">\n            <div class="gslide-media">\n   <div class="gslide-count text-white"><span class="current-count">1</span> of <span class="total-count">2</span></div>\n         </div>\n            <div class="gslide-description">\n                <div class="gdesc-inner">\n                    <h4 class="gslide-title"></h4>\n                    <div class="gslide-desc"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n  </div>',
+      lightboxHTML:
+        '<div id="glightbox-body" class="glightbox-container" tabindex="-1" role="dialog" aria-hidden="false">\n    <div class="gloader visible"></div>\n    <div class="goverlay"></div>\n    <div class="gcontainer">\n    <div id="glightbox-slider" class="gslider"></div>\n    <button class="gclose gbtn" aria-label="Close" data-taborder="3">{closeSVG}</button>\n    <button class="gprev gbtn" aria-label="Previous" data-taborder="2">{prevSVG}</button>\n    <button class="gnext gbtn" aria-label="Next" data-taborder="1">{nextSVG}</button>\n</div>\n</div>',
+    },
+    ie = s(
+      function e() {
+        var t =
+          arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
+        i(this, e),
+          (this.customOptions = t),
+          (this.settings = o(te, t)),
+          (this.effectsClasses = this.getAnimationClasses()),
+          (this.videoPlayers = {}),
+          (this.apiEvents = []),
+          (this.fullElementsList = !1);
+      },
+      [
+        {
+          key: "init",
+          value: function () {
+            var e = this,
+              t = this.getSelector();
+            t &&
+              (this.baseEvents = h("click", {
+                onElement: t,
+                withCallback: function (t, i) {
+                  t.preventDefault(), e.open(i);
+                },
+              })),
+              (this.elements = this.getElements());
+          },
+        },
+        {
+          key: "open",
+          value: function () {
+            var e =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : null,
+              t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : null;
+            if (0 === this.elements.length) return !1;
+            (this.activeSlide = null),
+              (this.prevActiveSlideIndex = null),
+              (this.prevActiveSlide = null);
+            var i = z(t) ? t : this.settings.startAt;
+            if (E(e)) {
+              var n = e.getAttribute("data-gallery");
+              n &&
+                ((this.fullElementsList = this.elements),
+                (this.elements = this.getGalleryElements(this.elements, n))),
+                O(i) && (i = this.getElementIndex(e)) < 0 && (i = 0);
+            }
+            z(i) || (i = 0),
+              this.build(),
+              v(
+                this.overlay,
+                "none" === this.settings.openEffect
+                  ? "none"
+                  : this.settings.cssEfects.fade.in
+              );
+            var s = document.body,
+              l = window.innerWidth - document.documentElement.clientWidth;
+            cgsc(this, null);
+            if (l > 0) {
+              var o = document.createElement("style");
+              (o.type = "text/css"),
+                (o.className = "gcss-styles"),
+                (o.innerText = ".gscrollbar-fixer {margin-right: ".concat(
+                  l,
+                  "px}"
+                )),
+                document.head.appendChild(o),
+                d(s, "gscrollbar-fixer");
+            }
+            d(s, "glightbox-open"),
+              d(ee, "glightbox-open"),
+              K &&
+                (d(document.body, "glightbox-mobile"),
+                (this.settings.slideEffect = "slide")),
+              this.showSlide(i, !0),
+              1 === this.elements.length
+                ? (d(this.prevButton, "glightbox-button-hidden"),
+                  d(this.nextButton, "glightbox-button-hidden"))
+                : (c(this.prevButton, "glightbox-button-hidden"),
+                  c(this.nextButton, "glightbox-button-hidden")),
+              (this.lightboxOpen = !0),
+              this.trigger("open"),
+              C(this.settings.onOpen) && this.settings.onOpen(),
+              Q && this.settings.touchNavigation && J(this),
+              this.settings.keyboardNavigation && Y(this);
+          },
+        },
+        {
+          key: "openAt",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : 0;
+            this.open(null, e);
+          },
+        },
+        {
+          key: "showSlide",
+          value: function () {
+            var e = this,
+              t =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : 0,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
+            p(this.loader), (this.index = parseInt(t));
+            var n = this.slidesContainer.querySelector(".current");
+            n && c(n, "current"), this.slideAnimateOut();
+            var s = this.slidesContainer.querySelectorAll(".gslide")[t];
+            if (u(s, "loaded")) this.slideAnimateIn(s, i), m(this.loader);
+            else {
+              p(this.loader);
+              var l = this.elements[t],
+                o = {
+                  index: this.index,
+                  slide: s,
+                  slideNode: s,
+                  slideConfig: l.slideConfig,
+                  slideIndex: this.index,
+                  trigger: l.node,
+                  player: null,
+                };
+              this.trigger("slide_before_load", o),
+                l.instance.setContent(s, function () {
+                  m(e.loader),
+                    e.resize(),
+                    e.slideAnimateIn(s, i),
+                    e.trigger("slide_after_load", o);
+                });
+            }
+            (this.slideDescription = s.querySelector(".gslide-description")),
+              (this.slideDescriptionContained =
+                this.slideDescription &&
+                u(this.slideDescription.parentNode, "gslide-media")),
+              this.settings.preload &&
+                (this.preloadSlide(t + 1), this.preloadSlide(t - 1)),
+              this.updateNavigationClasses(),
+              (this.activeSlide = s);
+          },
+        },
+        {
+          key: "preloadSlide",
+          value: function (e) {
+            var t = this;
+            if (e < 0 || e > this.elements.length - 1) return !1;
+            if (O(this.elements[e])) return !1;
+            var i = this.slidesContainer.querySelectorAll(".gslide")[e];
+            if (u(i, "loaded")) return !1;
+            var n = this.elements[e],
+              s = n.type,
+              l = {
+                index: e,
+                slide: i,
+                slideNode: i,
+                slideConfig: n.slideConfig,
+                slideIndex: e,
+                trigger: n.node,
+                player: null,
+              };
+            this.trigger("slide_before_load", l),
+              "video" === s || "external" === s
+                ? setTimeout(function () {
+                    n.instance.setContent(i, function () {
+                      t.trigger("slide_after_load", l);
+                    });
+                  }, 200)
+                : n.instance.setContent(i, function () {
+                    t.trigger("slide_after_load", l);
+                  });
+          },
+        },
+        {
+          key: "prevSlide",
+          value: function () {
+            this.goToSlide(this.index - 1);
+            cgsc(this, "dec");
+          },
+        },
+        {
+          key: "nextSlide",
+          value: function () {
+            this.goToSlide(this.index + 1);
+            cgsc(this, "inc");
+          },
+        },
+        {
+          key: "goToSlide",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0] && arguments[0];
+            if (
+              ((this.prevActiveSlide = this.activeSlide),
+              (this.prevActiveSlideIndex = this.index),
+              !this.loop() && (e < 0 || e > this.elements.length - 1))
+            )
+              return !1;
+            e < 0
+              ? (e = this.elements.length - 1)
+              : e >= this.elements.length && (e = 0),
+              this.showSlide(e);
+          },
+        },
+        {
+          key: "insertSlide",
+          value: function () {
+            var e =
+                arguments.length > 0 && void 0 !== arguments[0]
+                  ? arguments[0]
+                  : {},
+              t =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : -1;
+            t < 0 && (t = this.elements.length);
+            var i = new V(e, this, t),
+              n = i.getConfig(),
+              s = o({}, n),
+              l = i.create(),
+              r = this.elements.length - 1;
+            (s.index = t),
+              (s.node = !1),
+              (s.instance = i),
+              (s.slideConfig = n),
+              this.elements.splice(t, 0, s);
+            var a = null,
+              h = null;
+            if (this.slidesContainer) {
+              if (t > r) this.slidesContainer.appendChild(l);
+              else {
+                var d = this.slidesContainer.querySelectorAll(".gslide")[t];
+                this.slidesContainer.insertBefore(l, d);
+              }
+              ((this.settings.preload && 0 == this.index && 0 == t) ||
+                this.index - 1 == t ||
+                this.index + 1 == t) &&
+                this.preloadSlide(t),
+                0 === this.index && 0 === t && (this.index = 1),
+                this.updateNavigationClasses(),
+                (a = this.slidesContainer.querySelectorAll(".gslide")[t]),
+                (h = this.getSlidePlayerInstance(t)),
+                (s.slideNode = a);
+            }
+            this.trigger("slide_inserted", {
+              index: t,
+              slide: a,
+              slideNode: a,
+              slideConfig: n,
+              slideIndex: t,
+              trigger: null,
+              player: h,
+            }),
+              C(this.settings.slideInserted) &&
+                this.settings.slideInserted({ index: t, slide: a, player: h });
+          },
+        },
+        {
+          key: "removeSlide",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : -1;
+            if (e < 0 || e > this.elements.length - 1) return !1;
+            var t =
+              this.slidesContainer &&
+              this.slidesContainer.querySelectorAll(".gslide")[e];
+            t &&
+              (this.getActiveSlideIndex() == e &&
+                (e == this.elements.length - 1
+                  ? this.prevSlide()
+                  : this.nextSlide()),
+              t.parentNode.removeChild(t)),
+              this.elements.splice(e, 1),
+              this.trigger("slide_removed", e),
+              C(this.settings.slideRemoved) && this.settings.slideRemoved(e);
+          },
+        },
+        {
+          key: "slideAnimateIn",
+          value: function (e, t) {
+            var i = this,
+              n = e.querySelector(".gslide-media"),
+              s = e.querySelector(".gslide-description"),
+              l = {
+                index: this.prevActiveSlideIndex,
+                slide: this.prevActiveSlide,
+                slideNode: this.prevActiveSlide,
+                slideIndex: this.prevActiveSlide,
+                slideConfig: O(this.prevActiveSlideIndex)
+                  ? null
+                  : this.elements[this.prevActiveSlideIndex].slideConfig,
+                trigger: O(this.prevActiveSlideIndex)
+                  ? null
+                  : this.elements[this.prevActiveSlideIndex].node,
+                player: this.getSlidePlayerInstance(this.prevActiveSlideIndex),
+              },
+              o = {
+                index: this.index,
+                slide: this.activeSlide,
+                slideNode: this.activeSlide,
+                slideConfig: this.elements[this.index].slideConfig,
+                slideIndex: this.index,
+                trigger: this.elements[this.index].node,
+                player: this.getSlidePlayerInstance(this.index),
+              };
+            if (
+              (n.offsetWidth > 0 && s && (m(s), (s.style.display = "")),
+              c(e, this.effectsClasses),
+              t)
+            )
+              v(
+                e,
+                this.settings.cssEfects[this.settings.openEffect].in,
+                function () {
+                  i.settings.autoplayVideos && i.slidePlayerPlay(e),
+                    i.trigger("slide_changed", { prev: l, current: o }),
+                    C(i.settings.afterSlideChange) &&
+                      i.settings.afterSlideChange.apply(i, [l, o]);
+                }
+              );
+            else {
+              var r = this.settings.slideEffect,
+                a = "none" !== r ? this.settings.cssEfects[r].in : r;
+              this.prevActiveSlideIndex > this.index &&
+                "slide" == this.settings.slideEffect &&
+                (a = this.settings.cssEfects.slideBack.in),
+                v(e, a, function () {
+                  i.settings.autoplayVideos && i.slidePlayerPlay(e),
+                    i.trigger("slide_changed", { prev: l, current: o }),
+                    C(i.settings.afterSlideChange) &&
+                      i.settings.afterSlideChange.apply(i, [l, o]);
+                });
+            }
+            setTimeout(function () {
+              i.resize(e);
+            }, 100),
+              d(e, "current");
+          },
+        },
+        {
+          key: "slideAnimateOut",
+          value: function () {
+            if (!this.prevActiveSlide) return !1;
+            var e = this.prevActiveSlide;
+            c(e, this.effectsClasses), d(e, "prev");
+            var t = this.settings.slideEffect,
+              i = "none" !== t ? this.settings.cssEfects[t].out : t;
+            this.slidePlayerPause(e),
+              this.trigger("slide_before_change", {
+                prev: {
+                  index: this.prevActiveSlideIndex,
+                  slide: this.prevActiveSlide,
+                  slideNode: this.prevActiveSlide,
+                  slideIndex: this.prevActiveSlideIndex,
+                  slideConfig: O(this.prevActiveSlideIndex)
+                    ? null
+                    : this.elements[this.prevActiveSlideIndex].slideConfig,
+                  trigger: O(this.prevActiveSlideIndex)
+                    ? null
+                    : this.elements[this.prevActiveSlideIndex].node,
+                  player: this.getSlidePlayerInstance(
+                    this.prevActiveSlideIndex
+                  ),
+                },
+                current: {
+                  index: this.index,
+                  slide: this.activeSlide,
+                  slideNode: this.activeSlide,
+                  slideIndex: this.index,
+                  slideConfig: this.elements[this.index].slideConfig,
+                  trigger: this.elements[this.index].node,
+                  player: this.getSlidePlayerInstance(this.index),
+                },
+              }),
+              C(this.settings.beforeSlideChange) &&
+                this.settings.beforeSlideChange.apply(this, [
+                  {
+                    index: this.prevActiveSlideIndex,
+                    slide: this.prevActiveSlide,
+                    player: this.getSlidePlayerInstance(
+                      this.prevActiveSlideIndex
+                    ),
+                  },
+                  {
+                    index: this.index,
+                    slide: this.activeSlide,
+                    player: this.getSlidePlayerInstance(this.index),
+                  },
+                ]),
+              this.prevActiveSlideIndex > this.index &&
+                "slide" == this.settings.slideEffect &&
+                (i = this.settings.cssEfects.slideBack.out),
+              v(e, i, function () {
+                var t = e.querySelector(".ginner-container"),
+                  i = e.querySelector(".gslide-media"),
+                  n = e.querySelector(".gslide-description");
+                (t.style.transform = ""),
+                  (i.style.transform = ""),
+                  c(i, "greset"),
+                  (i.style.opacity = ""),
+                  n && (n.style.opacity = ""),
+                  c(e, "prev");
+              });
+          },
+        },
+        {
+          key: "getAllPlayers",
+          value: function () {
+            return this.videoPlayers;
+          },
+        },
+        {
+          key: "getSlidePlayerInstance",
+          value: function (e) {
+            var t = "gvideo" + e,
+              i = this.getAllPlayers();
+            return !(!P(i, t) || !i[t]) && i[t];
+          },
+        },
+        {
+          key: "stopSlideVideo",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            console.log("stopSlideVideo is deprecated, use slidePlayerPause");
+            var i = this.getSlidePlayerInstance(e);
+            i && i.playing && i.pause();
+          },
+        },
+        {
+          key: "slidePlayerPause",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            var i = this.getSlidePlayerInstance(e);
+            i && i.playing && i.pause();
+          },
+        },
+        {
+          key: "playSlideVideo",
+          value: function (e) {
+            if (E(e)) {
+              var t = e.querySelector(".gvideo-wrapper");
+              t && (e = t.getAttribute("data-index"));
+            }
+            console.log("playSlideVideo is deprecated, use slidePlayerPlay");
+            var i = this.getSlidePlayerInstance(e);
+            i && !i.playing && i.play();
+          },
+        },
+        {
+          key: "slidePlayerPlay",
+          value: function (e) {
+            var t;
+            if (
+              !K ||
+              (null !== (t = this.settings.plyr.config) &&
+                void 0 !== t &&
+                t.muted)
+            ) {
+              if (E(e)) {
+                var i = e.querySelector(".gvideo-wrapper");
+                i && (e = i.getAttribute("data-index"));
+              }
+              var n = this.getSlidePlayerInstance(e);
+              n &&
+                !n.playing &&
+                (n.play(),
+                this.settings.autofocusVideos && n.elements.container.focus());
+            }
+          },
+        },
+        {
+          key: "setElements",
+          value: function (e) {
+            var t = this;
+            this.settings.elements = !1;
+            var i = [];
+            e &&
+              e.length &&
+              r(e, function (e, n) {
+                var s = new V(e, t, n),
+                  l = s.getConfig(),
+                  r = o({}, l);
+                (r.slideConfig = l), (r.instance = s), (r.index = n), i.push(r);
+              }),
+              (this.elements = i),
+              this.lightboxOpen &&
+                ((this.slidesContainer.innerHTML = ""),
+                this.elements.length &&
+                  (r(this.elements, function () {
+                    var e = y(t.settings.slideHTML);
+                    t.slidesContainer.appendChild(e);
+                  }),
+                  this.showSlide(0, !0)));
+          },
+        },
+        {
+          key: "getElementIndex",
+          value: function (e) {
+            var t = !1;
+            return (
+              r(this.elements, function (i, n) {
+                if (P(i, "node") && i.node == e) return (t = n), !0;
+              }),
+              t
+            );
+          },
+        },
+        {
+          key: "getElements",
+          value: function () {
+            var e = this,
+              t = [];
+            (this.elements = this.elements ? this.elements : []),
+              !O(this.settings.elements) &&
+                A(this.settings.elements) &&
+                this.settings.elements.length &&
+                r(this.settings.elements, function (i, n) {
+                  var s = new V(i, e, n),
+                    l = s.getConfig(),
+                    r = o({}, l);
+                  (r.node = !1),
+                    (r.index = n),
+                    (r.instance = s),
+                    (r.slideConfig = l),
+                    t.push(r);
+                });
+            var i = !1;
+            return (
+              this.getSelector() &&
+                (i = document.querySelectorAll(this.getSelector())),
+              i
+                ? (r(i, function (i, n) {
+                    var s = new V(i, e, n),
+                      l = s.getConfig(),
+                      r = o({}, l);
+                    (r.node = i),
+                      (r.index = n),
+                      (r.instance = s),
+                      (r.slideConfig = l),
+                      (r.gallery = i.getAttribute("data-gallery")),
+                      t.push(r);
+                  }),
+                  t)
+                : t
+            );
+          },
+        },
+        {
+          key: "getGalleryElements",
+          value: function (e, t) {
+            return e.filter(function (e) {
+              return e.gallery == t;
+            });
+          },
+        },
+        {
+          key: "getSelector",
+          value: function () {
+            return (
+              !this.settings.elements &&
+              (this.settings.selector &&
+              "data-" == this.settings.selector.substring(0, 5)
+                ? "*[".concat(this.settings.selector, "]")
+                : this.settings.selector)
+            );
+          },
+        },
+        {
+          key: "getActiveSlide",
+          value: function () {
+            return this.slidesContainer.querySelectorAll(".gslide")[this.index];
+          },
+        },
+        {
+          key: "getActiveSlideIndex",
+          value: function () {
+            return this.index;
+          },
+        },
+        {
+          key: "getAnimationClasses",
+          value: function () {
+            var e = [];
+            for (var t in this.settings.cssEfects)
+              if (this.settings.cssEfects.hasOwnProperty(t)) {
+                var i = this.settings.cssEfects[t];
+                e.push("g".concat(i.in)), e.push("g".concat(i.out));
+              }
+            return e.join(" ");
+          },
+        },
+        {
+          key: "build",
+          value: function () {
+            var e = this;
+            if (this.built) return !1;
+            var t = document.body.childNodes,
+              i = [];
+            r(t, function (e) {
+              e.parentNode == document.body &&
+                "#" !== e.nodeName.charAt(0) &&
+                e.hasAttribute &&
+                !e.hasAttribute("aria-hidden") &&
+                (i.push(e), e.setAttribute("aria-hidden", "true"));
+            });
+            var n = P(this.settings.svg, "next") ? this.settings.svg.next : "",
+              s = P(this.settings.svg, "prev") ? this.settings.svg.prev : "",
+              l = P(this.settings.svg, "close") ? this.settings.svg.close : "",
+              o = this.settings.lightboxHTML;
+            (o = y(
+              (o = (o = (o = o.replace(/{nextSVG}/g, n)).replace(
+                /{prevSVG}/g,
+                s
+              )).replace(/{closeSVG}/g, l))
+            )),
+              document.body.appendChild(o);
+            var a = document.getElementById("glightbox-body");
+            this.modal = a;
+            var c = a.querySelector(".gclose");
+            (this.prevButton = a.querySelector(".gprev")),
+              (this.nextButton = a.querySelector(".gnext")),
+              (this.overlay = a.querySelector(".goverlay")),
+              (this.loader = a.querySelector(".gloader")),
+              (this.slidesContainer =
+                document.getElementById("glightbox-slider")),
+              (this.bodyHiddenChildElms = i),
+              (this.events = {}),
+              d(this.modal, "glightbox-" + this.settings.skin),
+              this.settings.closeButton &&
+                c &&
+                (this.events.close = h("click", {
+                  onElement: c,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.close();
+                  },
+                })),
+              c && !this.settings.closeButton && c.parentNode.removeChild(c),
+              this.nextButton &&
+                (this.events.next = h("click", {
+                  onElement: this.nextButton,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.nextSlide();
+                  },
+                })),
+              this.prevButton &&
+                (this.events.prev = h("click", {
+                  onElement: this.prevButton,
+                  withCallback: function (t, i) {
+                    t.preventDefault(), e.prevSlide();
+                  },
+                })),
+              this.settings.closeOnOutsideClick &&
+                (this.events.outClose = h("click", {
+                  onElement: a,
+                  withCallback: function (t, i) {
+                    e.preventOutsideClick ||
+                      u(document.body, "glightbox-mobile") ||
+                      g(t.target, ".ginner-container") ||
+                      g(t.target, ".gbtn") ||
+                      u(t.target, "gnext") ||
+                      u(t.target, "gprev") ||
+                      e.close();
+                  },
+                })),
+              r(this.elements, function (t, i) {
+                e.slidesContainer.appendChild(t.instance.create()),
+                  (t.slideNode =
+                    e.slidesContainer.querySelectorAll(".gslide")[i]);
+              }),
+              Q && d(document.body, "glightbox-touch"),
+              (this.events.resize = h("resize", {
+                onElement: window,
+                withCallback: function () {
+                  e.resize();
+                },
+              })),
+              (this.built = !0);
+          },
+        },
+        {
+          key: "resize",
+          value: function () {
+            var e =
+              arguments.length > 0 && void 0 !== arguments[0]
+                ? arguments[0]
+                : null;
+            if ((e = e || this.activeSlide) && !u(e, "zoomed")) {
+              var t = x(),
+                i = e.querySelector(".gvideo-wrapper"),
+                n = e.querySelector(".gslide-image"),
+                s = this.slideDescription,
+                l = t.width,
+                o = t.height;
+              if (
+                (l <= 768
+                  ? d(document.body, "glightbox-mobile")
+                  : c(document.body, "glightbox-mobile"),
+                i || n)
+              ) {
+                var r = !1;
+                if (
+                  (s &&
+                    (u(s, "description-bottom") || u(s, "description-top")) &&
+                    !u(s, "gabsolute") &&
+                    (r = !0),
+                  n)
+                )
+                  if (l <= 768) n.querySelector("img");
+                  else if (r) {
+                    var a,
+                      h = s.offsetHeight,
+                      g = n.querySelector("img"),
+                      v = this.elements[this.index].node,
+                      f =
+                        null !== (a = v.getAttribute("data-height")) &&
+                        void 0 !== a
+                          ? a
+                          : "100vh";
+                    g.setAttribute(
+                      "style",
+                      "max-height: calc(".concat(f, " - ").concat(h, "px)")
+                    ),
+                      s.setAttribute(
+                        "style",
+                        "max-width: ".concat(g.offsetWidth, "px;")
+                      );
+                  }
+                if (i) {
+                  var p = P(this.settings.plyr.config, "ratio")
+                    ? this.settings.plyr.config.ratio
+                    : "";
+                  if (!p) {
+                    var m = i.clientWidth,
+                      y = i.clientHeight,
+                      b = m / y;
+                    p = "".concat(m / b, ":").concat(y / b);
+                  }
+                  var S = p.split(":"),
+                    w = this.settings.videosWidth,
+                    T = this.settings.videosWidth,
+                    C =
+                      (T =
+                        z(w) || -1 !== w.indexOf("px")
+                          ? parseInt(w)
+                          : -1 !== w.indexOf("vw")
+                          ? (l * parseInt(w)) / 100
+                          : -1 !== w.indexOf("vh")
+                          ? (o * parseInt(w)) / 100
+                          : -1 !== w.indexOf("%")
+                          ? (l * parseInt(w)) / 100
+                          : parseInt(i.clientWidth)) /
+                      (parseInt(S[0]) / parseInt(S[1]));
+                  if (
+                    ((C = Math.floor(C)),
+                    r && (o -= s.offsetHeight),
+                    T > l || C > o || (o < C && l > T))
+                  ) {
+                    var k = i.offsetWidth,
+                      E = i.offsetHeight,
+                      A = o / E,
+                      L = { width: k * A, height: E * A };
+                    i.parentNode.setAttribute(
+                      "style",
+                      "max-width: ".concat(L.width, "px")
+                    ),
+                      r &&
+                        s.setAttribute(
+                          "style",
+                          "max-width: ".concat(L.width, "px;")
+                        );
+                  } else
+                    (i.parentNode.style.maxWidth = "".concat(w)),
+                      r &&
+                        s.setAttribute("style", "max-width: ".concat(w, ";"));
+                }
+              }
+            }
+          },
+        },
+        {
+          key: "reload",
+          value: function () {
+            this.init();
+          },
+        },
+        {
+          key: "updateNavigationClasses",
+          value: function () {
+            var e = this.loop();
+            c(this.nextButton, "disabled"),
+              c(this.prevButton, "disabled"),
+              0 == this.index && this.elements.length - 1 == 0
+                ? (d(this.prevButton, "disabled"),
+                  d(this.nextButton, "disabled"))
+                : 0 !== this.index || e
+                ? this.index !== this.elements.length - 1 ||
+                  e ||
+                  d(this.nextButton, "disabled")
+                : d(this.prevButton, "disabled");
+          },
+        },
+        {
+          key: "loop",
+          value: function () {
+            var e = P(this.settings, "loopAtEnd")
+              ? this.settings.loopAtEnd
+              : null;
+            return (e = P(this.settings, "loop") ? this.settings.loop : e), e;
+          },
+        },
+        {
+          key: "close",
+          value: function () {
+            var e = this;
+            if (!this.lightboxOpen) {
+              if (this.events) {
+                for (var t in this.events)
+                  this.events.hasOwnProperty(t) && this.events[t].destroy();
+                this.events = null;
+              }
+              return !1;
+            }
+            if (this.closing) return !1;
+            (this.closing = !0),
+              this.slidePlayerPause(this.activeSlide),
+              this.fullElementsList && (this.elements = this.fullElementsList),
+              this.bodyHiddenChildElms.length &&
+                r(this.bodyHiddenChildElms, function (e) {
+                  e.removeAttribute("aria-hidden");
+                }),
+              d(this.modal, "glightbox-closing"),
+              v(
+                this.overlay,
+                "none" == this.settings.openEffect
+                  ? "none"
+                  : this.settings.cssEfects.fade.out
+              ),
+              v(
+                this.activeSlide,
+                this.settings.cssEfects[this.settings.closeEffect].out,
+                function () {
+                  if (
+                    ((e.activeSlide = null),
+                    (e.prevActiveSlideIndex = null),
+                    (e.prevActiveSlide = null),
+                    (e.built = !1),
+                    e.events)
+                  ) {
+                    for (var t in e.events)
+                      e.events.hasOwnProperty(t) && e.events[t].destroy();
+                    e.events = null;
+                  }
+                  var i = document.body;
+                  c(ee, "glightbox-open"),
+                    c(
+                      i,
+                      "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"
+                    ),
+                    e.modal.parentNode.removeChild(e.modal),
+                    e.trigger("close"),
+                    C(e.settings.onClose) && e.settings.onClose();
+                  var n = document.querySelector(".gcss-styles");
+                  n && n.parentNode.removeChild(n),
+                    (e.lightboxOpen = !1),
+                    (e.closing = null);
+                }
+              );
+          },
+        },
+        {
+          key: "destroy",
+          value: function () {
+            this.close(),
+              this.clearAllEvents(),
+              this.baseEvents && this.baseEvents.destroy();
+          },
+        },
+        {
+          key: "on",
+          value: function (e, t) {
+            var i =
+              arguments.length > 2 && void 0 !== arguments[2] && arguments[2];
+            if (!e || !C(t))
+              throw new TypeError("Event name and callback must be defined");
+            this.apiEvents.push({ evt: e, once: i, callback: t });
+          },
+        },
+        {
+          key: "once",
+          value: function (e, t) {
+            this.on(e, t, !0);
+          },
+        },
+        {
+          key: "trigger",
+          value: function (e) {
+            var t = this,
+              i =
+                arguments.length > 1 && void 0 !== arguments[1]
+                  ? arguments[1]
+                  : null,
+              n = [];
+            r(this.apiEvents, function (t, s) {
+              var l = t.evt,
+                o = t.once,
+                r = t.callback;
+              l == e && (r(i), o && n.push(s));
+            }),
+              n.length &&
+                r(n, function (e) {
+                  return t.apiEvents.splice(e, 1);
+                });
+          },
+        },
+        {
+          key: "clearAllEvents",
+          value: function () {
+            this.apiEvents.splice(0, this.apiEvents.length);
+          },
+        },
+        {
+          key: "version",
+          value: function () {
+            return "3.3.0";
+          },
+        },
+      ]
+    );
+  return function () {
+    var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},
+      t = new ie(e);
+    return t.init(), t;
+  };
+});
diff --git a/quarter/assets/js/isotope.pkgd.min.js b/quarter/assets/js/isotope.pkgd.min.js
new file mode 100644
index 0000000..d53b79e
--- /dev/null
+++ b/quarter/assets/js/isotope.pkgd.min.js
@@ -0,0 +1,1810 @@
+/*!
+ * Isotope PACKAGED v3.0.6
+ *
+ * Licensed GPLv3 for open source use
+ * or Isotope Commercial License for commercial use
+ *
+ * https://isotope.metafizzy.co
+ * Copyright 2010-2018 Metafizzy
+ */
+
+(window,
+function (t, e) {
+  "use strict";
+  function i(i, s, a) {
+    function u(t, e, o) {
+      var n,
+        s = "$()." + i + '("' + e + '")';
+      return (
+        t.each(function (t, u) {
+          var h = a.data(u, i);
+          if (!h)
+            return void r(
+              i + " not initialized. Cannot call methods, i.e. " + s
+            );
+          var d = h[e];
+          if (!d || "_" == e.charAt(0))
+            return void r(s + " is not a valid method");
+          var l = d.apply(h, o);
+          n = void 0 === n ? l : n;
+        }),
+        void 0 !== n ? n : t
+      );
+    }
+    function h(t, e) {
+      t.each(function (t, o) {
+        var n = a.data(o, i);
+        n ? (n.option(e), n._init()) : ((n = new s(o, e)), a.data(o, i, n));
+      });
+    }
+    (a = a || e || t.jQuery),
+      a &&
+        (s.prototype.option ||
+          (s.prototype.option = function (t) {
+            a.isPlainObject(t) &&
+              (this.options = a.extend(!0, this.options, t));
+          }),
+        (a.fn[i] = function (t) {
+          if ("string" == typeof t) {
+            var e = n.call(arguments, 1);
+            return u(this, t, e);
+          }
+          return h(this, t), this;
+        }),
+        o(a));
+  }
+  function o(t) {
+    !t || (t && t.bridget) || (t.bridget = i);
+  }
+  var n = Array.prototype.slice,
+    s = t.console,
+    r =
+      "undefined" == typeof s
+        ? function () {}
+        : function (t) {
+            s.error(t);
+          };
+  return o(e || t.jQuery), i;
+}),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("ev-emitter/ev-emitter", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.EvEmitter = e());
+  })("undefined" != typeof window ? window : this, function () {
+    function t() {}
+    var e = t.prototype;
+    return (
+      (e.on = function (t, e) {
+        if (t && e) {
+          var i = (this._events = this._events || {}),
+            o = (i[t] = i[t] || []);
+          return o.indexOf(e) == -1 && o.push(e), this;
+        }
+      }),
+      (e.once = function (t, e) {
+        if (t && e) {
+          this.on(t, e);
+          var i = (this._onceEvents = this._onceEvents || {}),
+            o = (i[t] = i[t] || {});
+          return (o[e] = !0), this;
+        }
+      }),
+      (e.off = function (t, e) {
+        var i = this._events && this._events[t];
+        if (i && i.length) {
+          var o = i.indexOf(e);
+          return o != -1 && i.splice(o, 1), this;
+        }
+      }),
+      (e.emitEvent = function (t, e) {
+        var i = this._events && this._events[t];
+        if (i && i.length) {
+          (i = i.slice(0)), (e = e || []);
+          for (
+            var o = this._onceEvents && this._onceEvents[t], n = 0;
+            n < i.length;
+            n++
+          ) {
+            var s = i[n],
+              r = o && o[s];
+            r && (this.off(t, s), delete o[s]), s.apply(this, e);
+          }
+          return this;
+        }
+      }),
+      (e.allOff = function () {
+        delete this._events, delete this._onceEvents;
+      }),
+      t
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("get-size/get-size", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.getSize = e());
+  })(window, function () {
+    "use strict";
+    function t(t) {
+      var e = parseFloat(t),
+        i = t.indexOf("%") == -1 && !isNaN(e);
+      return i && e;
+    }
+    function e() {}
+    function i() {
+      for (
+        var t = {
+            width: 0,
+            height: 0,
+            innerWidth: 0,
+            innerHeight: 0,
+            outerWidth: 0,
+            outerHeight: 0,
+          },
+          e = 0;
+        e < h;
+        e++
+      ) {
+        var i = u[e];
+        t[i] = 0;
+      }
+      return t;
+    }
+    function o(t) {
+      var e = getComputedStyle(t);
+      return (
+        e ||
+          a(
+            "Style returned " +
+              e +
+              ". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"
+          ),
+        e
+      );
+    }
+    function n() {
+      if (!d) {
+        d = !0;
+        var e = document.createElement("div");
+        (e.style.width = "200px"),
+          (e.style.padding = "1px 2px 3px 4px"),
+          (e.style.borderStyle = "solid"),
+          (e.style.borderWidth = "1px 2px 3px 4px"),
+          (e.style.boxSizing = "border-box");
+        var i = document.body || document.documentElement;
+        i.appendChild(e);
+        var n = o(e);
+        (r = 200 == Math.round(t(n.width))),
+          (s.isBoxSizeOuter = r),
+          i.removeChild(e);
+      }
+    }
+    function s(e) {
+      if (
+        (n(),
+        "string" == typeof e && (e = document.querySelector(e)),
+        e && "object" == typeof e && e.nodeType)
+      ) {
+        var s = o(e);
+        if ("none" == s.display) return i();
+        var a = {};
+        (a.width = e.offsetWidth), (a.height = e.offsetHeight);
+        for (
+          var d = (a.isBorderBox = "border-box" == s.boxSizing), l = 0;
+          l < h;
+          l++
+        ) {
+          var f = u[l],
+            c = s[f],
+            m = parseFloat(c);
+          a[f] = isNaN(m) ? 0 : m;
+        }
+        var p = a.paddingLeft + a.paddingRight,
+          y = a.paddingTop + a.paddingBottom,
+          g = a.marginLeft + a.marginRight,
+          v = a.marginTop + a.marginBottom,
+          _ = a.borderLeftWidth + a.borderRightWidth,
+          z = a.borderTopWidth + a.borderBottomWidth,
+          I = d && r,
+          x = t(s.width);
+        x !== !1 && (a.width = x + (I ? 0 : p + _));
+        var S = t(s.height);
+        return (
+          S !== !1 && (a.height = S + (I ? 0 : y + z)),
+          (a.innerWidth = a.width - (p + _)),
+          (a.innerHeight = a.height - (y + z)),
+          (a.outerWidth = a.width + g),
+          (a.outerHeight = a.height + v),
+          a
+        );
+      }
+    }
+    var r,
+      a =
+        "undefined" == typeof console
+          ? e
+          : function (t) {
+              console.error(t);
+            },
+      u = [
+        "paddingLeft",
+        "paddingRight",
+        "paddingTop",
+        "paddingBottom",
+        "marginLeft",
+        "marginRight",
+        "marginTop",
+        "marginBottom",
+        "borderLeftWidth",
+        "borderRightWidth",
+        "borderTopWidth",
+        "borderBottomWidth",
+      ],
+      h = u.length,
+      d = !1;
+    return s;
+  }),
+  (function (t, e) {
+    "use strict";
+    "function" == typeof define && define.amd
+      ? define("desandro-matches-selector/matches-selector", e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e())
+      : (t.matchesSelector = e());
+  })(window, function () {
+    "use strict";
+    var t = (function () {
+      var t = window.Element.prototype;
+      if (t.matches) return "matches";
+      if (t.matchesSelector) return "matchesSelector";
+      for (var e = ["webkit", "moz", "ms", "o"], i = 0; i < e.length; i++) {
+        var o = e[i],
+          n = o + "MatchesSelector";
+        if (t[n]) return n;
+      }
+    })();
+    return function (e, i) {
+      return e[t](i);
+    };
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "fizzy-ui-utils/utils",
+          ["desandro-matches-selector/matches-selector"],
+          function (i) {
+            return e(t, i);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(t, require("desandro-matches-selector")))
+      : (t.fizzyUIUtils = e(t, t.matchesSelector));
+  })(window, function (t, e) {
+    var i = {};
+    (i.extend = function (t, e) {
+      for (var i in e) t[i] = e[i];
+      return t;
+    }),
+      (i.modulo = function (t, e) {
+        return ((t % e) + e) % e;
+      });
+    var o = Array.prototype.slice;
+    (i.makeArray = function (t) {
+      if (Array.isArray(t)) return t;
+      if (null === t || void 0 === t) return [];
+      var e = "object" == typeof t && "number" == typeof t.length;
+      return e ? o.call(t) : [t];
+    }),
+      (i.removeFrom = function (t, e) {
+        var i = t.indexOf(e);
+        i != -1 && t.splice(i, 1);
+      }),
+      (i.getParent = function (t, i) {
+        for (; t.parentNode && t != document.body; )
+          if (((t = t.parentNode), e(t, i))) return t;
+      }),
+      (i.getQueryElement = function (t) {
+        return "string" == typeof t ? document.querySelector(t) : t;
+      }),
+      (i.handleEvent = function (t) {
+        var e = "on" + t.type;
+        this[e] && this[e](t);
+      }),
+      (i.filterFindElements = function (t, o) {
+        t = i.makeArray(t);
+        var n = [];
+        return (
+          t.forEach(function (t) {
+            if (t instanceof HTMLElement) {
+              if (!o) return void n.push(t);
+              e(t, o) && n.push(t);
+              for (var i = t.querySelectorAll(o), s = 0; s < i.length; s++)
+                n.push(i[s]);
+            }
+          }),
+          n
+        );
+      }),
+      (i.debounceMethod = function (t, e, i) {
+        i = i || 100;
+        var o = t.prototype[e],
+          n = e + "Timeout";
+        t.prototype[e] = function () {
+          var t = this[n];
+          clearTimeout(t);
+          var e = arguments,
+            s = this;
+          this[n] = setTimeout(function () {
+            o.apply(s, e), delete s[n];
+          }, i);
+        };
+      }),
+      (i.docReady = function (t) {
+        var e = document.readyState;
+        "complete" == e || "interactive" == e
+          ? setTimeout(t)
+          : document.addEventListener("DOMContentLoaded", t);
+      }),
+      (i.toDashed = function (t) {
+        return t
+          .replace(/(.)([A-Z])/g, function (t, e, i) {
+            return e + "-" + i;
+          })
+          .toLowerCase();
+      });
+    var n = t.console;
+    return (
+      (i.htmlInit = function (e, o) {
+        i.docReady(function () {
+          var s = i.toDashed(o),
+            r = "data-" + s,
+            a = document.querySelectorAll("[" + r + "]"),
+            u = document.querySelectorAll(".js-" + s),
+            h = i.makeArray(a).concat(i.makeArray(u)),
+            d = r + "-options",
+            l = t.jQuery;
+          h.forEach(function (t) {
+            var i,
+              s = t.getAttribute(r) || t.getAttribute(d);
+            try {
+              i = s && JSON.parse(s);
+            } catch (a) {
+              return void (
+                n &&
+                n.error("Error parsing " + r + " on " + t.className + ": " + a)
+              );
+            }
+            var u = new e(t, i);
+            l && l.data(t, o, u);
+          });
+        });
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "outlayer/item",
+          ["ev-emitter/ev-emitter", "get-size/get-size"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("ev-emitter"), require("get-size")))
+      : ((t.Outlayer = {}), (t.Outlayer.Item = e(t.EvEmitter, t.getSize)));
+  })(window, function (t, e) {
+    "use strict";
+    function i(t) {
+      for (var e in t) return !1;
+      return (e = null), !0;
+    }
+    function o(t, e) {
+      t &&
+        ((this.element = t),
+        (this.layout = e),
+        (this.position = { x: 0, y: 0 }),
+        this._create());
+    }
+    function n(t) {
+      return t.replace(/([A-Z])/g, function (t) {
+        return "-" + t.toLowerCase();
+      });
+    }
+    var s = document.documentElement.style,
+      r = "string" == typeof s.transition ? "transition" : "WebkitTransition",
+      a = "string" == typeof s.transform ? "transform" : "WebkitTransform",
+      u = {
+        WebkitTransition: "webkitTransitionEnd",
+        transition: "transitionend",
+      }[r],
+      h = {
+        transform: a,
+        transition: r,
+        transitionDuration: r + "Duration",
+        transitionProperty: r + "Property",
+        transitionDelay: r + "Delay",
+      },
+      d = (o.prototype = Object.create(t.prototype));
+    (d.constructor = o),
+      (d._create = function () {
+        (this._transn = { ingProperties: {}, clean: {}, onEnd: {} }),
+          this.css({ position: "absolute" });
+      }),
+      (d.handleEvent = function (t) {
+        var e = "on" + t.type;
+        this[e] && this[e](t);
+      }),
+      (d.getSize = function () {
+        this.size = e(this.element);
+      }),
+      (d.css = function (t) {
+        var e = this.element.style;
+        for (var i in t) {
+          var o = h[i] || i;
+          e[o] = t[i];
+        }
+      }),
+      (d.getPosition = function () {
+        var t = getComputedStyle(this.element),
+          e = this.layout._getOption("originLeft"),
+          i = this.layout._getOption("originTop"),
+          o = t[e ? "left" : "right"],
+          n = t[i ? "top" : "bottom"],
+          s = parseFloat(o),
+          r = parseFloat(n),
+          a = this.layout.size;
+        o.indexOf("%") != -1 && (s = (s / 100) * a.width),
+          n.indexOf("%") != -1 && (r = (r / 100) * a.height),
+          (s = isNaN(s) ? 0 : s),
+          (r = isNaN(r) ? 0 : r),
+          (s -= e ? a.paddingLeft : a.paddingRight),
+          (r -= i ? a.paddingTop : a.paddingBottom),
+          (this.position.x = s),
+          (this.position.y = r);
+      }),
+      (d.layoutPosition = function () {
+        var t = this.layout.size,
+          e = {},
+          i = this.layout._getOption("originLeft"),
+          o = this.layout._getOption("originTop"),
+          n = i ? "paddingLeft" : "paddingRight",
+          s = i ? "left" : "right",
+          r = i ? "right" : "left",
+          a = this.position.x + t[n];
+        (e[s] = this.getXValue(a)), (e[r] = "");
+        var u = o ? "paddingTop" : "paddingBottom",
+          h = o ? "top" : "bottom",
+          d = o ? "bottom" : "top",
+          l = this.position.y + t[u];
+        (e[h] = this.getYValue(l)),
+          (e[d] = ""),
+          this.css(e),
+          this.emitEvent("layout", [this]);
+      }),
+      (d.getXValue = function (t) {
+        var e = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && !e
+          ? (t / this.layout.size.width) * 100 + "%"
+          : t + "px";
+      }),
+      (d.getYValue = function (t) {
+        var e = this.layout._getOption("horizontal");
+        return this.layout.options.percentPosition && e
+          ? (t / this.layout.size.height) * 100 + "%"
+          : t + "px";
+      }),
+      (d._transitionTo = function (t, e) {
+        this.getPosition();
+        var i = this.position.x,
+          o = this.position.y,
+          n = t == this.position.x && e == this.position.y;
+        if ((this.setPosition(t, e), n && !this.isTransitioning))
+          return void this.layoutPosition();
+        var s = t - i,
+          r = e - o,
+          a = {};
+        (a.transform = this.getTranslate(s, r)),
+          this.transition({
+            to: a,
+            onTransitionEnd: { transform: this.layoutPosition },
+            isCleaning: !0,
+          });
+      }),
+      (d.getTranslate = function (t, e) {
+        var i = this.layout._getOption("originLeft"),
+          o = this.layout._getOption("originTop");
+        return (
+          (t = i ? t : -t),
+          (e = o ? e : -e),
+          "translate3d(" + t + "px, " + e + "px, 0)"
+        );
+      }),
+      (d.goTo = function (t, e) {
+        this.setPosition(t, e), this.layoutPosition();
+      }),
+      (d.moveTo = d._transitionTo),
+      (d.setPosition = function (t, e) {
+        (this.position.x = parseFloat(t)), (this.position.y = parseFloat(e));
+      }),
+      (d._nonTransition = function (t) {
+        this.css(t.to), t.isCleaning && this._removeStyles(t.to);
+        for (var e in t.onTransitionEnd) t.onTransitionEnd[e].call(this);
+      }),
+      (d.transition = function (t) {
+        if (!parseFloat(this.layout.options.transitionDuration))
+          return void this._nonTransition(t);
+        var e = this._transn;
+        for (var i in t.onTransitionEnd) e.onEnd[i] = t.onTransitionEnd[i];
+        for (i in t.to)
+          (e.ingProperties[i] = !0), t.isCleaning && (e.clean[i] = !0);
+        if (t.from) {
+          this.css(t.from);
+          var o = this.element.offsetHeight;
+          o = null;
+        }
+        this.enableTransition(t.to),
+          this.css(t.to),
+          (this.isTransitioning = !0);
+      });
+    var l = "opacity," + n(a);
+    (d.enableTransition = function () {
+      if (!this.isTransitioning) {
+        var t = this.layout.options.transitionDuration;
+        (t = "number" == typeof t ? t + "ms" : t),
+          this.css({
+            transitionProperty: l,
+            transitionDuration: t,
+            transitionDelay: this.staggerDelay || 0,
+          }),
+          this.element.addEventListener(u, this, !1);
+      }
+    }),
+      (d.onwebkitTransitionEnd = function (t) {
+        this.ontransitionend(t);
+      }),
+      (d.onotransitionend = function (t) {
+        this.ontransitionend(t);
+      });
+    var f = { "-webkit-transform": "transform" };
+    (d.ontransitionend = function (t) {
+      if (t.target === this.element) {
+        var e = this._transn,
+          o = f[t.propertyName] || t.propertyName;
+        if (
+          (delete e.ingProperties[o],
+          i(e.ingProperties) && this.disableTransition(),
+          o in e.clean &&
+            ((this.element.style[t.propertyName] = ""), delete e.clean[o]),
+          o in e.onEnd)
+        ) {
+          var n = e.onEnd[o];
+          n.call(this), delete e.onEnd[o];
+        }
+        this.emitEvent("transitionEnd", [this]);
+      }
+    }),
+      (d.disableTransition = function () {
+        this.removeTransitionStyles(),
+          this.element.removeEventListener(u, this, !1),
+          (this.isTransitioning = !1);
+      }),
+      (d._removeStyles = function (t) {
+        var e = {};
+        for (var i in t) e[i] = "";
+        this.css(e);
+      });
+    var c = {
+      transitionProperty: "",
+      transitionDuration: "",
+      transitionDelay: "",
+    };
+    return (
+      (d.removeTransitionStyles = function () {
+        this.css(c);
+      }),
+      (d.stagger = function (t) {
+        (t = isNaN(t) ? 0 : t), (this.staggerDelay = t + "ms");
+      }),
+      (d.removeElem = function () {
+        this.element.parentNode.removeChild(this.element),
+          this.css({ display: "" }),
+          this.emitEvent("remove", [this]);
+      }),
+      (d.remove = function () {
+        return r && parseFloat(this.layout.options.transitionDuration)
+          ? (this.once("transitionEnd", function () {
+              this.removeElem();
+            }),
+            void this.hide())
+          : void this.removeElem();
+      }),
+      (d.reveal = function () {
+        delete this.isHidden, this.css({ display: "" });
+        var t = this.layout.options,
+          e = {},
+          i = this.getHideRevealTransitionEndProperty("visibleStyle");
+        (e[i] = this.onRevealTransitionEnd),
+          this.transition({
+            from: t.hiddenStyle,
+            to: t.visibleStyle,
+            isCleaning: !0,
+            onTransitionEnd: e,
+          });
+      }),
+      (d.onRevealTransitionEnd = function () {
+        this.isHidden || this.emitEvent("reveal");
+      }),
+      (d.getHideRevealTransitionEndProperty = function (t) {
+        var e = this.layout.options[t];
+        if (e.opacity) return "opacity";
+        for (var i in e) return i;
+      }),
+      (d.hide = function () {
+        (this.isHidden = !0), this.css({ display: "" });
+        var t = this.layout.options,
+          e = {},
+          i = this.getHideRevealTransitionEndProperty("hiddenStyle");
+        (e[i] = this.onHideTransitionEnd),
+          this.transition({
+            from: t.visibleStyle,
+            to: t.hiddenStyle,
+            isCleaning: !0,
+            onTransitionEnd: e,
+          });
+      }),
+      (d.onHideTransitionEnd = function () {
+        this.isHidden &&
+          (this.css({ display: "none" }), this.emitEvent("hide"));
+      }),
+      (d.destroy = function () {
+        this.css({
+          position: "",
+          left: "",
+          right: "",
+          top: "",
+          bottom: "",
+          transition: "",
+          transform: "",
+        });
+      }),
+      o
+    );
+  }),
+  (function (t, e) {
+    "use strict";
+    "function" == typeof define && define.amd
+      ? define(
+          "outlayer/outlayer",
+          [
+            "ev-emitter/ev-emitter",
+            "get-size/get-size",
+            "fizzy-ui-utils/utils",
+            "./item",
+          ],
+          function (i, o, n, s) {
+            return e(t, i, o, n, s);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          t,
+          require("ev-emitter"),
+          require("get-size"),
+          require("fizzy-ui-utils"),
+          require("./item")
+        ))
+      : (t.Outlayer = e(
+          t,
+          t.EvEmitter,
+          t.getSize,
+          t.fizzyUIUtils,
+          t.Outlayer.Item
+        ));
+  })(window, function (t, e, i, o, n) {
+    "use strict";
+    function s(t, e) {
+      var i = o.getQueryElement(t);
+      if (!i)
+        return void (
+          u &&
+          u.error(
+            "Bad element for " + this.constructor.namespace + ": " + (i || t)
+          )
+        );
+      (this.element = i),
+        h && (this.$element = h(this.element)),
+        (this.options = o.extend({}, this.constructor.defaults)),
+        this.option(e);
+      var n = ++l;
+      (this.element.outlayerGUID = n), (f[n] = this), this._create();
+      var s = this._getOption("initLayout");
+      s && this.layout();
+    }
+    function r(t) {
+      function e() {
+        t.apply(this, arguments);
+      }
+      return (
+        (e.prototype = Object.create(t.prototype)),
+        (e.prototype.constructor = e),
+        e
+      );
+    }
+    function a(t) {
+      if ("number" == typeof t) return t;
+      var e = t.match(/(^\d*\.?\d*)(\w*)/),
+        i = e && e[1],
+        o = e && e[2];
+      if (!i.length) return 0;
+      i = parseFloat(i);
+      var n = m[o] || 1;
+      return i * n;
+    }
+    var u = t.console,
+      h = t.jQuery,
+      d = function () {},
+      l = 0,
+      f = {};
+    (s.namespace = "outlayer"),
+      (s.Item = n),
+      (s.defaults = {
+        containerStyle: { position: "relative" },
+        initLayout: !0,
+        originLeft: !0,
+        originTop: !0,
+        resize: !0,
+        resizeContainer: !0,
+        transitionDuration: "0.4s",
+        hiddenStyle: { opacity: 0, transform: "scale(0.001)" },
+        visibleStyle: { opacity: 1, transform: "scale(1)" },
+      });
+    var c = s.prototype;
+    o.extend(c, e.prototype),
+      (c.option = function (t) {
+        o.extend(this.options, t);
+      }),
+      (c._getOption = function (t) {
+        var e = this.constructor.compatOptions[t];
+        return e && void 0 !== this.options[e]
+          ? this.options[e]
+          : this.options[t];
+      }),
+      (s.compatOptions = {
+        initLayout: "isInitLayout",
+        horizontal: "isHorizontal",
+        layoutInstant: "isLayoutInstant",
+        originLeft: "isOriginLeft",
+        originTop: "isOriginTop",
+        resize: "isResizeBound",
+        resizeContainer: "isResizingContainer",
+      }),
+      (c._create = function () {
+        this.reloadItems(),
+          (this.stamps = []),
+          this.stamp(this.options.stamp),
+          o.extend(this.element.style, this.options.containerStyle);
+        var t = this._getOption("resize");
+        t && this.bindResize();
+      }),
+      (c.reloadItems = function () {
+        this.items = this._itemize(this.element.children);
+      }),
+      (c._itemize = function (t) {
+        for (
+          var e = this._filterFindItemElements(t),
+            i = this.constructor.Item,
+            o = [],
+            n = 0;
+          n < e.length;
+          n++
+        ) {
+          var s = e[n],
+            r = new i(s, this);
+          o.push(r);
+        }
+        return o;
+      }),
+      (c._filterFindItemElements = function (t) {
+        return o.filterFindElements(t, this.options.itemSelector);
+      }),
+      (c.getItemElements = function () {
+        return this.items.map(function (t) {
+          return t.element;
+        });
+      }),
+      (c.layout = function () {
+        this._resetLayout(), this._manageStamps();
+        var t = this._getOption("layoutInstant"),
+          e = void 0 !== t ? t : !this._isLayoutInited;
+        this.layoutItems(this.items, e), (this._isLayoutInited = !0);
+      }),
+      (c._init = c.layout),
+      (c._resetLayout = function () {
+        this.getSize();
+      }),
+      (c.getSize = function () {
+        this.size = i(this.element);
+      }),
+      (c._getMeasurement = function (t, e) {
+        var o,
+          n = this.options[t];
+        n
+          ? ("string" == typeof n
+              ? (o = this.element.querySelector(n))
+              : n instanceof HTMLElement && (o = n),
+            (this[t] = o ? i(o)[e] : n))
+          : (this[t] = 0);
+      }),
+      (c.layoutItems = function (t, e) {
+        (t = this._getItemsForLayout(t)),
+          this._layoutItems(t, e),
+          this._postLayout();
+      }),
+      (c._getItemsForLayout = function (t) {
+        return t.filter(function (t) {
+          return !t.isIgnored;
+        });
+      }),
+      (c._layoutItems = function (t, e) {
+        if ((this._emitCompleteOnItems("layout", t), t && t.length)) {
+          var i = [];
+          t.forEach(function (t) {
+            var o = this._getItemLayoutPosition(t);
+            (o.item = t), (o.isInstant = e || t.isLayoutInstant), i.push(o);
+          }, this),
+            this._processLayoutQueue(i);
+        }
+      }),
+      (c._getItemLayoutPosition = function () {
+        return { x: 0, y: 0 };
+      }),
+      (c._processLayoutQueue = function (t) {
+        this.updateStagger(),
+          t.forEach(function (t, e) {
+            this._positionItem(t.item, t.x, t.y, t.isInstant, e);
+          }, this);
+      }),
+      (c.updateStagger = function () {
+        var t = this.options.stagger;
+        return null === t || void 0 === t
+          ? void (this.stagger = 0)
+          : ((this.stagger = a(t)), this.stagger);
+      }),
+      (c._positionItem = function (t, e, i, o, n) {
+        o ? t.goTo(e, i) : (t.stagger(n * this.stagger), t.moveTo(e, i));
+      }),
+      (c._postLayout = function () {
+        this.resizeContainer();
+      }),
+      (c.resizeContainer = function () {
+        var t = this._getOption("resizeContainer");
+        if (t) {
+          var e = this._getContainerSize();
+          e &&
+            (this._setContainerMeasure(e.width, !0),
+            this._setContainerMeasure(e.height, !1));
+        }
+      }),
+      (c._getContainerSize = d),
+      (c._setContainerMeasure = function (t, e) {
+        if (void 0 !== t) {
+          var i = this.size;
+          i.isBorderBox &&
+            (t += e
+              ? i.paddingLeft +
+                i.paddingRight +
+                i.borderLeftWidth +
+                i.borderRightWidth
+              : i.paddingBottom +
+                i.paddingTop +
+                i.borderTopWidth +
+                i.borderBottomWidth),
+            (t = Math.max(t, 0)),
+            (this.element.style[e ? "width" : "height"] = t + "px");
+        }
+      }),
+      (c._emitCompleteOnItems = function (t, e) {
+        function i() {
+          n.dispatchEvent(t + "Complete", null, [e]);
+        }
+        function o() {
+          r++, r == s && i();
+        }
+        var n = this,
+          s = e.length;
+        if (!e || !s) return void i();
+        var r = 0;
+        e.forEach(function (e) {
+          e.once(t, o);
+        });
+      }),
+      (c.dispatchEvent = function (t, e, i) {
+        var o = e ? [e].concat(i) : i;
+        if ((this.emitEvent(t, o), h))
+          if (((this.$element = this.$element || h(this.element)), e)) {
+            var n = h.Event(e);
+            (n.type = t), this.$element.trigger(n, i);
+          } else this.$element.trigger(t, i);
+      }),
+      (c.ignore = function (t) {
+        var e = this.getItem(t);
+        e && (e.isIgnored = !0);
+      }),
+      (c.unignore = function (t) {
+        var e = this.getItem(t);
+        e && delete e.isIgnored;
+      }),
+      (c.stamp = function (t) {
+        (t = this._find(t)),
+          t &&
+            ((this.stamps = this.stamps.concat(t)),
+            t.forEach(this.ignore, this));
+      }),
+      (c.unstamp = function (t) {
+        (t = this._find(t)),
+          t &&
+            t.forEach(function (t) {
+              o.removeFrom(this.stamps, t), this.unignore(t);
+            }, this);
+      }),
+      (c._find = function (t) {
+        if (t)
+          return (
+            "string" == typeof t && (t = this.element.querySelectorAll(t)),
+            (t = o.makeArray(t))
+          );
+      }),
+      (c._manageStamps = function () {
+        this.stamps &&
+          this.stamps.length &&
+          (this._getBoundingRect(),
+          this.stamps.forEach(this._manageStamp, this));
+      }),
+      (c._getBoundingRect = function () {
+        var t = this.element.getBoundingClientRect(),
+          e = this.size;
+        this._boundingRect = {
+          left: t.left + e.paddingLeft + e.borderLeftWidth,
+          top: t.top + e.paddingTop + e.borderTopWidth,
+          right: t.right - (e.paddingRight + e.borderRightWidth),
+          bottom: t.bottom - (e.paddingBottom + e.borderBottomWidth),
+        };
+      }),
+      (c._manageStamp = d),
+      (c._getElementOffset = function (t) {
+        var e = t.getBoundingClientRect(),
+          o = this._boundingRect,
+          n = i(t),
+          s = {
+            left: e.left - o.left - n.marginLeft,
+            top: e.top - o.top - n.marginTop,
+            right: o.right - e.right - n.marginRight,
+            bottom: o.bottom - e.bottom - n.marginBottom,
+          };
+        return s;
+      }),
+      (c.handleEvent = o.handleEvent),
+      (c.bindResize = function () {
+        t.addEventListener("resize", this), (this.isResizeBound = !0);
+      }),
+      (c.unbindResize = function () {
+        t.removeEventListener("resize", this), (this.isResizeBound = !1);
+      }),
+      (c.onresize = function () {
+        this.resize();
+      }),
+      o.debounceMethod(s, "onresize", 100),
+      (c.resize = function () {
+        this.isResizeBound && this.needsResizeLayout() && this.layout();
+      }),
+      (c.needsResizeLayout = function () {
+        var t = i(this.element),
+          e = this.size && t;
+        return e && t.innerWidth !== this.size.innerWidth;
+      }),
+      (c.addItems = function (t) {
+        var e = this._itemize(t);
+        return e.length && (this.items = this.items.concat(e)), e;
+      }),
+      (c.appended = function (t) {
+        var e = this.addItems(t);
+        e.length && (this.layoutItems(e, !0), this.reveal(e));
+      }),
+      (c.prepended = function (t) {
+        var e = this._itemize(t);
+        if (e.length) {
+          var i = this.items.slice(0);
+          (this.items = e.concat(i)),
+            this._resetLayout(),
+            this._manageStamps(),
+            this.layoutItems(e, !0),
+            this.reveal(e),
+            this.layoutItems(i);
+        }
+      }),
+      (c.reveal = function (t) {
+        if ((this._emitCompleteOnItems("reveal", t), t && t.length)) {
+          var e = this.updateStagger();
+          t.forEach(function (t, i) {
+            t.stagger(i * e), t.reveal();
+          });
+        }
+      }),
+      (c.hide = function (t) {
+        if ((this._emitCompleteOnItems("hide", t), t && t.length)) {
+          var e = this.updateStagger();
+          t.forEach(function (t, i) {
+            t.stagger(i * e), t.hide();
+          });
+        }
+      }),
+      (c.revealItemElements = function (t) {
+        var e = this.getItems(t);
+        this.reveal(e);
+      }),
+      (c.hideItemElements = function (t) {
+        var e = this.getItems(t);
+        this.hide(e);
+      }),
+      (c.getItem = function (t) {
+        for (var e = 0; e < this.items.length; e++) {
+          var i = this.items[e];
+          if (i.element == t) return i;
+        }
+      }),
+      (c.getItems = function (t) {
+        t = o.makeArray(t);
+        var e = [];
+        return (
+          t.forEach(function (t) {
+            var i = this.getItem(t);
+            i && e.push(i);
+          }, this),
+          e
+        );
+      }),
+      (c.remove = function (t) {
+        var e = this.getItems(t);
+        this._emitCompleteOnItems("remove", e),
+          e &&
+            e.length &&
+            e.forEach(function (t) {
+              t.remove(), o.removeFrom(this.items, t);
+            }, this);
+      }),
+      (c.destroy = function () {
+        var t = this.element.style;
+        (t.height = ""),
+          (t.position = ""),
+          (t.width = ""),
+          this.items.forEach(function (t) {
+            t.destroy();
+          }),
+          this.unbindResize();
+        var e = this.element.outlayerGUID;
+        delete f[e],
+          delete this.element.outlayerGUID,
+          h && h.removeData(this.element, this.constructor.namespace);
+      }),
+      (s.data = function (t) {
+        t = o.getQueryElement(t);
+        var e = t && t.outlayerGUID;
+        return e && f[e];
+      }),
+      (s.create = function (t, e) {
+        var i = r(s);
+        return (
+          (i.defaults = o.extend({}, s.defaults)),
+          o.extend(i.defaults, e),
+          (i.compatOptions = o.extend({}, s.compatOptions)),
+          (i.namespace = t),
+          (i.data = s.data),
+          (i.Item = r(n)),
+          o.htmlInit(i, t),
+          h && h.bridget && h.bridget(t, i),
+          i
+        );
+      });
+    var m = { ms: 1, s: 1e3 };
+    return (s.Item = n), s;
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/item", ["outlayer/outlayer"], e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("outlayer")))
+      : ((t.Isotope = t.Isotope || {}), (t.Isotope.Item = e(t.Outlayer)));
+  })(window, function (t) {
+    "use strict";
+    function e() {
+      t.Item.apply(this, arguments);
+    }
+    var i = (e.prototype = Object.create(t.Item.prototype)),
+      o = i._create;
+    (i._create = function () {
+      (this.id = this.layout.itemGUID++), o.call(this), (this.sortData = {});
+    }),
+      (i.updateSortData = function () {
+        if (!this.isIgnored) {
+          (this.sortData.id = this.id),
+            (this.sortData["original-order"] = this.id),
+            (this.sortData.random = Math.random());
+          var t = this.layout.options.getSortData,
+            e = this.layout._sorters;
+          for (var i in t) {
+            var o = e[i];
+            this.sortData[i] = o(this.element, this);
+          }
+        }
+      });
+    var n = i.destroy;
+    return (
+      (i.destroy = function () {
+        n.apply(this, arguments), this.css({ display: "" });
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "isotope-layout/js/layout-mode",
+          ["get-size/get-size", "outlayer/outlayer"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("get-size"), require("outlayer")))
+      : ((t.Isotope = t.Isotope || {}),
+        (t.Isotope.LayoutMode = e(t.getSize, t.Outlayer)));
+  })(window, function (t, e) {
+    "use strict";
+    function i(t) {
+      (this.isotope = t),
+        t &&
+          ((this.options = t.options[this.namespace]),
+          (this.element = t.element),
+          (this.items = t.filteredItems),
+          (this.size = t.size));
+    }
+    var o = i.prototype,
+      n = [
+        "_resetLayout",
+        "_getItemLayoutPosition",
+        "_manageStamp",
+        "_getContainerSize",
+        "_getElementOffset",
+        "needsResizeLayout",
+        "_getOption",
+      ];
+    return (
+      n.forEach(function (t) {
+        o[t] = function () {
+          return e.prototype[t].apply(this.isotope, arguments);
+        };
+      }),
+      (o.needsVerticalResizeLayout = function () {
+        var e = t(this.isotope.element),
+          i = this.isotope.size && e;
+        return i && e.innerHeight != this.isotope.size.innerHeight;
+      }),
+      (o._getMeasurement = function () {
+        this.isotope._getMeasurement.apply(this, arguments);
+      }),
+      (o.getColumnWidth = function () {
+        this.getSegmentSize("column", "Width");
+      }),
+      (o.getRowHeight = function () {
+        this.getSegmentSize("row", "Height");
+      }),
+      (o.getSegmentSize = function (t, e) {
+        var i = t + e,
+          o = "outer" + e;
+        if ((this._getMeasurement(i, o), !this[i])) {
+          var n = this.getFirstItemSize();
+          this[i] = (n && n[o]) || this.isotope.size["inner" + e];
+        }
+      }),
+      (o.getFirstItemSize = function () {
+        var e = this.isotope.filteredItems[0];
+        return e && e.element && t(e.element);
+      }),
+      (o.layout = function () {
+        this.isotope.layout.apply(this.isotope, arguments);
+      }),
+      (o.getSize = function () {
+        this.isotope.getSize(), (this.size = this.isotope.size);
+      }),
+      (i.modes = {}),
+      (i.create = function (t, e) {
+        function n() {
+          i.apply(this, arguments);
+        }
+        return (
+          (n.prototype = Object.create(o)),
+          (n.prototype.constructor = n),
+          e && (n.options = e),
+          (n.prototype.namespace = t),
+          (i.modes[t] = n),
+          n
+        );
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "masonry-layout/masonry",
+          ["outlayer/outlayer", "get-size/get-size"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("outlayer"), require("get-size")))
+      : (t.Masonry = e(t.Outlayer, t.getSize));
+  })(window, function (t, e) {
+    var i = t.create("masonry");
+    i.compatOptions.fitWidth = "isFitWidth";
+    var o = i.prototype;
+    return (
+      (o._resetLayout = function () {
+        this.getSize(),
+          this._getMeasurement("columnWidth", "outerWidth"),
+          this._getMeasurement("gutter", "outerWidth"),
+          this.measureColumns(),
+          (this.colYs = []);
+        for (var t = 0; t < this.cols; t++) this.colYs.push(0);
+        (this.maxY = 0), (this.horizontalColIndex = 0);
+      }),
+      (o.measureColumns = function () {
+        if ((this.getContainerWidth(), !this.columnWidth)) {
+          var t = this.items[0],
+            i = t && t.element;
+          this.columnWidth = (i && e(i).outerWidth) || this.containerWidth;
+        }
+        var o = (this.columnWidth += this.gutter),
+          n = this.containerWidth + this.gutter,
+          s = n / o,
+          r = o - (n % o),
+          a = r && r < 1 ? "round" : "floor";
+        (s = Math[a](s)), (this.cols = Math.max(s, 1));
+      }),
+      (o.getContainerWidth = function () {
+        var t = this._getOption("fitWidth"),
+          i = t ? this.element.parentNode : this.element,
+          o = e(i);
+        this.containerWidth = o && o.innerWidth;
+      }),
+      (o._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e = t.size.outerWidth % this.columnWidth,
+          i = e && e < 1 ? "round" : "ceil",
+          o = Math[i](t.size.outerWidth / this.columnWidth);
+        o = Math.min(o, this.cols);
+        for (
+          var n = this.options.horizontalOrder
+              ? "_getHorizontalColPosition"
+              : "_getTopColPosition",
+            s = this[n](o, t),
+            r = { x: this.columnWidth * s.col, y: s.y },
+            a = s.y + t.size.outerHeight,
+            u = o + s.col,
+            h = s.col;
+          h < u;
+          h++
+        )
+          this.colYs[h] = a;
+        return r;
+      }),
+      (o._getTopColPosition = function (t) {
+        var e = this._getTopColGroup(t),
+          i = Math.min.apply(Math, e);
+        return { col: e.indexOf(i), y: i };
+      }),
+      (o._getTopColGroup = function (t) {
+        if (t < 2) return this.colYs;
+        for (var e = [], i = this.cols + 1 - t, o = 0; o < i; o++)
+          e[o] = this._getColGroupY(o, t);
+        return e;
+      }),
+      (o._getColGroupY = function (t, e) {
+        if (e < 2) return this.colYs[t];
+        var i = this.colYs.slice(t, t + e);
+        return Math.max.apply(Math, i);
+      }),
+      (o._getHorizontalColPosition = function (t, e) {
+        var i = this.horizontalColIndex % this.cols,
+          o = t > 1 && i + t > this.cols;
+        i = o ? 0 : i;
+        var n = e.size.outerWidth && e.size.outerHeight;
+        return (
+          (this.horizontalColIndex = n ? i + t : this.horizontalColIndex),
+          { col: i, y: this._getColGroupY(i, t) }
+        );
+      }),
+      (o._manageStamp = function (t) {
+        var i = e(t),
+          o = this._getElementOffset(t),
+          n = this._getOption("originLeft"),
+          s = n ? o.left : o.right,
+          r = s + i.outerWidth,
+          a = Math.floor(s / this.columnWidth);
+        a = Math.max(0, a);
+        var u = Math.floor(r / this.columnWidth);
+        (u -= r % this.columnWidth ? 0 : 1), (u = Math.min(this.cols - 1, u));
+        for (
+          var h = this._getOption("originTop"),
+            d = (h ? o.top : o.bottom) + i.outerHeight,
+            l = a;
+          l <= u;
+          l++
+        )
+          this.colYs[l] = Math.max(d, this.colYs[l]);
+      }),
+      (o._getContainerSize = function () {
+        this.maxY = Math.max.apply(Math, this.colYs);
+        var t = { height: this.maxY };
+        return (
+          this._getOption("fitWidth") &&
+            (t.width = this._getContainerFitWidth()),
+          t
+        );
+      }),
+      (o._getContainerFitWidth = function () {
+        for (var t = 0, e = this.cols; --e && 0 === this.colYs[e]; ) t++;
+        return (this.cols - t) * this.columnWidth - this.gutter;
+      }),
+      (o.needsResizeLayout = function () {
+        var t = this.containerWidth;
+        return this.getContainerWidth(), t != this.containerWidth;
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          "isotope-layout/js/layout-modes/masonry",
+          ["../layout-mode", "masonry-layout/masonry"],
+          e
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          require("../layout-mode"),
+          require("masonry-layout")
+        ))
+      : e(t.Isotope.LayoutMode, t.Masonry);
+  })(window, function (t, e) {
+    "use strict";
+    var i = t.create("masonry"),
+      o = i.prototype,
+      n = { _getElementOffset: !0, layout: !0, _getMeasurement: !0 };
+    for (var s in e.prototype) n[s] || (o[s] = e.prototype[s]);
+    var r = o.measureColumns;
+    o.measureColumns = function () {
+      (this.items = this.isotope.filteredItems), r.call(this);
+    };
+    var a = o._getOption;
+    return (
+      (o._getOption = function (t) {
+        return "fitWidth" == t
+          ? void 0 !== this.options.isFitWidth
+            ? this.options.isFitWidth
+            : this.options.fitWidth
+          : a.apply(this.isotope, arguments);
+      }),
+      i
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/layout-modes/fit-rows", ["../layout-mode"], e)
+      : "object" == typeof exports
+      ? (module.exports = e(require("../layout-mode")))
+      : e(t.Isotope.LayoutMode);
+  })(window, function (t) {
+    "use strict";
+    var e = t.create("fitRows"),
+      i = e.prototype;
+    return (
+      (i._resetLayout = function () {
+        (this.x = 0),
+          (this.y = 0),
+          (this.maxY = 0),
+          this._getMeasurement("gutter", "outerWidth");
+      }),
+      (i._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e = t.size.outerWidth + this.gutter,
+          i = this.isotope.size.innerWidth + this.gutter;
+        0 !== this.x && e + this.x > i && ((this.x = 0), (this.y = this.maxY));
+        var o = { x: this.x, y: this.y };
+        return (
+          (this.maxY = Math.max(this.maxY, this.y + t.size.outerHeight)),
+          (this.x += e),
+          o
+        );
+      }),
+      (i._getContainerSize = function () {
+        return { height: this.maxY };
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define("isotope-layout/js/layout-modes/vertical", ["../layout-mode"], e)
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(require("../layout-mode")))
+      : e(t.Isotope.LayoutMode);
+  })(window, function (t) {
+    "use strict";
+    var e = t.create("vertical", { horizontalAlignment: 0 }),
+      i = e.prototype;
+    return (
+      (i._resetLayout = function () {
+        this.y = 0;
+      }),
+      (i._getItemLayoutPosition = function (t) {
+        t.getSize();
+        var e =
+            (this.isotope.size.innerWidth - t.size.outerWidth) *
+            this.options.horizontalAlignment,
+          i = this.y;
+        return (this.y += t.size.outerHeight), { x: e, y: i };
+      }),
+      (i._getContainerSize = function () {
+        return { height: this.y };
+      }),
+      e
+    );
+  }),
+  (function (t, e) {
+    "function" == typeof define && define.amd
+      ? define(
+          [
+            "outlayer/outlayer",
+            "get-size/get-size",
+            "desandro-matches-selector/matches-selector",
+            "fizzy-ui-utils/utils",
+            "isotope-layout/js/item",
+            "isotope-layout/js/layout-mode",
+            "isotope-layout/js/layout-modes/masonry",
+            "isotope-layout/js/layout-modes/fit-rows",
+            "isotope-layout/js/layout-modes/vertical",
+          ],
+          function (i, o, n, s, r, a) {
+            return e(t, i, o, n, s, r, a);
+          }
+        )
+      : "object" == typeof module && module.exports
+      ? (module.exports = e(
+          t,
+          require("outlayer"),
+          require("get-size"),
+          require("desandro-matches-selector"),
+          require("fizzy-ui-utils"),
+          require("isotope-layout/js/item"),
+          require("isotope-layout/js/layout-mode"),
+          require("isotope-layout/js/layout-modes/masonry"),
+          require("isotope-layout/js/layout-modes/fit-rows"),
+          require("isotope-layout/js/layout-modes/vertical")
+        ))
+      : (t.Isotope = e(
+          t,
+          t.Outlayer,
+          t.getSize,
+          t.matchesSelector,
+          t.fizzyUIUtils,
+          t.Isotope.Item,
+          t.Isotope.LayoutMode
+        ));
+  })(window, function (t, e, i, o, n, s, r) {
+    function a(t, e) {
+      return function (i, o) {
+        for (var n = 0; n < t.length; n++) {
+          var s = t[n],
+            r = i.sortData[s],
+            a = o.sortData[s];
+          if (r > a || r < a) {
+            var u = void 0 !== e[s] ? e[s] : e,
+              h = u ? 1 : -1;
+            return (r > a ? 1 : -1) * h;
+          }
+        }
+        return 0;
+      };
+    }
+    var u = t.jQuery,
+      h = String.prototype.trim
+        ? function (t) {
+            return t.trim();
+          }
+        : function (t) {
+            return t.replace(/^\s+|\s+$/g, "");
+          },
+      d = e.create("isotope", {
+        layoutMode: "masonry",
+        isJQueryFiltering: !0,
+        sortAscending: !0,
+      });
+    (d.Item = s), (d.LayoutMode = r);
+    var l = d.prototype;
+    (l._create = function () {
+      (this.itemGUID = 0),
+        (this._sorters = {}),
+        this._getSorters(),
+        e.prototype._create.call(this),
+        (this.modes = {}),
+        (this.filteredItems = this.items),
+        (this.sortHistory = ["original-order"]);
+      for (var t in r.modes) this._initLayoutMode(t);
+    }),
+      (l.reloadItems = function () {
+        (this.itemGUID = 0), e.prototype.reloadItems.call(this);
+      }),
+      (l._itemize = function () {
+        for (
+          var t = e.prototype._itemize.apply(this, arguments), i = 0;
+          i < t.length;
+          i++
+        ) {
+          var o = t[i];
+          o.id = this.itemGUID++;
+        }
+        return this._updateItemsSortData(t), t;
+      }),
+      (l._initLayoutMode = function (t) {
+        var e = r.modes[t],
+          i = this.options[t] || {};
+        (this.options[t] = e.options ? n.extend(e.options, i) : i),
+          (this.modes[t] = new e(this));
+      }),
+      (l.layout = function () {
+        return !this._isLayoutInited && this._getOption("initLayout")
+          ? void this.arrange()
+          : void this._layout();
+      }),
+      (l._layout = function () {
+        var t = this._getIsInstant();
+        this._resetLayout(),
+          this._manageStamps(),
+          this.layoutItems(this.filteredItems, t),
+          (this._isLayoutInited = !0);
+      }),
+      (l.arrange = function (t) {
+        this.option(t), this._getIsInstant();
+        var e = this._filter(this.items);
+        (this.filteredItems = e.matches),
+          this._bindArrangeComplete(),
+          this._isInstant
+            ? this._noTransition(this._hideReveal, [e])
+            : this._hideReveal(e),
+          this._sort(),
+          this._layout();
+      }),
+      (l._init = l.arrange),
+      (l._hideReveal = function (t) {
+        this.reveal(t.needReveal), this.hide(t.needHide);
+      }),
+      (l._getIsInstant = function () {
+        var t = this._getOption("layoutInstant"),
+          e = void 0 !== t ? t : !this._isLayoutInited;
+        return (this._isInstant = e), e;
+      }),
+      (l._bindArrangeComplete = function () {
+        function t() {
+          e &&
+            i &&
+            o &&
+            n.dispatchEvent("arrangeComplete", null, [n.filteredItems]);
+        }
+        var e,
+          i,
+          o,
+          n = this;
+        this.once("layoutComplete", function () {
+          (e = !0), t();
+        }),
+          this.once("hideComplete", function () {
+            (i = !0), t();
+          }),
+          this.once("revealComplete", function () {
+            (o = !0), t();
+          });
+      }),
+      (l._filter = function (t) {
+        var e = this.options.filter;
+        e = e || "*";
+        for (
+          var i = [], o = [], n = [], s = this._getFilterTest(e), r = 0;
+          r < t.length;
+          r++
+        ) {
+          var a = t[r];
+          if (!a.isIgnored) {
+            var u = s(a);
+            u && i.push(a),
+              u && a.isHidden ? o.push(a) : u || a.isHidden || n.push(a);
+          }
+        }
+        return { matches: i, needReveal: o, needHide: n };
+      }),
+      (l._getFilterTest = function (t) {
+        return u && this.options.isJQueryFiltering
+          ? function (e) {
+              return u(e.element).is(t);
+            }
+          : "function" == typeof t
+          ? function (e) {
+              return t(e.element);
+            }
+          : function (e) {
+              return o(e.element, t);
+            };
+      }),
+      (l.updateSortData = function (t) {
+        var e;
+        t ? ((t = n.makeArray(t)), (e = this.getItems(t))) : (e = this.items),
+          this._getSorters(),
+          this._updateItemsSortData(e);
+      }),
+      (l._getSorters = function () {
+        var t = this.options.getSortData;
+        for (var e in t) {
+          var i = t[e];
+          this._sorters[e] = f(i);
+        }
+      }),
+      (l._updateItemsSortData = function (t) {
+        for (var e = t && t.length, i = 0; e && i < e; i++) {
+          var o = t[i];
+          o.updateSortData();
+        }
+      });
+    var f = (function () {
+      function t(t) {
+        if ("string" != typeof t) return t;
+        var i = h(t).split(" "),
+          o = i[0],
+          n = o.match(/^\[(.+)\]$/),
+          s = n && n[1],
+          r = e(s, o),
+          a = d.sortDataParsers[i[1]];
+        return (t = a
+          ? function (t) {
+              return t && a(r(t));
+            }
+          : function (t) {
+              return t && r(t);
+            });
+      }
+      function e(t, e) {
+        return t
+          ? function (e) {
+              return e.getAttribute(t);
+            }
+          : function (t) {
+              var i = t.querySelector(e);
+              return i && i.textContent;
+            };
+      }
+      return t;
+    })();
+    (d.sortDataParsers = {
+      parseInt: function (t) {
+        return parseInt(t, 10);
+      },
+      parseFloat: function (t) {
+        return parseFloat(t);
+      },
+    }),
+      (l._sort = function () {
+        if (this.options.sortBy) {
+          var t = n.makeArray(this.options.sortBy);
+          this._getIsSameSortBy(t) ||
+            (this.sortHistory = t.concat(this.sortHistory));
+          var e = a(this.sortHistory, this.options.sortAscending);
+          this.filteredItems.sort(e);
+        }
+      }),
+      (l._getIsSameSortBy = function (t) {
+        for (var e = 0; e < t.length; e++)
+          if (t[e] != this.sortHistory[e]) return !1;
+        return !0;
+      }),
+      (l._mode = function () {
+        var t = this.options.layoutMode,
+          e = this.modes[t];
+        if (!e) throw new Error("No layout mode: " + t);
+        return (e.options = this.options[t]), e;
+      }),
+      (l._resetLayout = function () {
+        e.prototype._resetLayout.call(this), this._mode()._resetLayout();
+      }),
+      (l._getItemLayoutPosition = function (t) {
+        return this._mode()._getItemLayoutPosition(t);
+      }),
+      (l._manageStamp = function (t) {
+        this._mode()._manageStamp(t);
+      }),
+      (l._getContainerSize = function () {
+        return this._mode()._getContainerSize();
+      }),
+      (l.needsResizeLayout = function () {
+        return this._mode().needsResizeLayout();
+      }),
+      (l.appended = function (t) {
+        var e = this.addItems(t);
+        if (e.length) {
+          var i = this._filterRevealAdded(e);
+          this.filteredItems = this.filteredItems.concat(i);
+        }
+      }),
+      (l.prepended = function (t) {
+        var e = this._itemize(t);
+        if (e.length) {
+          this._resetLayout(), this._manageStamps();
+          var i = this._filterRevealAdded(e);
+          this.layoutItems(this.filteredItems),
+            (this.filteredItems = i.concat(this.filteredItems)),
+            (this.items = e.concat(this.items));
+        }
+      }),
+      (l._filterRevealAdded = function (t) {
+        var e = this._filter(t);
+        return (
+          this.hide(e.needHide),
+          this.reveal(e.matches),
+          this.layoutItems(e.matches, !0),
+          e.matches
+        );
+      }),
+      (l.insert = function (t) {
+        var e = this.addItems(t);
+        if (e.length) {
+          var i,
+            o,
+            n = e.length;
+          for (i = 0; i < n; i++)
+            (o = e[i]), this.element.appendChild(o.element);
+          var s = this._filter(e).matches;
+          for (i = 0; i < n; i++) e[i].isLayoutInstant = !0;
+          for (this.arrange(), i = 0; i < n; i++) delete e[i].isLayoutInstant;
+          this.reveal(s);
+        }
+      });
+    var c = l.remove;
+    return (
+      (l.remove = function (t) {
+        t = n.makeArray(t);
+        var e = this.getItems(t);
+        c.call(this, t);
+        for (var i = e && e.length, o = 0; i && o < i; o++) {
+          var s = e[o];
+          n.removeFrom(this.filteredItems, s);
+        }
+      }),
+      (l.shuffle = function () {
+        for (var t = 0; t < this.items.length; t++) {
+          var e = this.items[t];
+          e.sortData.random = Math.random();
+        }
+        (this.options.sortBy = "random"), this._sort(), this._layout();
+      }),
+      (l._noTransition = function (t, e) {
+        var i = this.options.transitionDuration;
+        this.options.transitionDuration = 0;
+        var o = t.apply(this, e);
+        return (this.options.transitionDuration = i), o;
+      }),
+      (l.getFilteredItemElements = function () {
+        return this.filteredItems.map(function (t) {
+          return t.element;
+        });
+      }),
+      d
+    );
+  });
diff --git a/quarter/assets/js/main.js b/quarter/assets/js/main.js
new file mode 100644
index 0000000..0c69e99
--- /dev/null
+++ b/quarter/assets/js/main.js
@@ -0,0 +1,119 @@
+// sticky hedder
+stickystickyHeader();
+
+// search controller
+search();
+
+// mobile menu
+drawer();
+
+// accordion
+accordions();
+
+// slider js
+silder();
+
+// counter up
+const counters = document.querySelectorAll(".counter");
+counters.forEach((counter) => {
+  new countUp(counter);
+});
+
+// service cards
+service();
+
+// nice select
+const selects = document.querySelectorAll(".selectize");
+if (selects?.length) {
+  selects.forEach((select) => NiceSelect.bind(select));
+}
+
+// quick view modal
+modal();
+
+// tab
+tabsController();
+
+//glightbox
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox2",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+GLightbox({
+  touchNavigation: true,
+  loop: true,
+  autoplayVideos: false,
+  selector: ".glightbox3",
+  slideEffect: "fade",
+  videosWidth: "800px",
+});
+
+// scrollUp
+scrollUp();
+
+// smooth scroll
+smoothScroll();
+
+// appart card hover action
+
+const apartCards = document.querySelectorAll(".apart-card");
+
+if (apartCards?.length) {
+  apartCards.forEach((apartCard, idx) => {
+    apartCard.addEventListener("mouseenter", () => {
+      apartCard.querySelector(".card-quick-area").classList.add("active");
+    
+    });
+  });
+}
+
+// isotop filters
+filter();
+
+// nice checkbox
+nice_checkbox();
+
+// count input
+count();
+
+// countdown
+const countContainers = document.querySelectorAll(".countdown");
+if (countContainers?.length) {
+  countDown();
+}
+
+// price slider
+const range_sliders = document.querySelectorAll(".slider-range");
+
+if (range_sliders?.length) {
+  
+  $(".slider-range").slider({
+    range: true,
+    min: 50,
+    max: 5000,
+    values: [50, 1500],
+    slide: function (event, ui) {
+      $(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
+    },
+  });
+  $(".amount").val(
+    "$" +
+      $(".slider-range").slider("values", 0) +
+      " - $" +
+      $(".slider-range").slider("values", 1)
+  );
+}
+
+// price
diff --git a/quarter/assets/js/maplace-active.js b/quarter/assets/js/maplace-active.js
new file mode 100644
index 0000000..b7c3308
--- /dev/null
+++ b/quarter/assets/js/maplace-active.js
@@ -0,0 +1,196 @@
+$(function () {
+  var LocsA = [
+    {
+      lat: 40.740178,
+      lon: -74.190194,
+      title: "Location 1",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.733617,
+      lon: -74.17115,
+      title: "Location 2",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.743011,
+      lon: -74.2471,
+      title: "Location 3",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.71115,
+      lon: -74.214998,
+      title: "Location 4",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.69001,
+      lon: -74.151753,
+      title: "Location 5",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.69759,
+      lon: -74.263164,
+      title: "Location 6",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/6.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.729979,
+      lon: -74.271992,
+      title: "Location 7",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/1.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.749702,
+      lon: -74.163631,
+      title: "Location 8",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/2.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.718971,
+      lon: -74.323219,
+      title: "Location 9",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/3.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.74835,
+      lon: -74.323219,
+      title: "Location 10",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/4.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+    {
+      lat: 40.740178,
+      lon: -74.190194,
+      title: "Location 11",
+      html: [
+        '<div class="map-product-item">',
+        '<a href="#"><img src="./assets/img/product-3/5.jpg" alt="#"></a>',
+        '<h5 class="ltn__map-product-title"><a href="#">House in Upper East Side</a></h5>',
+        '<h5 class="ltn__map-product-price">$30,000</h5>',
+        '<p class="ltn__map-product-info"><span>3 Bed</span><span>3 Bath</span><span>1220 ft<sup>2</sup></span></p>',
+        '<p class="ltn__map-product-location"><i class="flaticon-pin"></i>Boston, New York</span>',
+        "</div>",
+      ].join(""),
+      icon: "../assets/img/icons/map-marker-2.png",
+      animation: google.maps.Animation.BOUNCE,
+    },
+  ];
+  new Maplace({
+    locations: LocsA,
+    controls_on_map: true,
+    map_options: {
+      zoom: 13,
+      scrollwheel: false,
+      stopover: true,
+    },
+    stroke_options: {
+      strokeColor: "#f10",
+      strokeOpacity: 0.8,
+      strokeWeight: 2,
+      fillColor: "#f10",
+      fillOpacity: 0.4,
+    },
+  }).Load();
+});
diff --git a/quarter/assets/js/maplace.js b/quarter/assets/js/maplace.js
new file mode 100644
index 0000000..d79d597
--- /dev/null
+++ b/quarter/assets/js/maplace.js
@@ -0,0 +1,7340 @@
+/* Modernizr 2.8.3 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load
+ */
+(window.Modernizr = (function (a, b, c) {
+  function D(a) {
+    j.cssText = a;
+  }
+  function E(a, b) {
+    return D(n.join(a + ";") + (b || ""));
+  }
+  function F(a, b) {
+    return typeof a === b;
+  }
+  function G(a, b) {
+    return !!~("" + a).indexOf(b);
+  }
+  function H(a, b) {
+    for (var d in a) {
+      var e = a[d];
+      if (!G(e, "-") && j[e] !== c) return b == "pfx" ? e : !0;
+    }
+    return !1;
+  }
+  function I(a, b, d) {
+    for (var e in a) {
+      var f = b[a[e]];
+      if (f !== c)
+        return d === !1 ? a[e] : F(f, "function") ? f.bind(d || b) : f;
+    }
+    return !1;
+  }
+  function J(a, b, c) {
+    var d = a.charAt(0).toUpperCase() + a.slice(1),
+      e = (a + " " + p.join(d + " ") + d).split(" ");
+    return F(b, "string") || F(b, "undefined")
+      ? H(e, b)
+      : ((e = (a + " " + q.join(d + " ") + d).split(" ")), I(e, b, c));
+  }
+  function K() {
+    (e.input = (function (c) {
+      for (var d = 0, e = c.length; d < e; d++) u[c[d]] = c[d] in k;
+      return (
+        u.list &&
+          (u.list = !!b.createElement("datalist") && !!a.HTMLDataListElement),
+        u
+      );
+    })(
+      "autocomplete autofocus list placeholder max min multiple pattern required step".split(
+        " "
+      )
+    )),
+      (e.inputtypes = (function (a) {
+        for (var d = 0, e, f, h, i = a.length; d < i; d++)
+          k.setAttribute("type", (f = a[d])),
+            (e = k.type !== "text"),
+            e &&
+              ((k.value = l),
+              (k.style.cssText = "position:absolute;visibility:hidden;"),
+              /^range$/.test(f) && k.style.WebkitAppearance !== c
+                ? (g.appendChild(k),
+                  (h = b.defaultView),
+                  (e =
+                    h.getComputedStyle &&
+                    h.getComputedStyle(k, null).WebkitAppearance !==
+                      "textfield" &&
+                    k.offsetHeight !== 0),
+                  g.removeChild(k))
+                : /^(search|tel)$/.test(f) ||
+                  (/^(url|email)$/.test(f)
+                    ? (e = k.checkValidity && k.checkValidity() === !1)
+                    : (e = k.value != l))),
+            (t[a[d]] = !!e);
+        return t;
+      })(
+        "search tel url email datetime date month week time datetime-local number range color".split(
+          " "
+        )
+      ));
+  }
+  var d = "2.8.3",
+    e = {},
+    f = !0,
+    g = b.documentElement,
+    h = "modernizr",
+    i = b.createElement(h),
+    j = i.style,
+    k = b.createElement("input"),
+    l = ":)",
+    m = {}.toString,
+    n = " -webkit- -moz- -o- -ms- ".split(" "),
+    o = "Webkit Moz O ms",
+    p = o.split(" "),
+    q = o.toLowerCase().split(" "),
+    r = { svg: "http://www.w3.org/2000/svg" },
+    s = {},
+    t = {},
+    u = {},
+    v = [],
+    w = v.slice,
+    x,
+    y = function (a, c, d, e) {
+      var f,
+        i,
+        j,
+        k,
+        l = b.createElement("div"),
+        m = b.body,
+        n = m || b.createElement("body");
+      if (parseInt(d, 10))
+        while (d--)
+          (j = b.createElement("div")),
+            (j.id = e ? e[d] : h + (d + 1)),
+            l.appendChild(j);
+      return (
+        (f = ["&#173;", '<style id="s', h, '">', a, "</style>"].join("")),
+        (l.id = h),
+        ((m ? l : n).innerHTML += f),
+        n.appendChild(l),
+        m ||
+          ((n.style.background = ""),
+          (n.style.overflow = "hidden"),
+          (k = g.style.overflow),
+          (g.style.overflow = "hidden"),
+          g.appendChild(n)),
+        (i = c(l, a)),
+        m
+          ? l.parentNode.removeChild(l)
+          : (n.parentNode.removeChild(n), (g.style.overflow = k)),
+        !!i
+      );
+    },
+    z = function (b) {
+      var c = a.matchMedia || a.msMatchMedia;
+      if (c) return (c(b) && c(b).matches) || !1;
+      var d;
+      return (
+        y(
+          "@media " + b + " { #" + h + " { position: absolute; } }",
+          function (b) {
+            d =
+              (a.getComputedStyle ? getComputedStyle(b, null) : b.currentStyle)[
+                "position"
+              ] == "absolute";
+          }
+        ),
+        d
+      );
+    },
+    A = (function () {
+      function d(d, e) {
+        (e = e || b.createElement(a[d] || "div")), (d = "on" + d);
+        var f = d in e;
+        return (
+          f ||
+            (e.setAttribute || (e = b.createElement("div")),
+            e.setAttribute &&
+              e.removeAttribute &&
+              (e.setAttribute(d, ""),
+              (f = F(e[d], "function")),
+              F(e[d], "undefined") || (e[d] = c),
+              e.removeAttribute(d))),
+          (e = null),
+          f
+        );
+      }
+      var a = {
+        select: "input",
+        change: "input",
+        submit: "form",
+        reset: "form",
+        error: "img",
+        load: "img",
+        abort: "img",
+      };
+      return d;
+    })(),
+    B = {}.hasOwnProperty,
+    C;
+  !F(B, "undefined") && !F(B.call, "undefined")
+    ? (C = function (a, b) {
+        return B.call(a, b);
+      })
+    : (C = function (a, b) {
+        return b in a && F(a.constructor.prototype[b], "undefined");
+      }),
+    Function.prototype.bind ||
+      (Function.prototype.bind = function (b) {
+        var c = this;
+        if (typeof c != "function") throw new TypeError();
+        var d = w.call(arguments, 1),
+          e = function () {
+            if (this instanceof e) {
+              var a = function () {};
+              a.prototype = c.prototype;
+              var f = new a(),
+                g = c.apply(f, d.concat(w.call(arguments)));
+              return Object(g) === g ? g : f;
+            }
+            return c.apply(b, d.concat(w.call(arguments)));
+          };
+        return e;
+      }),
+    (s.flexbox = function () {
+      return J("flexWrap");
+    }),
+    (s.canvas = function () {
+      var a = b.createElement("canvas");
+      return !!a.getContext && !!a.getContext("2d");
+    }),
+    (s.canvastext = function () {
+      return (
+        !!e.canvas &&
+        !!F(b.createElement("canvas").getContext("2d").fillText, "function")
+      );
+    }),
+    (s.webgl = function () {
+      return !!a.WebGLRenderingContext;
+    }),
+    (s.touch = function () {
+      var c;
+      return (
+        "ontouchstart" in a || (a.DocumentTouch && b instanceof DocumentTouch)
+          ? (c = !0)
+          : y(
+              [
+                "@media (",
+                n.join("touch-enabled),("),
+                h,
+                ")",
+                "{#modernizr{top:9px;position:absolute}}",
+              ].join(""),
+              function (a) {
+                c = a.offsetTop === 9;
+              }
+            ),
+        c
+      );
+    }),
+    (s.geolocation = function () {
+      return "geolocation" in navigator;
+    }),
+    (s.postmessage = function () {
+      return !!a.postMessage;
+    }),
+    (s.websqldatabase = function () {
+      return !!a.openDatabase;
+    }),
+    (s.indexedDB = function () {
+      return !!J("indexedDB", a);
+    }),
+    (s.hashchange = function () {
+      return A("hashchange", a) && (b.documentMode === c || b.documentMode > 7);
+    }),
+    (s.history = function () {
+      return !!a.history && !!history.pushState;
+    }),
+    (s.draganddrop = function () {
+      var a = b.createElement("div");
+      return "draggable" in a || ("ondragstart" in a && "ondrop" in a);
+    }),
+    (s.websockets = function () {
+      return "WebSocket" in a || "MozWebSocket" in a;
+    }),
+    (s.rgba = function () {
+      return (
+        D("background-color:rgba(150,255,150,.5)"), G(j.backgroundColor, "rgba")
+      );
+    }),
+    (s.hsla = function () {
+      return (
+        D("background-color:hsla(120,40%,100%,.5)"),
+        G(j.backgroundColor, "rgba") || G(j.backgroundColor, "hsla")
+      );
+    }),
+    (s.multiplebgs = function () {
+      return (
+        D("background:url(https://),url(https://),red url(https://)"),
+        /(url\s*\(.*?){3}/.test(j.background)
+      );
+    }),
+    (s.backgroundsize = function () {
+      return J("backgroundSize");
+    }),
+    (s.borderimage = function () {
+      return J("borderImage");
+    }),
+    (s.borderradius = function () {
+      return J("borderRadius");
+    }),
+    (s.boxshadow = function () {
+      return J("boxShadow");
+    }),
+    (s.textshadow = function () {
+      return b.createElement("div").style.textShadow === "";
+    }),
+    (s.opacity = function () {
+      return E("opacity:.55"), /^0.55$/.test(j.opacity);
+    }),
+    (s.cssanimations = function () {
+      return J("animationName");
+    }),
+    (s.csscolumns = function () {
+      return J("columnCount");
+    }),
+    (s.cssgradients = function () {
+      var a = "background-image:",
+        b = "gradient(linear,left top,right bottom,from(#9f9),to(white));",
+        c = "linear-gradient(left top,#9f9, white);";
+      return (
+        D(
+          (a + "-webkit- ".split(" ").join(b + a) + n.join(c + a)).slice(
+            0,
+            -a.length
+          )
+        ),
+        G(j.backgroundImage, "gradient")
+      );
+    }),
+    (s.cssreflections = function () {
+      return J("boxReflect");
+    }),
+    (s.csstransforms = function () {
+      return !!J("transform");
+    }),
+    (s.csstransforms3d = function () {
+      var a = !!J("perspective");
+      return (
+        a &&
+          "webkitPerspective" in g.style &&
+          y(
+            "@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",
+            function (b, c) {
+              a = b.offsetLeft === 9 && b.offsetHeight === 3;
+            }
+          ),
+        a
+      );
+    }),
+    (s.csstransitions = function () {
+      return J("transition");
+    }),
+    (s.fontface = function () {
+      var a;
+      return (
+        y(
+          '@font-face {font-family:"font";src:url("https://")}',
+          function (c, d) {
+            var e = b.getElementById("smodernizr"),
+              f = e.sheet || e.styleSheet,
+              g = f
+                ? f.cssRules && f.cssRules[0]
+                  ? f.cssRules[0].cssText
+                  : f.cssText || ""
+                : "";
+            a = /src/i.test(g) && g.indexOf(d.split(" ")[0]) === 0;
+          }
+        ),
+        a
+      );
+    }),
+    (s.generatedcontent = function () {
+      var a;
+      return (
+        y(
+          [
+            "#",
+            h,
+            "{font:0/0 a}#",
+            h,
+            ':after{content:"',
+            l,
+            '";visibility:hidden;font:3px/1 a}',
+          ].join(""),
+          function (b) {
+            a = b.offsetHeight >= 3;
+          }
+        ),
+        a
+      );
+    }),
+    (s.video = function () {
+      var a = b.createElement("video"),
+        c = !1;
+      try {
+        if ((c = !!a.canPlayType))
+          (c = new Boolean(c)),
+            (c.ogg = a
+              .canPlayType('video/ogg; codecs="theora"')
+              .replace(/^no$/, "")),
+            (c.h264 = a
+              .canPlayType('video/mp4; codecs="avc1.42E01E"')
+              .replace(/^no$/, "")),
+            (c.webm = a
+              .canPlayType('video/webm; codecs="vp8, vorbis"')
+              .replace(/^no$/, ""));
+      } catch (d) {}
+      return c;
+    }),
+    (s.audio = function () {
+      var a = b.createElement("audio"),
+        c = !1;
+      try {
+        if ((c = !!a.canPlayType))
+          (c = new Boolean(c)),
+            (c.ogg = a
+              .canPlayType('audio/ogg; codecs="vorbis"')
+              .replace(/^no$/, "")),
+            (c.mp3 = a.canPlayType("audio/mpeg;").replace(/^no$/, "")),
+            (c.wav = a
+              .canPlayType('audio/wav; codecs="1"')
+              .replace(/^no$/, "")),
+            (c.m4a = (
+              a.canPlayType("audio/x-m4a;") || a.canPlayType("audio/aac;")
+            ).replace(/^no$/, ""));
+      } catch (d) {}
+      return c;
+    }),
+    (s.localstorage = function () {
+      try {
+        return localStorage.setItem(h, h), localStorage.removeItem(h), !0;
+      } catch (a) {
+        return !1;
+      }
+    }),
+    (s.sessionstorage = function () {
+      try {
+        return sessionStorage.setItem(h, h), sessionStorage.removeItem(h), !0;
+      } catch (a) {
+        return !1;
+      }
+    }),
+    (s.webworkers = function () {
+      return !!a.Worker;
+    }),
+    (s.applicationcache = function () {
+      return !!a.applicationCache;
+    }),
+    (s.svg = function () {
+      return (
+        !!b.createElementNS && !!b.createElementNS(r.svg, "svg").createSVGRect
+      );
+    }),
+    (s.inlinesvg = function () {
+      var a = b.createElement("div");
+      return (
+        (a.innerHTML = "<svg>"),
+        (a.firstChild && a.firstChild.namespaceURI) == r.svg
+      );
+    }),
+    (s.smil = function () {
+      return (
+        !!b.createElementNS &&
+        /SVGAnimate/.test(m.call(b.createElementNS(r.svg, "animate")))
+      );
+    }),
+    (s.svgclippaths = function () {
+      return (
+        !!b.createElementNS &&
+        /SVGClipPath/.test(m.call(b.createElementNS(r.svg, "clipPath")))
+      );
+    });
+  for (var L in s)
+    C(s, L) &&
+      ((x = L.toLowerCase()), (e[x] = s[L]()), v.push((e[x] ? "" : "no-") + x));
+  return (
+    e.input || K(),
+    (e.addTest = function (a, b) {
+      if (typeof a == "object") for (var d in a) C(a, d) && e.addTest(d, a[d]);
+      else {
+        a = a.toLowerCase();
+        if (e[a] !== c) return e;
+        (b = typeof b == "function" ? b() : b),
+          typeof f != "undefined" &&
+            f &&
+            (g.className += " " + (b ? "" : "no-") + a),
+          (e[a] = b);
+      }
+      return e;
+    }),
+    D(""),
+    (i = k = null),
+    (function (a, b) {
+      function l(a, b) {
+        var c = a.createElement("p"),
+          d = a.getElementsByTagName("head")[0] || a.documentElement;
+        return (
+          (c.innerHTML = "x<style>" + b + "</style>"),
+          d.insertBefore(c.lastChild, d.firstChild)
+        );
+      }
+      function m() {
+        var a = s.elements;
+        return typeof a == "string" ? a.split(" ") : a;
+      }
+      function n(a) {
+        var b = j[a[h]];
+        return b || ((b = {}), i++, (a[h] = i), (j[i] = b)), b;
+      }
+      function o(a, c, d) {
+        c || (c = b);
+        if (k) return c.createElement(a);
+        d || (d = n(c));
+        var g;
+        return (
+          d.cache[a]
+            ? (g = d.cache[a].cloneNode())
+            : f.test(a)
+            ? (g = (d.cache[a] = d.createElem(a)).cloneNode())
+            : (g = d.createElem(a)),
+          g.canHaveChildren && !e.test(a) && !g.tagUrn
+            ? d.frag.appendChild(g)
+            : g
+        );
+      }
+      function p(a, c) {
+        a || (a = b);
+        if (k) return a.createDocumentFragment();
+        c = c || n(a);
+        var d = c.frag.cloneNode(),
+          e = 0,
+          f = m(),
+          g = f.length;
+        for (; e < g; e++) d.createElement(f[e]);
+        return d;
+      }
+      function q(a, b) {
+        b.cache ||
+          ((b.cache = {}),
+          (b.createElem = a.createElement),
+          (b.createFrag = a.createDocumentFragment),
+          (b.frag = b.createFrag())),
+          (a.createElement = function (c) {
+            return s.shivMethods ? o(c, a, b) : b.createElem(c);
+          }),
+          (a.createDocumentFragment = Function(
+            "h,f",
+            "return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(" +
+              m()
+                .join()
+                .replace(/[\w\-]+/g, function (a) {
+                  return (
+                    b.createElem(a), b.frag.createElement(a), 'c("' + a + '")'
+                  );
+                }) +
+              ");return n}"
+          )(s, b.frag));
+      }
+      function r(a) {
+        a || (a = b);
+        var c = n(a);
+        return (
+          s.shivCSS &&
+            !g &&
+            !c.hasCSS &&
+            (c.hasCSS = !!l(
+              a,
+              "article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}"
+            )),
+          k || q(a, c),
+          a
+        );
+      }
+      var c = "3.7.0",
+        d = a.html5 || {},
+        e =
+          /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,
+        f =
+          /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,
+        g,
+        h = "_html5shiv",
+        i = 0,
+        j = {},
+        k;
+      (function () {
+        try {
+          var a = b.createElement("a");
+          (a.innerHTML = "<xyz></xyz>"),
+            (g = "hidden" in a),
+            (k =
+              a.childNodes.length == 1 ||
+              (function () {
+                b.createElement("a");
+                var a = b.createDocumentFragment();
+                return (
+                  typeof a.cloneNode == "undefined" ||
+                  typeof a.createDocumentFragment == "undefined" ||
+                  typeof a.createElement == "undefined"
+                );
+              })());
+        } catch (c) {
+          (g = !0), (k = !0);
+        }
+      })();
+      var s = {
+        elements:
+          d.elements ||
+          "abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",
+        version: c,
+        shivCSS: d.shivCSS !== !1,
+        supportsUnknownElements: k,
+        shivMethods: d.shivMethods !== !1,
+        type: "default",
+        shivDocument: r,
+        createElement: o,
+        createDocumentFragment: p,
+      };
+      (a.html5 = s), r(b);
+    })(this, b),
+    (e._version = d),
+    (e._prefixes = n),
+    (e._domPrefixes = q),
+    (e._cssomPrefixes = p),
+    (e.mq = z),
+    (e.hasEvent = A),
+    (e.testProp = function (a) {
+      return H([a]);
+    }),
+    (e.testAllProps = J),
+    (e.testStyles = y),
+    (e.prefixed = function (a, b, c) {
+      return b ? J(a, b, c) : J(a, "pfx");
+    }),
+    (g.className =
+      g.className.replace(/(^|\s)no-js(\s|$)/, "$1$2") +
+      (f ? " js " + v.join(" ") : "")),
+    e
+  );
+})(this, this.document)),
+  (function (a, b, c) {
+    function d(a) {
+      return "[object Function]" == o.call(a);
+    }
+    function e(a) {
+      return "string" == typeof a;
+    }
+    function f() {}
+    function g(a) {
+      return !a || "loaded" == a || "complete" == a || "uninitialized" == a;
+    }
+    function h() {
+      var a = p.shift();
+      (q = 1),
+        a
+          ? a.t
+            ? m(function () {
+                ("c" == a.t
+                  ? B.injectCss
+                  : B.injectJs)(a.s, 0, a.a, a.x, a.e, 1);
+              }, 0)
+            : (a(), h())
+          : (q = 0);
+    }
+    function i(a, c, d, e, f, i, j) {
+      function k(b) {
+        if (
+          !o &&
+          g(l.readyState) &&
+          ((u.r = o = 1),
+          !q && h(),
+          (l.onload = l.onreadystatechange = null),
+          b)
+        ) {
+          "img" != a &&
+            m(function () {
+              t.removeChild(l);
+            }, 50);
+          for (var d in y[c]) y[c].hasOwnProperty(d) && y[c][d].onload();
+        }
+      }
+      var j = j || B.errorTimeout,
+        l = b.createElement(a),
+        o = 0,
+        r = 0,
+        u = { t: d, s: c, e: f, a: i, x: j };
+      1 === y[c] && ((r = 1), (y[c] = [])),
+        "object" == a ? (l.data = c) : ((l.src = c), (l.type = a)),
+        (l.width = l.height = "0"),
+        (l.onerror =
+          l.onload =
+          l.onreadystatechange =
+            function () {
+              k.call(this, r);
+            }),
+        p.splice(e, 0, u),
+        "img" != a &&
+          (r || 2 === y[c]
+            ? (t.insertBefore(l, s ? null : n), m(k, j))
+            : y[c].push(l));
+    }
+    function j(a, b, c, d, f) {
+      return (
+        (q = 0),
+        (b = b || "j"),
+        e(a)
+          ? i("c" == b ? v : u, a, b, this.i++, c, d, f)
+          : (p.splice(this.i++, 0, a), 1 == p.length && h()),
+        this
+      );
+    }
+    function k() {
+      var a = B;
+      return (a.loader = { load: j, i: 0 }), a;
+    }
+    var l = b.documentElement,
+      m = a.setTimeout,
+      n = b.getElementsByTagName("script")[0],
+      o = {}.toString,
+      p = [],
+      q = 0,
+      r = "MozAppearance" in l.style,
+      s = r && !!b.createRange().compareNode,
+      t = s ? l : n.parentNode,
+      l = a.opera && "[object Opera]" == o.call(a.opera),
+      l = !!b.attachEvent && !l,
+      u = r ? "object" : l ? "script" : "img",
+      v = l ? "script" : u,
+      w =
+        Array.isArray ||
+        function (a) {
+          return "[object Array]" == o.call(a);
+        },
+      x = [],
+      y = {},
+      z = {
+        timeout: function (a, b) {
+          return b.length && (a.timeout = b[0]), a;
+        },
+      },
+      A,
+      B;
+    (B = function (a) {
+      function b(a) {
+        var a = a.split("!"),
+          b = x.length,
+          c = a.pop(),
+          d = a.length,
+          c = { url: c, origUrl: c, prefixes: a },
+          e,
+          f,
+          g;
+        for (f = 0; f < d; f++)
+          (g = a[f].split("=")), (e = z[g.shift()]) && (c = e(c, g));
+        for (f = 0; f < b; f++) c = x[f](c);
+        return c;
+      }
+      function g(a, e, f, g, h) {
+        var i = b(a),
+          j = i.autoCallback;
+        i.url.split(".").pop().split("?").shift(),
+          i.bypass ||
+            (e &&
+              (e = d(e)
+                ? e
+                : e[a] || e[g] || e[a.split("/").pop().split("?")[0]]),
+            i.instead
+              ? i.instead(a, e, f, g, h)
+              : (y[i.url] ? (i.noexec = !0) : (y[i.url] = 1),
+                f.load(
+                  i.url,
+                  i.forceCSS ||
+                    (!i.forceJS &&
+                      "css" == i.url.split(".").pop().split("?").shift())
+                    ? "c"
+                    : c,
+                  i.noexec,
+                  i.attrs,
+                  i.timeout
+                ),
+                (d(e) || d(j)) &&
+                  f.load(function () {
+                    k(),
+                      e && e(i.origUrl, h, g),
+                      j && j(i.origUrl, h, g),
+                      (y[i.url] = 2);
+                  })));
+      }
+      function h(a, b) {
+        function c(a, c) {
+          if (a) {
+            if (e(a))
+              c ||
+                (j = function () {
+                  var a = [].slice.call(arguments);
+                  k.apply(this, a), l();
+                }),
+                g(a, j, b, 0, h);
+            else if (Object(a) === a)
+              for (n in ((m = (function () {
+                var b = 0,
+                  c;
+                for (c in a) a.hasOwnProperty(c) && b++;
+                return b;
+              })()),
+              a))
+                a.hasOwnProperty(n) &&
+                  (!c &&
+                    !--m &&
+                    (d(j)
+                      ? (j = function () {
+                          var a = [].slice.call(arguments);
+                          k.apply(this, a), l();
+                        })
+                      : (j[n] = (function (a) {
+                          return function () {
+                            var b = [].slice.call(arguments);
+                            a && a.apply(this, b), l();
+                          };
+                        })(k[n]))),
+                  g(a[n], j, b, n, h));
+          } else !c && l();
+        }
+        var h = !!a.test,
+          i = a.load || a.both,
+          j = a.callback || f,
+          k = j,
+          l = a.complete || f,
+          m,
+          n;
+        c(h ? a.yep : a.nope, !!i), i && c(i);
+      }
+      var i,
+        j,
+        l = this.yepnope.loader;
+      if (e(a)) g(a, 0, l, 0);
+      else if (w(a))
+        for (i = 0; i < a.length; i++)
+          (j = a[i]),
+            e(j) ? g(j, 0, l, 0) : w(j) ? B(j) : Object(j) === j && h(j, l);
+      else Object(a) === a && h(a, l);
+    }),
+      (B.addPrefix = function (a, b) {
+        z[a] = b;
+      }),
+      (B.addFilter = function (a) {
+        x.push(a);
+      }),
+      (B.errorTimeout = 1e4),
+      null == b.readyState &&
+        b.addEventListener &&
+        ((b.readyState = "loading"),
+        b.addEventListener(
+          "DOMContentLoaded",
+          (A = function () {
+            b.removeEventListener("DOMContentLoaded", A, 0),
+              (b.readyState = "complete");
+          }),
+          0
+        )),
+      (a.yepnope = k()),
+      (a.yepnope.executeStack = h),
+      (a.yepnope.injectJs = function (a, c, d, e, i, j) {
+        var k = b.createElement("script"),
+          l,
+          o,
+          e = e || B.errorTimeout;
+        k.src = a;
+        for (o in d) k.setAttribute(o, d[o]);
+        (c = j ? h : c || f),
+          (k.onreadystatechange = k.onload =
+            function () {
+              !l &&
+                g(k.readyState) &&
+                ((l = 1), c(), (k.onload = k.onreadystatechange = null));
+            }),
+          m(function () {
+            l || ((l = 1), c(1));
+          }, e),
+          i ? k.onload() : n.parentNode.insertBefore(k, n);
+      }),
+      (a.yepnope.injectCss = function (a, c, d, e, g, i) {
+        var e = b.createElement("link"),
+          j,
+          c = i ? h : c || f;
+        (e.href = a), (e.rel = "stylesheet"), (e.type = "text/css");
+        for (j in d) e.setAttribute(j, d[j]);
+        g || (n.parentNode.insertBefore(e, n), m(c, 0));
+      });
+  })(this, document),
+  (Modernizr.load = function () {
+    yepnope.apply(window, [].slice.call(arguments, 0));
+  });
+
+/*-------------------------------------------------------------
+  2. jQuery v3.6.0
+---------------------------------------------------------------*/
+/*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!(function (e, t) {
+  "use strict";
+  "object" == typeof module && "object" == typeof module.exports
+    ? (module.exports = e.document
+        ? t(e, !0)
+        : function (e) {
+            if (!e.document)
+              throw new Error("jQuery requires a window with a document");
+            return t(e);
+          })
+    : t(e);
+})("undefined" != typeof window ? window : this, function (C, e) {
+  "use strict";
+  var t = [],
+    r = Object.getPrototypeOf,
+    s = t.slice,
+    g = t.flat
+      ? function (e) {
+          return t.flat.call(e);
+        }
+      : function (e) {
+          return t.concat.apply([], e);
+        },
+    u = t.push,
+    i = t.indexOf,
+    n = {},
+    o = n.toString,
+    v = n.hasOwnProperty,
+    a = v.toString,
+    l = a.call(Object),
+    y = {},
+    m = function (e) {
+      return (
+        "function" == typeof e &&
+        "number" != typeof e.nodeType &&
+        "function" != typeof e.item
+      );
+    },
+    x = function (e) {
+      return null != e && e === e.window;
+    },
+    E = C.document,
+    c = { type: !0, src: !0, nonce: !0, noModule: !0 };
+  function b(e, t, n) {
+    var r,
+      i,
+      o = (n = n || E).createElement("script");
+    if (((o.text = e), t))
+      for (r in c)
+        (i = t[r] || (t.getAttribute && t.getAttribute(r))) &&
+          o.setAttribute(r, i);
+    n.head.appendChild(o).parentNode.removeChild(o);
+  }
+  function w(e) {
+    return null == e
+      ? e + ""
+      : "object" == typeof e || "function" == typeof e
+      ? n[o.call(e)] || "object"
+      : typeof e;
+  }
+  var f = "3.6.0",
+    S = function (e, t) {
+      return new S.fn.init(e, t);
+    };
+  function p(e) {
+    var t = !!e && "length" in e && e.length,
+      n = w(e);
+    return (
+      !m(e) &&
+      !x(e) &&
+      ("array" === n ||
+        0 === t ||
+        ("number" == typeof t && 0 < t && t - 1 in e))
+    );
+  }
+  (S.fn = S.prototype =
+    {
+      jquery: f,
+      constructor: S,
+      length: 0,
+      toArray: function () {
+        return s.call(this);
+      },
+      get: function (e) {
+        return null == e
+          ? s.call(this)
+          : e < 0
+          ? this[e + this.length]
+          : this[e];
+      },
+      pushStack: function (e) {
+        var t = S.merge(this.constructor(), e);
+        return (t.prevObject = this), t;
+      },
+      each: function (e) {
+        return S.each(this, e);
+      },
+      map: function (n) {
+        return this.pushStack(
+          S.map(this, function (e, t) {
+            return n.call(e, t, e);
+          })
+        );
+      },
+      slice: function () {
+        return this.pushStack(s.apply(this, arguments));
+      },
+      first: function () {
+        return this.eq(0);
+      },
+      last: function () {
+        return this.eq(-1);
+      },
+      even: function () {
+        return this.pushStack(
+          S.grep(this, function (e, t) {
+            return (t + 1) % 2;
+          })
+        );
+      },
+      odd: function () {
+        return this.pushStack(
+          S.grep(this, function (e, t) {
+            return t % 2;
+          })
+        );
+      },
+      eq: function (e) {
+        var t = this.length,
+          n = +e + (e < 0 ? t : 0);
+        return this.pushStack(0 <= n && n < t ? [this[n]] : []);
+      },
+      end: function () {
+        return this.prevObject || this.constructor();
+      },
+      push: u,
+      sort: t.sort,
+      splice: t.splice,
+    }),
+    (S.extend = S.fn.extend =
+      function () {
+        var e,
+          t,
+          n,
+          r,
+          i,
+          o,
+          a = arguments[0] || {},
+          s = 1,
+          u = arguments.length,
+          l = !1;
+        for (
+          "boolean" == typeof a && ((l = a), (a = arguments[s] || {}), s++),
+            "object" == typeof a || m(a) || (a = {}),
+            s === u && ((a = this), s--);
+          s < u;
+          s++
+        )
+          if (null != (e = arguments[s]))
+            for (t in e)
+              (r = e[t]),
+                "__proto__" !== t &&
+                  a !== r &&
+                  (l && r && (S.isPlainObject(r) || (i = Array.isArray(r)))
+                    ? ((n = a[t]),
+                      (o =
+                        i && !Array.isArray(n)
+                          ? []
+                          : i || S.isPlainObject(n)
+                          ? n
+                          : {}),
+                      (i = !1),
+                      (a[t] = S.extend(l, o, r)))
+                    : void 0 !== r && (a[t] = r));
+        return a;
+      }),
+    S.extend({
+      expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""),
+      isReady: !0,
+      error: function (e) {
+        throw new Error(e);
+      },
+      noop: function () {},
+      isPlainObject: function (e) {
+        var t, n;
+        return (
+          !(!e || "[object Object]" !== o.call(e)) &&
+          (!(t = r(e)) ||
+            ("function" ==
+              typeof (n = v.call(t, "constructor") && t.constructor) &&
+              a.call(n) === l))
+        );
+      },
+      isEmptyObject: function (e) {
+        var t;
+        for (t in e) return !1;
+        return !0;
+      },
+      globalEval: function (e, t, n) {
+        b(e, { nonce: t && t.nonce }, n);
+      },
+      each: function (e, t) {
+        var n,
+          r = 0;
+        if (p(e)) {
+          for (n = e.length; r < n; r++)
+            if (!1 === t.call(e[r], r, e[r])) break;
+        } else for (r in e) if (!1 === t.call(e[r], r, e[r])) break;
+        return e;
+      },
+      makeArray: function (e, t) {
+        var n = t || [];
+        return (
+          null != e &&
+            (p(Object(e))
+              ? S.merge(n, "string" == typeof e ? [e] : e)
+              : u.call(n, e)),
+          n
+        );
+      },
+      inArray: function (e, t, n) {
+        return null == t ? -1 : i.call(t, e, n);
+      },
+      merge: function (e, t) {
+        for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
+        return (e.length = i), e;
+      },
+      grep: function (e, t, n) {
+        for (var r = [], i = 0, o = e.length, a = !n; i < o; i++)
+          !t(e[i], i) !== a && r.push(e[i]);
+        return r;
+      },
+      map: function (e, t, n) {
+        var r,
+          i,
+          o = 0,
+          a = [];
+        if (p(e))
+          for (r = e.length; o < r; o++)
+            null != (i = t(e[o], o, n)) && a.push(i);
+        else for (o in e) null != (i = t(e[o], o, n)) && a.push(i);
+        return g(a);
+      },
+      guid: 1,
+      support: y,
+    }),
+    "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]),
+    S.each(
+      "Boolean Number String Function Array Date RegExp Object Error Symbol".split(
+        " "
+      ),
+      function (e, t) {
+        n["[object " + t + "]"] = t.toLowerCase();
+      }
+    );
+  var d = (function (n) {
+    var e,
+      d,
+      b,
+      o,
+      i,
+      h,
+      f,
+      g,
+      w,
+      u,
+      l,
+      T,
+      C,
+      a,
+      E,
+      v,
+      s,
+      c,
+      y,
+      S = "sizzle" + 1 * new Date(),
+      p = n.document,
+      k = 0,
+      r = 0,
+      m = ue(),
+      x = ue(),
+      A = ue(),
+      N = ue(),
+      j = function (e, t) {
+        return e === t && (l = !0), 0;
+      },
+      D = {}.hasOwnProperty,
+      t = [],
+      q = t.pop,
+      L = t.push,
+      H = t.push,
+      O = t.slice,
+      P = function (e, t) {
+        for (var n = 0, r = e.length; n < r; n++) if (e[n] === t) return n;
+        return -1;
+      },
+      R =
+        "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+      M = "[\\x20\\t\\r\\n\\f]",
+      I =
+        "(?:\\\\[\\da-fA-F]{1,6}" +
+        M +
+        "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
+      W =
+        "\\[" +
+        M +
+        "*(" +
+        I +
+        ")(?:" +
+        M +
+        "*([*^$|!~]?=)" +
+        M +
+        "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" +
+        I +
+        "))|)" +
+        M +
+        "*\\]",
+      F =
+        ":(" +
+        I +
+        ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
+        W +
+        ")*)|.*)\\)|)",
+      B = new RegExp(M + "+", "g"),
+      $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
+      _ = new RegExp("^" + M + "*," + M + "*"),
+      z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
+      U = new RegExp(M + "|>"),
+      X = new RegExp(F),
+      V = new RegExp("^" + I + "$"),
+      G = {
+        ID: new RegExp("^#(" + I + ")"),
+        CLASS: new RegExp("^\\.(" + I + ")"),
+        TAG: new RegExp("^(" + I + "|[*])"),
+        ATTR: new RegExp("^" + W),
+        PSEUDO: new RegExp("^" + F),
+        CHILD: new RegExp(
+          "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" +
+            M +
+            "*(even|odd|(([+-]|)(\\d*)n|)" +
+            M +
+            "*(?:([+-]|)" +
+            M +
+            "*(\\d+)|))" +
+            M +
+            "*\\)|)",
+          "i"
+        ),
+        bool: new RegExp("^(?:" + R + ")$", "i"),
+        needsContext: new RegExp(
+          "^" +
+            M +
+            "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+            M +
+            "*((?:-\\d)?\\d*)" +
+            M +
+            "*\\)|)(?=[^-]|$)",
+          "i"
+        ),
+      },
+      Y = /HTML$/i,
+      Q = /^(?:input|select|textarea|button)$/i,
+      J = /^h\d$/i,
+      K = /^[^{]+\{\s*\[native \w/,
+      Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+      ee = /[+~]/,
+      te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"),
+      ne = function (e, t) {
+        var n = "0x" + e.slice(1) - 65536;
+        return (
+          t ||
+          (n < 0
+            ? String.fromCharCode(n + 65536)
+            : String.fromCharCode((n >> 10) | 55296, (1023 & n) | 56320))
+        );
+      },
+      re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
+      ie = function (e, t) {
+        return t
+          ? "\0" === e
+            ? "\ufffd"
+            : e.slice(0, -1) +
+              "\\" +
+              e.charCodeAt(e.length - 1).toString(16) +
+              " "
+          : "\\" + e;
+      },
+      oe = function () {
+        T();
+      },
+      ae = be(
+        function (e) {
+          return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase();
+        },
+        { dir: "parentNode", next: "legend" }
+      );
+    try {
+      H.apply((t = O.call(p.childNodes)), p.childNodes),
+        t[p.childNodes.length].nodeType;
+    } catch (e) {
+      H = {
+        apply: t.length
+          ? function (e, t) {
+              L.apply(e, O.call(t));
+            }
+          : function (e, t) {
+              var n = e.length,
+                r = 0;
+              while ((e[n++] = t[r++]));
+              e.length = n - 1;
+            },
+      };
+    }
+    function se(t, e, n, r) {
+      var i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f = e && e.ownerDocument,
+        p = e ? e.nodeType : 9;
+      if (
+        ((n = n || []),
+        "string" != typeof t || !t || (1 !== p && 9 !== p && 11 !== p))
+      )
+        return n;
+      if (!r && (T(e), (e = e || C), E)) {
+        if (11 !== p && (u = Z.exec(t)))
+          if ((i = u[1])) {
+            if (9 === p) {
+              if (!(a = e.getElementById(i))) return n;
+              if (a.id === i) return n.push(a), n;
+            } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i)
+              return n.push(a), n;
+          } else {
+            if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n;
+            if (
+              (i = u[3]) &&
+              d.getElementsByClassName &&
+              e.getElementsByClassName
+            )
+              return H.apply(n, e.getElementsByClassName(i)), n;
+          }
+        if (
+          d.qsa &&
+          !N[t + " "] &&
+          (!v || !v.test(t)) &&
+          (1 !== p || "object" !== e.nodeName.toLowerCase())
+        ) {
+          if (((c = t), (f = e), 1 === p && (U.test(t) || z.test(t)))) {
+            ((f = (ee.test(t) && ye(e.parentNode)) || e) === e && d.scope) ||
+              ((s = e.getAttribute("id"))
+                ? (s = s.replace(re, ie))
+                : e.setAttribute("id", (s = S))),
+              (o = (l = h(t)).length);
+            while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]);
+            c = l.join(",");
+          }
+          try {
+            return H.apply(n, f.querySelectorAll(c)), n;
+          } catch (e) {
+            N(t, !0);
+          } finally {
+            s === S && e.removeAttribute("id");
+          }
+        }
+      }
+      return g(t.replace($, "$1"), e, n, r);
+    }
+    function ue() {
+      var r = [];
+      return function e(t, n) {
+        return (
+          r.push(t + " ") > b.cacheLength && delete e[r.shift()],
+          (e[t + " "] = n)
+        );
+      };
+    }
+    function le(e) {
+      return (e[S] = !0), e;
+    }
+    function ce(e) {
+      var t = C.createElement("fieldset");
+      try {
+        return !!e(t);
+      } catch (e) {
+        return !1;
+      } finally {
+        t.parentNode && t.parentNode.removeChild(t), (t = null);
+      }
+    }
+    function fe(e, t) {
+      var n = e.split("|"),
+        r = n.length;
+      while (r--) b.attrHandle[n[r]] = t;
+    }
+    function pe(e, t) {
+      var n = t && e,
+        r =
+          n &&
+          1 === e.nodeType &&
+          1 === t.nodeType &&
+          e.sourceIndex - t.sourceIndex;
+      if (r) return r;
+      if (n) while ((n = n.nextSibling)) if (n === t) return -1;
+      return e ? 1 : -1;
+    }
+    function de(t) {
+      return function (e) {
+        return "input" === e.nodeName.toLowerCase() && e.type === t;
+      };
+    }
+    function he(n) {
+      return function (e) {
+        var t = e.nodeName.toLowerCase();
+        return ("input" === t || "button" === t) && e.type === n;
+      };
+    }
+    function ge(t) {
+      return function (e) {
+        return "form" in e
+          ? e.parentNode && !1 === e.disabled
+            ? "label" in e
+              ? "label" in e.parentNode
+                ? e.parentNode.disabled === t
+                : e.disabled === t
+              : e.isDisabled === t || (e.isDisabled !== !t && ae(e) === t)
+            : e.disabled === t
+          : "label" in e && e.disabled === t;
+      };
+    }
+    function ve(a) {
+      return le(function (o) {
+        return (
+          (o = +o),
+          le(function (e, t) {
+            var n,
+              r = a([], e.length, o),
+              i = r.length;
+            while (i--) e[(n = r[i])] && (e[n] = !(t[n] = e[n]));
+          })
+        );
+      });
+    }
+    function ye(e) {
+      return e && "undefined" != typeof e.getElementsByTagName && e;
+    }
+    for (e in ((d = se.support = {}),
+    (i = se.isXML =
+      function (e) {
+        var t = e && e.namespaceURI,
+          n = e && (e.ownerDocument || e).documentElement;
+        return !Y.test(t || (n && n.nodeName) || "HTML");
+      }),
+    (T = se.setDocument =
+      function (e) {
+        var t,
+          n,
+          r = e ? e.ownerDocument || e : p;
+        return (
+          r != C &&
+            9 === r.nodeType &&
+            r.documentElement &&
+            ((a = (C = r).documentElement),
+            (E = !i(C)),
+            p != C &&
+              (n = C.defaultView) &&
+              n.top !== n &&
+              (n.addEventListener
+                ? n.addEventListener("unload", oe, !1)
+                : n.attachEvent && n.attachEvent("onunload", oe)),
+            (d.scope = ce(function (e) {
+              return (
+                a.appendChild(e).appendChild(C.createElement("div")),
+                "undefined" != typeof e.querySelectorAll &&
+                  !e.querySelectorAll(":scope fieldset div").length
+              );
+            })),
+            (d.attributes = ce(function (e) {
+              return (e.className = "i"), !e.getAttribute("className");
+            })),
+            (d.getElementsByTagName = ce(function (e) {
+              return (
+                e.appendChild(C.createComment("")),
+                !e.getElementsByTagName("*").length
+              );
+            })),
+            (d.getElementsByClassName = K.test(C.getElementsByClassName)),
+            (d.getById = ce(function (e) {
+              return (
+                (a.appendChild(e).id = S),
+                !C.getElementsByName || !C.getElementsByName(S).length
+              );
+            })),
+            d.getById
+              ? ((b.filter.ID = function (e) {
+                  var t = e.replace(te, ne);
+                  return function (e) {
+                    return e.getAttribute("id") === t;
+                  };
+                }),
+                (b.find.ID = function (e, t) {
+                  if ("undefined" != typeof t.getElementById && E) {
+                    var n = t.getElementById(e);
+                    return n ? [n] : [];
+                  }
+                }))
+              : ((b.filter.ID = function (e) {
+                  var n = e.replace(te, ne);
+                  return function (e) {
+                    var t =
+                      "undefined" != typeof e.getAttributeNode &&
+                      e.getAttributeNode("id");
+                    return t && t.value === n;
+                  };
+                }),
+                (b.find.ID = function (e, t) {
+                  if ("undefined" != typeof t.getElementById && E) {
+                    var n,
+                      r,
+                      i,
+                      o = t.getElementById(e);
+                    if (o) {
+                      if ((n = o.getAttributeNode("id")) && n.value === e)
+                        return [o];
+                      (i = t.getElementsByName(e)), (r = 0);
+                      while ((o = i[r++]))
+                        if ((n = o.getAttributeNode("id")) && n.value === e)
+                          return [o];
+                    }
+                    return [];
+                  }
+                })),
+            (b.find.TAG = d.getElementsByTagName
+              ? function (e, t) {
+                  return "undefined" != typeof t.getElementsByTagName
+                    ? t.getElementsByTagName(e)
+                    : d.qsa
+                    ? t.querySelectorAll(e)
+                    : void 0;
+                }
+              : function (e, t) {
+                  var n,
+                    r = [],
+                    i = 0,
+                    o = t.getElementsByTagName(e);
+                  if ("*" === e) {
+                    while ((n = o[i++])) 1 === n.nodeType && r.push(n);
+                    return r;
+                  }
+                  return o;
+                }),
+            (b.find.CLASS =
+              d.getElementsByClassName &&
+              function (e, t) {
+                if ("undefined" != typeof t.getElementsByClassName && E)
+                  return t.getElementsByClassName(e);
+              }),
+            (s = []),
+            (v = []),
+            (d.qsa = K.test(C.querySelectorAll)) &&
+              (ce(function (e) {
+                var t;
+                (a.appendChild(e).innerHTML =
+                  "<a id='" +
+                  S +
+                  "'></a><select id='" +
+                  S +
+                  "-\r\\' msallowcapture=''><option selected=''></option></select>"),
+                  e.querySelectorAll("[msallowcapture^='']").length &&
+                    v.push("[*^$]=" + M + "*(?:''|\"\")"),
+                  e.querySelectorAll("[selected]").length ||
+                    v.push("\\[" + M + "*(?:value|" + R + ")"),
+                  e.querySelectorAll("[id~=" + S + "-]").length || v.push("~="),
+                  (t = C.createElement("input")).setAttribute("name", ""),
+                  e.appendChild(t),
+                  e.querySelectorAll("[name='']").length ||
+                    v.push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"),
+                  e.querySelectorAll(":checked").length || v.push(":checked"),
+                  e.querySelectorAll("a#" + S + "+*").length ||
+                    v.push(".#.+[+~]"),
+                  e.querySelectorAll("\\\f"),
+                  v.push("[\\r\\n\\f]");
+              }),
+              ce(function (e) {
+                e.innerHTML =
+                  "<a href='' disabled='disabled'></a><select disabled='disabled'><option></select>";
+                var t = C.createElement("input");
+                t.setAttribute("type", "hidden"),
+                  e.appendChild(t).setAttribute("name", "D"),
+                  e.querySelectorAll("[name=d]").length &&
+                    v.push("name" + M + "*[*^$|!~]?="),
+                  2 !== e.querySelectorAll(":enabled").length &&
+                    v.push(":enabled", ":disabled"),
+                  (a.appendChild(e).disabled = !0),
+                  2 !== e.querySelectorAll(":disabled").length &&
+                    v.push(":enabled", ":disabled"),
+                  e.querySelectorAll("*,:x"),
+                  v.push(",.*:");
+              })),
+            (d.matchesSelector = K.test(
+              (c =
+                a.matches ||
+                a.webkitMatchesSelector ||
+                a.mozMatchesSelector ||
+                a.oMatchesSelector ||
+                a.msMatchesSelector)
+            )) &&
+              ce(function (e) {
+                (d.disconnectedMatch = c.call(e, "*")),
+                  c.call(e, "[s!='']:x"),
+                  s.push("!=", F);
+              }),
+            (v = v.length && new RegExp(v.join("|"))),
+            (s = s.length && new RegExp(s.join("|"))),
+            (t = K.test(a.compareDocumentPosition)),
+            (y =
+              t || K.test(a.contains)
+                ? function (e, t) {
+                    var n = 9 === e.nodeType ? e.documentElement : e,
+                      r = t && t.parentNode;
+                    return (
+                      e === r ||
+                      !(
+                        !r ||
+                        1 !== r.nodeType ||
+                        !(n.contains
+                          ? n.contains(r)
+                          : e.compareDocumentPosition &&
+                            16 & e.compareDocumentPosition(r))
+                      )
+                    );
+                  }
+                : function (e, t) {
+                    if (t) while ((t = t.parentNode)) if (t === e) return !0;
+                    return !1;
+                  }),
+            (j = t
+              ? function (e, t) {
+                  if (e === t) return (l = !0), 0;
+                  var n =
+                    !e.compareDocumentPosition - !t.compareDocumentPosition;
+                  return (
+                    n ||
+                    (1 &
+                      (n =
+                        (e.ownerDocument || e) == (t.ownerDocument || t)
+                          ? e.compareDocumentPosition(t)
+                          : 1) ||
+                    (!d.sortDetached && t.compareDocumentPosition(e) === n)
+                      ? e == C || (e.ownerDocument == p && y(p, e))
+                        ? -1
+                        : t == C || (t.ownerDocument == p && y(p, t))
+                        ? 1
+                        : u
+                        ? P(u, e) - P(u, t)
+                        : 0
+                      : 4 & n
+                      ? -1
+                      : 1)
+                  );
+                }
+              : function (e, t) {
+                  if (e === t) return (l = !0), 0;
+                  var n,
+                    r = 0,
+                    i = e.parentNode,
+                    o = t.parentNode,
+                    a = [e],
+                    s = [t];
+                  if (!i || !o)
+                    return e == C
+                      ? -1
+                      : t == C
+                      ? 1
+                      : i
+                      ? -1
+                      : o
+                      ? 1
+                      : u
+                      ? P(u, e) - P(u, t)
+                      : 0;
+                  if (i === o) return pe(e, t);
+                  n = e;
+                  while ((n = n.parentNode)) a.unshift(n);
+                  n = t;
+                  while ((n = n.parentNode)) s.unshift(n);
+                  while (a[r] === s[r]) r++;
+                  return r
+                    ? pe(a[r], s[r])
+                    : a[r] == p
+                    ? -1
+                    : s[r] == p
+                    ? 1
+                    : 0;
+                })),
+          C
+        );
+      }),
+    (se.matches = function (e, t) {
+      return se(e, null, null, t);
+    }),
+    (se.matchesSelector = function (e, t) {
+      if (
+        (T(e),
+        d.matchesSelector &&
+          E &&
+          !N[t + " "] &&
+          (!s || !s.test(t)) &&
+          (!v || !v.test(t)))
+      )
+        try {
+          var n = c.call(e, t);
+          if (
+            n ||
+            d.disconnectedMatch ||
+            (e.document && 11 !== e.document.nodeType)
+          )
+            return n;
+        } catch (e) {
+          N(t, !0);
+        }
+      return 0 < se(t, C, null, [e]).length;
+    }),
+    (se.contains = function (e, t) {
+      return (e.ownerDocument || e) != C && T(e), y(e, t);
+    }),
+    (se.attr = function (e, t) {
+      (e.ownerDocument || e) != C && T(e);
+      var n = b.attrHandle[t.toLowerCase()],
+        r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0;
+      return void 0 !== r
+        ? r
+        : d.attributes || !E
+        ? e.getAttribute(t)
+        : (r = e.getAttributeNode(t)) && r.specified
+        ? r.value
+        : null;
+    }),
+    (se.escape = function (e) {
+      return (e + "").replace(re, ie);
+    }),
+    (se.error = function (e) {
+      throw new Error("Syntax error, unrecognized expression: " + e);
+    }),
+    (se.uniqueSort = function (e) {
+      var t,
+        n = [],
+        r = 0,
+        i = 0;
+      if (
+        ((l = !d.detectDuplicates),
+        (u = !d.sortStable && e.slice(0)),
+        e.sort(j),
+        l)
+      ) {
+        while ((t = e[i++])) t === e[i] && (r = n.push(i));
+        while (r--) e.splice(n[r], 1);
+      }
+      return (u = null), e;
+    }),
+    (o = se.getText =
+      function (e) {
+        var t,
+          n = "",
+          r = 0,
+          i = e.nodeType;
+        if (i) {
+          if (1 === i || 9 === i || 11 === i) {
+            if ("string" == typeof e.textContent) return e.textContent;
+            for (e = e.firstChild; e; e = e.nextSibling) n += o(e);
+          } else if (3 === i || 4 === i) return e.nodeValue;
+        } else while ((t = e[r++])) n += o(t);
+        return n;
+      }),
+    ((b = se.selectors =
+      {
+        cacheLength: 50,
+        createPseudo: le,
+        match: G,
+        attrHandle: {},
+        find: {},
+        relative: {
+          ">": { dir: "parentNode", first: !0 },
+          " ": { dir: "parentNode" },
+          "+": { dir: "previousSibling", first: !0 },
+          "~": { dir: "previousSibling" },
+        },
+        preFilter: {
+          ATTR: function (e) {
+            return (
+              (e[1] = e[1].replace(te, ne)),
+              (e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne)),
+              "~=" === e[2] && (e[3] = " " + e[3] + " "),
+              e.slice(0, 4)
+            );
+          },
+          CHILD: function (e) {
+            return (
+              (e[1] = e[1].toLowerCase()),
+              "nth" === e[1].slice(0, 3)
+                ? (e[3] || se.error(e[0]),
+                  (e[4] = +(e[4]
+                    ? e[5] + (e[6] || 1)
+                    : 2 * ("even" === e[3] || "odd" === e[3]))),
+                  (e[5] = +(e[7] + e[8] || "odd" === e[3])))
+                : e[3] && se.error(e[0]),
+              e
+            );
+          },
+          PSEUDO: function (e) {
+            var t,
+              n = !e[6] && e[2];
+            return G.CHILD.test(e[0])
+              ? null
+              : (e[3]
+                  ? (e[2] = e[4] || e[5] || "")
+                  : n &&
+                    X.test(n) &&
+                    (t = h(n, !0)) &&
+                    (t = n.indexOf(")", n.length - t) - n.length) &&
+                    ((e[0] = e[0].slice(0, t)), (e[2] = n.slice(0, t))),
+                e.slice(0, 3));
+          },
+        },
+        filter: {
+          TAG: function (e) {
+            var t = e.replace(te, ne).toLowerCase();
+            return "*" === e
+              ? function () {
+                  return !0;
+                }
+              : function (e) {
+                  return e.nodeName && e.nodeName.toLowerCase() === t;
+                };
+          },
+          CLASS: function (e) {
+            var t = m[e + " "];
+            return (
+              t ||
+              ((t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) &&
+                m(e, function (e) {
+                  return t.test(
+                    ("string" == typeof e.className && e.className) ||
+                      ("undefined" != typeof e.getAttribute &&
+                        e.getAttribute("class")) ||
+                      ""
+                  );
+                }))
+            );
+          },
+          ATTR: function (n, r, i) {
+            return function (e) {
+              var t = se.attr(e, n);
+              return null == t
+                ? "!=" === r
+                : !r ||
+                    ((t += ""),
+                    "=" === r
+                      ? t === i
+                      : "!=" === r
+                      ? t !== i
+                      : "^=" === r
+                      ? i && 0 === t.indexOf(i)
+                      : "*=" === r
+                      ? i && -1 < t.indexOf(i)
+                      : "$=" === r
+                      ? i && t.slice(-i.length) === i
+                      : "~=" === r
+                      ? -1 < (" " + t.replace(B, " ") + " ").indexOf(i)
+                      : "|=" === r &&
+                        (t === i || t.slice(0, i.length + 1) === i + "-"));
+            };
+          },
+          CHILD: function (h, e, t, g, v) {
+            var y = "nth" !== h.slice(0, 3),
+              m = "last" !== h.slice(-4),
+              x = "of-type" === e;
+            return 1 === g && 0 === v
+              ? function (e) {
+                  return !!e.parentNode;
+                }
+              : function (e, t, n) {
+                  var r,
+                    i,
+                    o,
+                    a,
+                    s,
+                    u,
+                    l = y !== m ? "nextSibling" : "previousSibling",
+                    c = e.parentNode,
+                    f = x && e.nodeName.toLowerCase(),
+                    p = !n && !x,
+                    d = !1;
+                  if (c) {
+                    if (y) {
+                      while (l) {
+                        a = e;
+                        while ((a = a[l]))
+                          if (
+                            x
+                              ? a.nodeName.toLowerCase() === f
+                              : 1 === a.nodeType
+                          )
+                            return !1;
+                        u = l = "only" === h && !u && "nextSibling";
+                      }
+                      return !0;
+                    }
+                    if (((u = [m ? c.firstChild : c.lastChild]), m && p)) {
+                      (d =
+                        (s =
+                          (r =
+                            (i =
+                              (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] || [])[0] === k &&
+                          r[1]) && r[2]),
+                        (a = s && c.childNodes[s]);
+                      while ((a = (++s && a && a[l]) || (d = s = 0) || u.pop()))
+                        if (1 === a.nodeType && ++d && a === e) {
+                          i[h] = [k, s, d];
+                          break;
+                        }
+                    } else if (
+                      (p &&
+                        (d = s =
+                          (r =
+                            (i =
+                              (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] || [])[0] === k && r[1]),
+                      !1 === d)
+                    )
+                      while ((a = (++s && a && a[l]) || (d = s = 0) || u.pop()))
+                        if (
+                          (x
+                            ? a.nodeName.toLowerCase() === f
+                            : 1 === a.nodeType) &&
+                          ++d &&
+                          (p &&
+                            ((i =
+                              (o = a[S] || (a[S] = {}))[a.uniqueID] ||
+                              (o[a.uniqueID] = {}))[h] = [k, d]),
+                          a === e)
+                        )
+                          break;
+                    return (d -= v) === g || (d % g == 0 && 0 <= d / g);
+                  }
+                };
+          },
+          PSEUDO: function (e, o) {
+            var t,
+              a =
+                b.pseudos[e] ||
+                b.setFilters[e.toLowerCase()] ||
+                se.error("unsupported pseudo: " + e);
+            return a[S]
+              ? a(o)
+              : 1 < a.length
+              ? ((t = [e, e, "", o]),
+                b.setFilters.hasOwnProperty(e.toLowerCase())
+                  ? le(function (e, t) {
+                      var n,
+                        r = a(e, o),
+                        i = r.length;
+                      while (i--) e[(n = P(e, r[i]))] = !(t[n] = r[i]);
+                    })
+                  : function (e) {
+                      return a(e, 0, t);
+                    })
+              : a;
+          },
+        },
+        pseudos: {
+          not: le(function (e) {
+            var r = [],
+              i = [],
+              s = f(e.replace($, "$1"));
+            return s[S]
+              ? le(function (e, t, n, r) {
+                  var i,
+                    o = s(e, null, r, []),
+                    a = e.length;
+                  while (a--) (i = o[a]) && (e[a] = !(t[a] = i));
+                })
+              : function (e, t, n) {
+                  return (r[0] = e), s(r, null, n, i), (r[0] = null), !i.pop();
+                };
+          }),
+          has: le(function (t) {
+            return function (e) {
+              return 0 < se(t, e).length;
+            };
+          }),
+          contains: le(function (t) {
+            return (
+              (t = t.replace(te, ne)),
+              function (e) {
+                return -1 < (e.textContent || o(e)).indexOf(t);
+              }
+            );
+          }),
+          lang: le(function (n) {
+            return (
+              V.test(n || "") || se.error("unsupported lang: " + n),
+              (n = n.replace(te, ne).toLowerCase()),
+              function (e) {
+                var t;
+                do {
+                  if (
+                    (t = E
+                      ? e.lang
+                      : e.getAttribute("xml:lang") || e.getAttribute("lang"))
+                  )
+                    return (
+                      (t = t.toLowerCase()) === n || 0 === t.indexOf(n + "-")
+                    );
+                } while ((e = e.parentNode) && 1 === e.nodeType);
+                return !1;
+              }
+            );
+          }),
+          target: function (e) {
+            var t = n.location && n.location.hash;
+            return t && t.slice(1) === e.id;
+          },
+          root: function (e) {
+            return e === a;
+          },
+          focus: function (e) {
+            return (
+              e === C.activeElement &&
+              (!C.hasFocus || C.hasFocus()) &&
+              !!(e.type || e.href || ~e.tabIndex)
+            );
+          },
+          enabled: ge(!1),
+          disabled: ge(!0),
+          checked: function (e) {
+            var t = e.nodeName.toLowerCase();
+            return (
+              ("input" === t && !!e.checked) || ("option" === t && !!e.selected)
+            );
+          },
+          selected: function (e) {
+            return (
+              e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
+            );
+          },
+          empty: function (e) {
+            for (e = e.firstChild; e; e = e.nextSibling)
+              if (e.nodeType < 6) return !1;
+            return !0;
+          },
+          parent: function (e) {
+            return !b.pseudos.empty(e);
+          },
+          header: function (e) {
+            return J.test(e.nodeName);
+          },
+          input: function (e) {
+            return Q.test(e.nodeName);
+          },
+          button: function (e) {
+            var t = e.nodeName.toLowerCase();
+            return ("input" === t && "button" === e.type) || "button" === t;
+          },
+          text: function (e) {
+            var t;
+            return (
+              "input" === e.nodeName.toLowerCase() &&
+              "text" === e.type &&
+              (null == (t = e.getAttribute("type")) ||
+                "text" === t.toLowerCase())
+            );
+          },
+          first: ve(function () {
+            return [0];
+          }),
+          last: ve(function (e, t) {
+            return [t - 1];
+          }),
+          eq: ve(function (e, t, n) {
+            return [n < 0 ? n + t : n];
+          }),
+          even: ve(function (e, t) {
+            for (var n = 0; n < t; n += 2) e.push(n);
+            return e;
+          }),
+          odd: ve(function (e, t) {
+            for (var n = 1; n < t; n += 2) e.push(n);
+            return e;
+          }),
+          lt: ve(function (e, t, n) {
+            for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r; ) e.push(r);
+            return e;
+          }),
+          gt: ve(function (e, t, n) {
+            for (var r = n < 0 ? n + t : n; ++r < t; ) e.push(r);
+            return e;
+          }),
+        },
+      }).pseudos.nth = b.pseudos.eq),
+    { radio: !0, checkbox: !0, file: !0, password: !0, image: !0 }))
+      b.pseudos[e] = de(e);
+    for (e in { submit: !0, reset: !0 }) b.pseudos[e] = he(e);
+    function me() {}
+    function xe(e) {
+      for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
+      return r;
+    }
+    function be(s, e, t) {
+      var u = e.dir,
+        l = e.next,
+        c = l || u,
+        f = t && "parentNode" === c,
+        p = r++;
+      return e.first
+        ? function (e, t, n) {
+            while ((e = e[u])) if (1 === e.nodeType || f) return s(e, t, n);
+            return !1;
+          }
+        : function (e, t, n) {
+            var r,
+              i,
+              o,
+              a = [k, p];
+            if (n) {
+              while ((e = e[u]))
+                if ((1 === e.nodeType || f) && s(e, t, n)) return !0;
+            } else
+              while ((e = e[u]))
+                if (1 === e.nodeType || f)
+                  if (
+                    ((i =
+                      (o = e[S] || (e[S] = {}))[e.uniqueID] ||
+                      (o[e.uniqueID] = {})),
+                    l && l === e.nodeName.toLowerCase())
+                  )
+                    e = e[u] || e;
+                  else {
+                    if ((r = i[c]) && r[0] === k && r[1] === p)
+                      return (a[2] = r[2]);
+                    if (((i[c] = a)[2] = s(e, t, n))) return !0;
+                  }
+            return !1;
+          };
+    }
+    function we(i) {
+      return 1 < i.length
+        ? function (e, t, n) {
+            var r = i.length;
+            while (r--) if (!i[r](e, t, n)) return !1;
+            return !0;
+          }
+        : i[0];
+    }
+    function Te(e, t, n, r, i) {
+      for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)
+        (o = e[s]) && ((n && !n(o, r, i)) || (a.push(o), l && t.push(s)));
+      return a;
+    }
+    function Ce(d, h, g, v, y, e) {
+      return (
+        v && !v[S] && (v = Ce(v)),
+        y && !y[S] && (y = Ce(y, e)),
+        le(function (e, t, n, r) {
+          var i,
+            o,
+            a,
+            s = [],
+            u = [],
+            l = t.length,
+            c =
+              e ||
+              (function (e, t, n) {
+                for (var r = 0, i = t.length; r < i; r++) se(e, t[r], n);
+                return n;
+              })(h || "*", n.nodeType ? [n] : n, []),
+            f = !d || (!e && h) ? c : Te(c, s, d, n, r),
+            p = g ? (y || (e ? d : l || v) ? [] : t) : f;
+          if ((g && g(f, p, n, r), v)) {
+            (i = Te(p, u)), v(i, [], n, r), (o = i.length);
+            while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a));
+          }
+          if (e) {
+            if (y || d) {
+              if (y) {
+                (i = []), (o = p.length);
+                while (o--) (a = p[o]) && i.push((f[o] = a));
+                y(null, (p = []), i, r);
+              }
+              o = p.length;
+              while (o--)
+                (a = p[o]) &&
+                  -1 < (i = y ? P(e, a) : s[o]) &&
+                  (e[i] = !(t[i] = a));
+            }
+          } else (p = Te(p === t ? p.splice(l, p.length) : p)), y ? y(null, t, p, r) : H.apply(t, p);
+        })
+      );
+    }
+    function Ee(e) {
+      for (
+        var i,
+          t,
+          n,
+          r = e.length,
+          o = b.relative[e[0].type],
+          a = o || b.relative[" "],
+          s = o ? 1 : 0,
+          u = be(
+            function (e) {
+              return e === i;
+            },
+            a,
+            !0
+          ),
+          l = be(
+            function (e) {
+              return -1 < P(i, e);
+            },
+            a,
+            !0
+          ),
+          c = [
+            function (e, t, n) {
+              var r =
+                (!o && (n || t !== w)) ||
+                ((i = t).nodeType ? u(e, t, n) : l(e, t, n));
+              return (i = null), r;
+            },
+          ];
+        s < r;
+        s++
+      )
+        if ((t = b.relative[e[s].type])) c = [be(we(c), t)];
+        else {
+          if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) {
+            for (n = ++s; n < r; n++) if (b.relative[e[n].type]) break;
+            return Ce(
+              1 < s && we(c),
+              1 < s &&
+                xe(
+                  e
+                    .slice(0, s - 1)
+                    .concat({ value: " " === e[s - 2].type ? "*" : "" })
+                ).replace($, "$1"),
+              t,
+              s < n && Ee(e.slice(s, n)),
+              n < r && Ee((e = e.slice(n))),
+              n < r && xe(e)
+            );
+          }
+          c.push(t);
+        }
+      return we(c);
+    }
+    return (
+      (me.prototype = b.filters = b.pseudos),
+      (b.setFilters = new me()),
+      (h = se.tokenize =
+        function (e, t) {
+          var n,
+            r,
+            i,
+            o,
+            a,
+            s,
+            u,
+            l = x[e + " "];
+          if (l) return t ? 0 : l.slice(0);
+          (a = e), (s = []), (u = b.preFilter);
+          while (a) {
+            for (o in ((n && !(r = _.exec(a))) ||
+              (r && (a = a.slice(r[0].length) || a), s.push((i = []))),
+            (n = !1),
+            (r = z.exec(a)) &&
+              ((n = r.shift()),
+              i.push({ value: n, type: r[0].replace($, " ") }),
+              (a = a.slice(n.length))),
+            b.filter))
+              !(r = G[o].exec(a)) ||
+                (u[o] && !(r = u[o](r))) ||
+                ((n = r.shift()),
+                i.push({ value: n, type: o, matches: r }),
+                (a = a.slice(n.length)));
+            if (!n) break;
+          }
+          return t ? a.length : a ? se.error(e) : x(e, s).slice(0);
+        }),
+      (f = se.compile =
+        function (e, t) {
+          var n,
+            v,
+            y,
+            m,
+            x,
+            r,
+            i = [],
+            o = [],
+            a = A[e + " "];
+          if (!a) {
+            t || (t = h(e)), (n = t.length);
+            while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a);
+            (a = A(
+              e,
+              ((v = o),
+              (m = 0 < (y = i).length),
+              (x = 0 < v.length),
+              (r = function (e, t, n, r, i) {
+                var o,
+                  a,
+                  s,
+                  u = 0,
+                  l = "0",
+                  c = e && [],
+                  f = [],
+                  p = w,
+                  d = e || (x && b.find.TAG("*", i)),
+                  h = (k += null == p ? 1 : Math.random() || 0.1),
+                  g = d.length;
+                for (
+                  i && (w = t == C || t || i);
+                  l !== g && null != (o = d[l]);
+                  l++
+                ) {
+                  if (x && o) {
+                    (a = 0), t || o.ownerDocument == C || (T(o), (n = !E));
+                    while ((s = v[a++]))
+                      if (s(o, t || C, n)) {
+                        r.push(o);
+                        break;
+                      }
+                    i && (k = h);
+                  }
+                  m && ((o = !s && o) && u--, e && c.push(o));
+                }
+                if (((u += l), m && l !== u)) {
+                  a = 0;
+                  while ((s = y[a++])) s(c, f, t, n);
+                  if (e) {
+                    if (0 < u) while (l--) c[l] || f[l] || (f[l] = q.call(r));
+                    f = Te(f);
+                  }
+                  H.apply(r, f),
+                    i &&
+                      !e &&
+                      0 < f.length &&
+                      1 < u + y.length &&
+                      se.uniqueSort(r);
+                }
+                return i && ((k = h), (w = p)), c;
+              }),
+              m ? le(r) : r)
+            )).selector = e;
+          }
+          return a;
+        }),
+      (g = se.select =
+        function (e, t, n, r) {
+          var i,
+            o,
+            a,
+            s,
+            u,
+            l = "function" == typeof e && e,
+            c = !r && h((e = l.selector || e));
+          if (((n = n || []), 1 === c.length)) {
+            if (
+              2 < (o = c[0] = c[0].slice(0)).length &&
+              "ID" === (a = o[0]).type &&
+              9 === t.nodeType &&
+              E &&
+              b.relative[o[1].type]
+            ) {
+              if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0]))
+                return n;
+              l && (t = t.parentNode), (e = e.slice(o.shift().value.length));
+            }
+            i = G.needsContext.test(e) ? 0 : o.length;
+            while (i--) {
+              if (((a = o[i]), b.relative[(s = a.type)])) break;
+              if (
+                (u = b.find[s]) &&
+                (r = u(
+                  a.matches[0].replace(te, ne),
+                  (ee.test(o[0].type) && ye(t.parentNode)) || t
+                ))
+              ) {
+                if ((o.splice(i, 1), !(e = r.length && xe(o))))
+                  return H.apply(n, r), n;
+                break;
+              }
+            }
+          }
+          return (
+            (l || f(e, c))(
+              r,
+              t,
+              !E,
+              n,
+              !t || (ee.test(e) && ye(t.parentNode)) || t
+            ),
+            n
+          );
+        }),
+      (d.sortStable = S.split("").sort(j).join("") === S),
+      (d.detectDuplicates = !!l),
+      T(),
+      (d.sortDetached = ce(function (e) {
+        return 1 & e.compareDocumentPosition(C.createElement("fieldset"));
+      })),
+      ce(function (e) {
+        return (
+          (e.innerHTML = "<a href='#'></a>"),
+          "#" === e.firstChild.getAttribute("href")
+        );
+      }) ||
+        fe("type|href|height|width", function (e, t, n) {
+          if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2);
+        }),
+      (d.attributes &&
+        ce(function (e) {
+          return (
+            (e.innerHTML = "<input>"),
+            e.firstChild.setAttribute("value", ""),
+            "" === e.firstChild.getAttribute("value")
+          );
+        })) ||
+        fe("value", function (e, t, n) {
+          if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue;
+        }),
+      ce(function (e) {
+        return null == e.getAttribute("disabled");
+      }) ||
+        fe(R, function (e, t, n) {
+          var r;
+          if (!n)
+            return !0 === e[t]
+              ? t.toLowerCase()
+              : (r = e.getAttributeNode(t)) && r.specified
+              ? r.value
+              : null;
+        }),
+      se
+    );
+  })(C);
+  (S.find = d),
+    (S.expr = d.selectors),
+    (S.expr[":"] = S.expr.pseudos),
+    (S.uniqueSort = S.unique = d.uniqueSort),
+    (S.text = d.getText),
+    (S.isXMLDoc = d.isXML),
+    (S.contains = d.contains),
+    (S.escapeSelector = d.escape);
+  var h = function (e, t, n) {
+      var r = [],
+        i = void 0 !== n;
+      while ((e = e[t]) && 9 !== e.nodeType)
+        if (1 === e.nodeType) {
+          if (i && S(e).is(n)) break;
+          r.push(e);
+        }
+      return r;
+    },
+    T = function (e, t) {
+      for (var n = []; e; e = e.nextSibling)
+        1 === e.nodeType && e !== t && n.push(e);
+      return n;
+    },
+    k = S.expr.match.needsContext;
+  function A(e, t) {
+    return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase();
+  }
+  var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
+  function j(e, n, r) {
+    return m(n)
+      ? S.grep(e, function (e, t) {
+          return !!n.call(e, t, e) !== r;
+        })
+      : n.nodeType
+      ? S.grep(e, function (e) {
+          return (e === n) !== r;
+        })
+      : "string" != typeof n
+      ? S.grep(e, function (e) {
+          return -1 < i.call(n, e) !== r;
+        })
+      : S.filter(n, e, r);
+  }
+  (S.filter = function (e, t, n) {
+    var r = t[0];
+    return (
+      n && (e = ":not(" + e + ")"),
+      1 === t.length && 1 === r.nodeType
+        ? S.find.matchesSelector(r, e)
+          ? [r]
+          : []
+        : S.find.matches(
+            e,
+            S.grep(t, function (e) {
+              return 1 === e.nodeType;
+            })
+          )
+    );
+  }),
+    S.fn.extend({
+      find: function (e) {
+        var t,
+          n,
+          r = this.length,
+          i = this;
+        if ("string" != typeof e)
+          return this.pushStack(
+            S(e).filter(function () {
+              for (t = 0; t < r; t++) if (S.contains(i[t], this)) return !0;
+            })
+          );
+        for (n = this.pushStack([]), t = 0; t < r; t++) S.find(e, i[t], n);
+        return 1 < r ? S.uniqueSort(n) : n;
+      },
+      filter: function (e) {
+        return this.pushStack(j(this, e || [], !1));
+      },
+      not: function (e) {
+        return this.pushStack(j(this, e || [], !0));
+      },
+      is: function (e) {
+        return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1)
+          .length;
+      },
+    });
+  var D,
+    q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
+  ((S.fn.init = function (e, t, n) {
+    var r, i;
+    if (!e) return this;
+    if (((n = n || D), "string" == typeof e)) {
+      if (
+        !(r =
+          "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length
+            ? [null, e, null]
+            : q.exec(e)) ||
+        (!r[1] && t)
+      )
+        return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
+      if (r[1]) {
+        if (
+          ((t = t instanceof S ? t[0] : t),
+          S.merge(
+            this,
+            S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument || t : E, !0)
+          ),
+          N.test(r[1]) && S.isPlainObject(t))
+        )
+          for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]);
+        return this;
+      }
+      return (
+        (i = E.getElementById(r[2])) && ((this[0] = i), (this.length = 1)), this
+      );
+    }
+    return e.nodeType
+      ? ((this[0] = e), (this.length = 1), this)
+      : m(e)
+      ? void 0 !== n.ready
+        ? n.ready(e)
+        : e(S)
+      : S.makeArray(e, this);
+  }).prototype = S.fn),
+    (D = S(E));
+  var L = /^(?:parents|prev(?:Until|All))/,
+    H = { children: !0, contents: !0, next: !0, prev: !0 };
+  function O(e, t) {
+    while ((e = e[t]) && 1 !== e.nodeType);
+    return e;
+  }
+  S.fn.extend({
+    has: function (e) {
+      var t = S(e, this),
+        n = t.length;
+      return this.filter(function () {
+        for (var e = 0; e < n; e++) if (S.contains(this, t[e])) return !0;
+      });
+    },
+    closest: function (e, t) {
+      var n,
+        r = 0,
+        i = this.length,
+        o = [],
+        a = "string" != typeof e && S(e);
+      if (!k.test(e))
+        for (; r < i; r++)
+          for (n = this[r]; n && n !== t; n = n.parentNode)
+            if (
+              n.nodeType < 11 &&
+              (a
+                ? -1 < a.index(n)
+                : 1 === n.nodeType && S.find.matchesSelector(n, e))
+            ) {
+              o.push(n);
+              break;
+            }
+      return this.pushStack(1 < o.length ? S.uniqueSort(o) : o);
+    },
+    index: function (e) {
+      return e
+        ? "string" == typeof e
+          ? i.call(S(e), this[0])
+          : i.call(this, e.jquery ? e[0] : e)
+        : this[0] && this[0].parentNode
+        ? this.first().prevAll().length
+        : -1;
+    },
+    add: function (e, t) {
+      return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t))));
+    },
+    addBack: function (e) {
+      return this.add(null == e ? this.prevObject : this.prevObject.filter(e));
+    },
+  }),
+    S.each(
+      {
+        parent: function (e) {
+          var t = e.parentNode;
+          return t && 11 !== t.nodeType ? t : null;
+        },
+        parents: function (e) {
+          return h(e, "parentNode");
+        },
+        parentsUntil: function (e, t, n) {
+          return h(e, "parentNode", n);
+        },
+        next: function (e) {
+          return O(e, "nextSibling");
+        },
+        prev: function (e) {
+          return O(e, "previousSibling");
+        },
+        nextAll: function (e) {
+          return h(e, "nextSibling");
+        },
+        prevAll: function (e) {
+          return h(e, "previousSibling");
+        },
+        nextUntil: function (e, t, n) {
+          return h(e, "nextSibling", n);
+        },
+        prevUntil: function (e, t, n) {
+          return h(e, "previousSibling", n);
+        },
+        siblings: function (e) {
+          return T((e.parentNode || {}).firstChild, e);
+        },
+        children: function (e) {
+          return T(e.firstChild);
+        },
+        contents: function (e) {
+          return null != e.contentDocument && r(e.contentDocument)
+            ? e.contentDocument
+            : (A(e, "template") && (e = e.content || e),
+              S.merge([], e.childNodes));
+        },
+      },
+      function (r, i) {
+        S.fn[r] = function (e, t) {
+          var n = S.map(this, i, e);
+          return (
+            "Until" !== r.slice(-5) && (t = e),
+            t && "string" == typeof t && (n = S.filter(t, n)),
+            1 < this.length &&
+              (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()),
+            this.pushStack(n)
+          );
+        };
+      }
+    );
+  var P = /[^\x20\t\r\n\f]+/g;
+  function R(e) {
+    return e;
+  }
+  function M(e) {
+    throw e;
+  }
+  function I(e, t, n, r) {
+    var i;
+    try {
+      e && m((i = e.promise))
+        ? i.call(e).done(t).fail(n)
+        : e && m((i = e.then))
+        ? i.call(e, t, n)
+        : t.apply(void 0, [e].slice(r));
+    } catch (e) {
+      n.apply(void 0, [e]);
+    }
+  }
+  (S.Callbacks = function (r) {
+    var e, n;
+    r =
+      "string" == typeof r
+        ? ((e = r),
+          (n = {}),
+          S.each(e.match(P) || [], function (e, t) {
+            n[t] = !0;
+          }),
+          n)
+        : S.extend({}, r);
+    var i,
+      t,
+      o,
+      a,
+      s = [],
+      u = [],
+      l = -1,
+      c = function () {
+        for (a = a || r.once, o = i = !0; u.length; l = -1) {
+          t = u.shift();
+          while (++l < s.length)
+            !1 === s[l].apply(t[0], t[1]) &&
+              r.stopOnFalse &&
+              ((l = s.length), (t = !1));
+        }
+        r.memory || (t = !1), (i = !1), a && (s = t ? [] : "");
+      },
+      f = {
+        add: function () {
+          return (
+            s &&
+              (t && !i && ((l = s.length - 1), u.push(t)),
+              (function n(e) {
+                S.each(e, function (e, t) {
+                  m(t)
+                    ? (r.unique && f.has(t)) || s.push(t)
+                    : t && t.length && "string" !== w(t) && n(t);
+                });
+              })(arguments),
+              t && !i && c()),
+            this
+          );
+        },
+        remove: function () {
+          return (
+            S.each(arguments, function (e, t) {
+              var n;
+              while (-1 < (n = S.inArray(t, s, n)))
+                s.splice(n, 1), n <= l && l--;
+            }),
+            this
+          );
+        },
+        has: function (e) {
+          return e ? -1 < S.inArray(e, s) : 0 < s.length;
+        },
+        empty: function () {
+          return s && (s = []), this;
+        },
+        disable: function () {
+          return (a = u = []), (s = t = ""), this;
+        },
+        disabled: function () {
+          return !s;
+        },
+        lock: function () {
+          return (a = u = []), t || i || (s = t = ""), this;
+        },
+        locked: function () {
+          return !!a;
+        },
+        fireWith: function (e, t) {
+          return (
+            a ||
+              ((t = [e, (t = t || []).slice ? t.slice() : t]),
+              u.push(t),
+              i || c()),
+            this
+          );
+        },
+        fire: function () {
+          return f.fireWith(this, arguments), this;
+        },
+        fired: function () {
+          return !!o;
+        },
+      };
+    return f;
+  }),
+    S.extend({
+      Deferred: function (e) {
+        var o = [
+            [
+              "notify",
+              "progress",
+              S.Callbacks("memory"),
+              S.Callbacks("memory"),
+              2,
+            ],
+            [
+              "resolve",
+              "done",
+              S.Callbacks("once memory"),
+              S.Callbacks("once memory"),
+              0,
+              "resolved",
+            ],
+            [
+              "reject",
+              "fail",
+              S.Callbacks("once memory"),
+              S.Callbacks("once memory"),
+              1,
+              "rejected",
+            ],
+          ],
+          i = "pending",
+          a = {
+            state: function () {
+              return i;
+            },
+            always: function () {
+              return s.done(arguments).fail(arguments), this;
+            },
+            catch: function (e) {
+              return a.then(null, e);
+            },
+            pipe: function () {
+              var i = arguments;
+              return S.Deferred(function (r) {
+                S.each(o, function (e, t) {
+                  var n = m(i[t[4]]) && i[t[4]];
+                  s[t[1]](function () {
+                    var e = n && n.apply(this, arguments);
+                    e && m(e.promise)
+                      ? e
+                          .promise()
+                          .progress(r.notify)
+                          .done(r.resolve)
+                          .fail(r.reject)
+                      : r[t[0] + "With"](this, n ? [e] : arguments);
+                  });
+                }),
+                  (i = null);
+              }).promise();
+            },
+            then: function (t, n, r) {
+              var u = 0;
+              function l(i, o, a, s) {
+                return function () {
+                  var n = this,
+                    r = arguments,
+                    e = function () {
+                      var e, t;
+                      if (!(i < u)) {
+                        if ((e = a.apply(n, r)) === o.promise())
+                          throw new TypeError("Thenable self-resolution");
+                        (t =
+                          e &&
+                          ("object" == typeof e || "function" == typeof e) &&
+                          e.then),
+                          m(t)
+                            ? s
+                              ? t.call(e, l(u, o, R, s), l(u, o, M, s))
+                              : (u++,
+                                t.call(
+                                  e,
+                                  l(u, o, R, s),
+                                  l(u, o, M, s),
+                                  l(u, o, R, o.notifyWith)
+                                ))
+                            : (a !== R && ((n = void 0), (r = [e])),
+                              (s || o.resolveWith)(n, r));
+                      }
+                    },
+                    t = s
+                      ? e
+                      : function () {
+                          try {
+                            e();
+                          } catch (e) {
+                            S.Deferred.exceptionHook &&
+                              S.Deferred.exceptionHook(e, t.stackTrace),
+                              u <= i + 1 &&
+                                (a !== M && ((n = void 0), (r = [e])),
+                                o.rejectWith(n, r));
+                          }
+                        };
+                  i
+                    ? t()
+                    : (S.Deferred.getStackHook &&
+                        (t.stackTrace = S.Deferred.getStackHook()),
+                      C.setTimeout(t));
+                };
+              }
+              return S.Deferred(function (e) {
+                o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)),
+                  o[1][3].add(l(0, e, m(t) ? t : R)),
+                  o[2][3].add(l(0, e, m(n) ? n : M));
+              }).promise();
+            },
+            promise: function (e) {
+              return null != e ? S.extend(e, a) : a;
+            },
+          },
+          s = {};
+        return (
+          S.each(o, function (e, t) {
+            var n = t[2],
+              r = t[5];
+            (a[t[1]] = n.add),
+              r &&
+                n.add(
+                  function () {
+                    i = r;
+                  },
+                  o[3 - e][2].disable,
+                  o[3 - e][3].disable,
+                  o[0][2].lock,
+                  o[0][3].lock
+                ),
+              n.add(t[3].fire),
+              (s[t[0]] = function () {
+                return (
+                  s[t[0] + "With"](this === s ? void 0 : this, arguments), this
+                );
+              }),
+              (s[t[0] + "With"] = n.fireWith);
+          }),
+          a.promise(s),
+          e && e.call(s, s),
+          s
+        );
+      },
+      when: function (e) {
+        var n = arguments.length,
+          t = n,
+          r = Array(t),
+          i = s.call(arguments),
+          o = S.Deferred(),
+          a = function (t) {
+            return function (e) {
+              (r[t] = this),
+                (i[t] = 1 < arguments.length ? s.call(arguments) : e),
+                --n || o.resolveWith(r, i);
+            };
+          };
+        if (
+          n <= 1 &&
+          (I(e, o.done(a(t)).resolve, o.reject, !n),
+          "pending" === o.state() || m(i[t] && i[t].then))
+        )
+          return o.then();
+        while (t--) I(i[t], a(t), o.reject);
+        return o.promise();
+      },
+    });
+  var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
+  (S.Deferred.exceptionHook = function (e, t) {
+    C.console &&
+      C.console.warn &&
+      e &&
+      W.test(e.name) &&
+      C.console.warn("jQuery.Deferred exception: " + e.message, e.stack, t);
+  }),
+    (S.readyException = function (e) {
+      C.setTimeout(function () {
+        throw e;
+      });
+    });
+  var F = S.Deferred();
+  function B() {
+    E.removeEventListener("DOMContentLoaded", B),
+      C.removeEventListener("load", B),
+      S.ready();
+  }
+  (S.fn.ready = function (e) {
+    return (
+      F.then(e)["catch"](function (e) {
+        S.readyException(e);
+      }),
+      this
+    );
+  }),
+    S.extend({
+      isReady: !1,
+      readyWait: 1,
+      ready: function (e) {
+        (!0 === e ? --S.readyWait : S.isReady) ||
+          ((S.isReady = !0) !== e && 0 < --S.readyWait) ||
+          F.resolveWith(E, [S]);
+      },
+    }),
+    (S.ready.then = F.then),
+    "complete" === E.readyState ||
+    ("loading" !== E.readyState && !E.documentElement.doScroll)
+      ? C.setTimeout(S.ready)
+      : (E.addEventListener("DOMContentLoaded", B),
+        C.addEventListener("load", B));
+  var $ = function (e, t, n, r, i, o, a) {
+      var s = 0,
+        u = e.length,
+        l = null == n;
+      if ("object" === w(n))
+        for (s in ((i = !0), n)) $(e, t, s, n[s], !0, o, a);
+      else if (
+        void 0 !== r &&
+        ((i = !0),
+        m(r) || (a = !0),
+        l &&
+          (a
+            ? (t.call(e, r), (t = null))
+            : ((l = t),
+              (t = function (e, t, n) {
+                return l.call(S(e), n);
+              }))),
+        t)
+      )
+        for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
+      return i ? e : l ? t.call(e) : u ? t(e[0], n) : o;
+    },
+    _ = /^-ms-/,
+    z = /-([a-z])/g;
+  function U(e, t) {
+    return t.toUpperCase();
+  }
+  function X(e) {
+    return e.replace(_, "ms-").replace(z, U);
+  }
+  var V = function (e) {
+    return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType;
+  };
+  function G() {
+    this.expando = S.expando + G.uid++;
+  }
+  (G.uid = 1),
+    (G.prototype = {
+      cache: function (e) {
+        var t = e[this.expando];
+        return (
+          t ||
+            ((t = {}),
+            V(e) &&
+              (e.nodeType
+                ? (e[this.expando] = t)
+                : Object.defineProperty(e, this.expando, {
+                    value: t,
+                    configurable: !0,
+                  }))),
+          t
+        );
+      },
+      set: function (e, t, n) {
+        var r,
+          i = this.cache(e);
+        if ("string" == typeof t) i[X(t)] = n;
+        else for (r in t) i[X(r)] = t[r];
+        return i;
+      },
+      get: function (e, t) {
+        return void 0 === t
+          ? this.cache(e)
+          : e[this.expando] && e[this.expando][X(t)];
+      },
+      access: function (e, t, n) {
+        return void 0 === t || (t && "string" == typeof t && void 0 === n)
+          ? this.get(e, t)
+          : (this.set(e, t, n), void 0 !== n ? n : t);
+      },
+      remove: function (e, t) {
+        var n,
+          r = e[this.expando];
+        if (void 0 !== r) {
+          if (void 0 !== t) {
+            n = (t = Array.isArray(t)
+              ? t.map(X)
+              : (t = X(t)) in r
+              ? [t]
+              : t.match(P) || []).length;
+            while (n--) delete r[t[n]];
+          }
+          (void 0 === t || S.isEmptyObject(r)) &&
+            (e.nodeType ? (e[this.expando] = void 0) : delete e[this.expando]);
+        }
+      },
+      hasData: function (e) {
+        var t = e[this.expando];
+        return void 0 !== t && !S.isEmptyObject(t);
+      },
+    });
+  var Y = new G(),
+    Q = new G(),
+    J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+    K = /[A-Z]/g;
+  function Z(e, t, n) {
+    var r, i;
+    if (void 0 === n && 1 === e.nodeType)
+      if (
+        ((r = "data-" + t.replace(K, "-$&").toLowerCase()),
+        "string" == typeof (n = e.getAttribute(r)))
+      ) {
+        try {
+          n =
+            "true" === (i = n) ||
+            ("false" !== i &&
+              ("null" === i
+                ? null
+                : i === +i + ""
+                ? +i
+                : J.test(i)
+                ? JSON.parse(i)
+                : i));
+        } catch (e) {}
+        Q.set(e, t, n);
+      } else n = void 0;
+    return n;
+  }
+  S.extend({
+    hasData: function (e) {
+      return Q.hasData(e) || Y.hasData(e);
+    },
+    data: function (e, t, n) {
+      return Q.access(e, t, n);
+    },
+    removeData: function (e, t) {
+      Q.remove(e, t);
+    },
+    _data: function (e, t, n) {
+      return Y.access(e, t, n);
+    },
+    _removeData: function (e, t) {
+      Y.remove(e, t);
+    },
+  }),
+    S.fn.extend({
+      data: function (n, e) {
+        var t,
+          r,
+          i,
+          o = this[0],
+          a = o && o.attributes;
+        if (void 0 === n) {
+          if (
+            this.length &&
+            ((i = Q.get(o)), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))
+          ) {
+            t = a.length;
+            while (t--)
+              a[t] &&
+                0 === (r = a[t].name).indexOf("data-") &&
+                ((r = X(r.slice(5))), Z(o, r, i[r]));
+            Y.set(o, "hasDataAttrs", !0);
+          }
+          return i;
+        }
+        return "object" == typeof n
+          ? this.each(function () {
+              Q.set(this, n);
+            })
+          : $(
+              this,
+              function (e) {
+                var t;
+                if (o && void 0 === e)
+                  return void 0 !== (t = Q.get(o, n))
+                    ? t
+                    : void 0 !== (t = Z(o, n))
+                    ? t
+                    : void 0;
+                this.each(function () {
+                  Q.set(this, n, e);
+                });
+              },
+              null,
+              e,
+              1 < arguments.length,
+              null,
+              !0
+            );
+      },
+      removeData: function (e) {
+        return this.each(function () {
+          Q.remove(this, e);
+        });
+      },
+    }),
+    S.extend({
+      queue: function (e, t, n) {
+        var r;
+        if (e)
+          return (
+            (t = (t || "fx") + "queue"),
+            (r = Y.get(e, t)),
+            n &&
+              (!r || Array.isArray(n)
+                ? (r = Y.access(e, t, S.makeArray(n)))
+                : r.push(n)),
+            r || []
+          );
+      },
+      dequeue: function (e, t) {
+        t = t || "fx";
+        var n = S.queue(e, t),
+          r = n.length,
+          i = n.shift(),
+          o = S._queueHooks(e, t);
+        "inprogress" === i && ((i = n.shift()), r--),
+          i &&
+            ("fx" === t && n.unshift("inprogress"),
+            delete o.stop,
+            i.call(
+              e,
+              function () {
+                S.dequeue(e, t);
+              },
+              o
+            )),
+          !r && o && o.empty.fire();
+      },
+      _queueHooks: function (e, t) {
+        var n = t + "queueHooks";
+        return (
+          Y.get(e, n) ||
+          Y.access(e, n, {
+            empty: S.Callbacks("once memory").add(function () {
+              Y.remove(e, [t + "queue", n]);
+            }),
+          })
+        );
+      },
+    }),
+    S.fn.extend({
+      queue: function (t, n) {
+        var e = 2;
+        return (
+          "string" != typeof t && ((n = t), (t = "fx"), e--),
+          arguments.length < e
+            ? S.queue(this[0], t)
+            : void 0 === n
+            ? this
+            : this.each(function () {
+                var e = S.queue(this, t, n);
+                S._queueHooks(this, t),
+                  "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t);
+              })
+        );
+      },
+      dequeue: function (e) {
+        return this.each(function () {
+          S.dequeue(this, e);
+        });
+      },
+      clearQueue: function (e) {
+        return this.queue(e || "fx", []);
+      },
+      promise: function (e, t) {
+        var n,
+          r = 1,
+          i = S.Deferred(),
+          o = this,
+          a = this.length,
+          s = function () {
+            --r || i.resolveWith(o, [o]);
+          };
+        "string" != typeof e && ((t = e), (e = void 0)), (e = e || "fx");
+        while (a--)
+          (n = Y.get(o[a], e + "queueHooks")) &&
+            n.empty &&
+            (r++, n.empty.add(s));
+        return s(), i.promise(t);
+      },
+    });
+  var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+    te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"),
+    ne = ["Top", "Right", "Bottom", "Left"],
+    re = E.documentElement,
+    ie = function (e) {
+      return S.contains(e.ownerDocument, e);
+    },
+    oe = { composed: !0 };
+  re.getRootNode &&
+    (ie = function (e) {
+      return (
+        S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument
+      );
+    });
+  var ae = function (e, t) {
+    return (
+      "none" === (e = t || e).style.display ||
+      ("" === e.style.display && ie(e) && "none" === S.css(e, "display"))
+    );
+  };
+  function se(e, t, n, r) {
+    var i,
+      o,
+      a = 20,
+      s = r
+        ? function () {
+            return r.cur();
+          }
+        : function () {
+            return S.css(e, t, "");
+          },
+      u = s(),
+      l = (n && n[3]) || (S.cssNumber[t] ? "" : "px"),
+      c =
+        e.nodeType &&
+        (S.cssNumber[t] || ("px" !== l && +u)) &&
+        te.exec(S.css(e, t));
+    if (c && c[3] !== l) {
+      (u /= 2), (l = l || c[3]), (c = +u || 1);
+      while (a--)
+        S.style(e, t, c + l),
+          (1 - o) * (1 - (o = s() / u || 0.5)) <= 0 && (a = 0),
+          (c /= o);
+      (c *= 2), S.style(e, t, c + l), (n = n || []);
+    }
+    return (
+      n &&
+        ((c = +c || +u || 0),
+        (i = n[1] ? c + (n[1] + 1) * n[2] : +n[2]),
+        r && ((r.unit = l), (r.start = c), (r.end = i))),
+      i
+    );
+  }
+  var ue = {};
+  function le(e, t) {
+    for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)
+      (r = e[c]).style &&
+        ((n = r.style.display),
+        t
+          ? ("none" === n &&
+              ((l[c] = Y.get(r, "display") || null),
+              l[c] || (r.style.display = "")),
+            "" === r.style.display &&
+              ae(r) &&
+              (l[c] =
+                ((u = a = o = void 0),
+                (a = (i = r).ownerDocument),
+                (s = i.nodeName),
+                (u = ue[s]) ||
+                  ((o = a.body.appendChild(a.createElement(s))),
+                  (u = S.css(o, "display")),
+                  o.parentNode.removeChild(o),
+                  "none" === u && (u = "block"),
+                  (ue[s] = u)))))
+          : "none" !== n && ((l[c] = "none"), Y.set(r, "display", n)));
+    for (c = 0; c < f; c++) null != l[c] && (e[c].style.display = l[c]);
+    return e;
+  }
+  S.fn.extend({
+    show: function () {
+      return le(this, !0);
+    },
+    hide: function () {
+      return le(this);
+    },
+    toggle: function (e) {
+      return "boolean" == typeof e
+        ? e
+          ? this.show()
+          : this.hide()
+        : this.each(function () {
+            ae(this) ? S(this).show() : S(this).hide();
+          });
+    },
+  });
+  var ce,
+    fe,
+    pe = /^(?:checkbox|radio)$/i,
+    de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i,
+    he = /^$|^module$|\/(?:java|ecma)script/i;
+  (ce = E.createDocumentFragment().appendChild(E.createElement("div"))),
+    (fe = E.createElement("input")).setAttribute("type", "radio"),
+    fe.setAttribute("checked", "checked"),
+    fe.setAttribute("name", "t"),
+    ce.appendChild(fe),
+    (y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked),
+    (ce.innerHTML = "<textarea>x</textarea>"),
+    (y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue),
+    (ce.innerHTML = "<option></option>"),
+    (y.option = !!ce.lastChild);
+  var ge = {
+    thead: [1, "<table>", "</table>"],
+    col: [2, "<table><colgroup>", "</colgroup></table>"],
+    tr: [2, "<table><tbody>", "</tbody></table>"],
+    td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
+    _default: [0, "", ""],
+  };
+  function ve(e, t) {
+    var n;
+    return (
+      (n =
+        "undefined" != typeof e.getElementsByTagName
+          ? e.getElementsByTagName(t || "*")
+          : "undefined" != typeof e.querySelectorAll
+          ? e.querySelectorAll(t || "*")
+          : []),
+      void 0 === t || (t && A(e, t)) ? S.merge([e], n) : n
+    );
+  }
+  function ye(e, t) {
+    for (var n = 0, r = e.length; n < r; n++)
+      Y.set(e[n], "globalEval", !t || Y.get(t[n], "globalEval"));
+  }
+  (ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead),
+    (ge.th = ge.td),
+    y.option ||
+      (ge.optgroup = ge.option =
+        [1, "<select multiple='multiple'>", "</select>"]);
+  var me = /<|&#?\w+;/;
+  function xe(e, t, n, r, i) {
+    for (
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f = t.createDocumentFragment(),
+        p = [],
+        d = 0,
+        h = e.length;
+      d < h;
+      d++
+    )
+      if ((o = e[d]) || 0 === o)
+        if ("object" === w(o)) S.merge(p, o.nodeType ? [o] : o);
+        else if (me.test(o)) {
+          (a = a || f.appendChild(t.createElement("div"))),
+            (s = (de.exec(o) || ["", ""])[1].toLowerCase()),
+            (u = ge[s] || ge._default),
+            (a.innerHTML = u[1] + S.htmlPrefilter(o) + u[2]),
+            (c = u[0]);
+          while (c--) a = a.lastChild;
+          S.merge(p, a.childNodes), ((a = f.firstChild).textContent = "");
+        } else p.push(t.createTextNode(o));
+    (f.textContent = ""), (d = 0);
+    while ((o = p[d++]))
+      if (r && -1 < S.inArray(o, r)) i && i.push(o);
+      else if (
+        ((l = ie(o)), (a = ve(f.appendChild(o), "script")), l && ye(a), n)
+      ) {
+        c = 0;
+        while ((o = a[c++])) he.test(o.type || "") && n.push(o);
+      }
+    return f;
+  }
+  var be = /^([^.]*)(?:\.(.+)|)/;
+  function we() {
+    return !0;
+  }
+  function Te() {
+    return !1;
+  }
+  function Ce(e, t) {
+    return (
+      (e ===
+        (function () {
+          try {
+            return E.activeElement;
+          } catch (e) {}
+        })()) ==
+      ("focus" === t)
+    );
+  }
+  function Ee(e, t, n, r, i, o) {
+    var a, s;
+    if ("object" == typeof t) {
+      for (s in ("string" != typeof n && ((r = r || n), (n = void 0)), t))
+        Ee(e, s, n, r, t[s], o);
+      return e;
+    }
+    if (
+      (null == r && null == i
+        ? ((i = n), (r = n = void 0))
+        : null == i &&
+          ("string" == typeof n
+            ? ((i = r), (r = void 0))
+            : ((i = r), (r = n), (n = void 0))),
+      !1 === i)
+    )
+      i = Te;
+    else if (!i) return e;
+    return (
+      1 === o &&
+        ((a = i),
+        ((i = function (e) {
+          return S().off(e), a.apply(this, arguments);
+        }).guid = a.guid || (a.guid = S.guid++))),
+      e.each(function () {
+        S.event.add(this, t, i, r, n);
+      })
+    );
+  }
+  function Se(e, i, o) {
+    o
+      ? (Y.set(e, i, !1),
+        S.event.add(e, i, {
+          namespace: !1,
+          handler: function (e) {
+            var t,
+              n,
+              r = Y.get(this, i);
+            if (1 & e.isTrigger && this[i]) {
+              if (r.length)
+                (S.event.special[i] || {}).delegateType && e.stopPropagation();
+              else if (
+                ((r = s.call(arguments)),
+                Y.set(this, i, r),
+                (t = o(this, i)),
+                this[i](),
+                r !== (n = Y.get(this, i)) || t ? Y.set(this, i, !1) : (n = {}),
+                r !== n)
+              )
+                return (
+                  e.stopImmediatePropagation(), e.preventDefault(), n && n.value
+                );
+            } else
+              r.length &&
+                (Y.set(this, i, {
+                  value: S.event.trigger(
+                    S.extend(r[0], S.Event.prototype),
+                    r.slice(1),
+                    this
+                  ),
+                }),
+                e.stopImmediatePropagation());
+          },
+        }))
+      : void 0 === Y.get(e, i) && S.event.add(e, i, we);
+  }
+  (S.event = {
+    global: {},
+    add: function (t, e, n, r, i) {
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p,
+        d,
+        h,
+        g,
+        v = Y.get(t);
+      if (V(t)) {
+        n.handler && ((n = (o = n).handler), (i = o.selector)),
+          i && S.find.matchesSelector(re, i),
+          n.guid || (n.guid = S.guid++),
+          (u = v.events) || (u = v.events = Object.create(null)),
+          (a = v.handle) ||
+            (a = v.handle =
+              function (e) {
+                return "undefined" != typeof S && S.event.triggered !== e.type
+                  ? S.event.dispatch.apply(t, arguments)
+                  : void 0;
+              }),
+          (l = (e = (e || "").match(P) || [""]).length);
+        while (l--)
+          (d = g = (s = be.exec(e[l]) || [])[1]),
+            (h = (s[2] || "").split(".").sort()),
+            d &&
+              ((f = S.event.special[d] || {}),
+              (d = (i ? f.delegateType : f.bindType) || d),
+              (f = S.event.special[d] || {}),
+              (c = S.extend(
+                {
+                  type: d,
+                  origType: g,
+                  data: r,
+                  handler: n,
+                  guid: n.guid,
+                  selector: i,
+                  needsContext: i && S.expr.match.needsContext.test(i),
+                  namespace: h.join("."),
+                },
+                o
+              )),
+              (p = u[d]) ||
+                (((p = u[d] = []).delegateCount = 0),
+                (f.setup && !1 !== f.setup.call(t, r, h, a)) ||
+                  (t.addEventListener && t.addEventListener(d, a))),
+              f.add &&
+                (f.add.call(t, c), c.handler.guid || (c.handler.guid = n.guid)),
+              i ? p.splice(p.delegateCount++, 0, c) : p.push(c),
+              (S.event.global[d] = !0));
+      }
+    },
+    remove: function (e, t, n, r, i) {
+      var o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p,
+        d,
+        h,
+        g,
+        v = Y.hasData(e) && Y.get(e);
+      if (v && (u = v.events)) {
+        l = (t = (t || "").match(P) || [""]).length;
+        while (l--)
+          if (
+            ((d = g = (s = be.exec(t[l]) || [])[1]),
+            (h = (s[2] || "").split(".").sort()),
+            d)
+          ) {
+            (f = S.event.special[d] || {}),
+              (p = u[(d = (r ? f.delegateType : f.bindType) || d)] || []),
+              (s =
+                s[2] &&
+                new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)")),
+              (a = o = p.length);
+            while (o--)
+              (c = p[o]),
+                (!i && g !== c.origType) ||
+                  (n && n.guid !== c.guid) ||
+                  (s && !s.test(c.namespace)) ||
+                  (r && r !== c.selector && ("**" !== r || !c.selector)) ||
+                  (p.splice(o, 1),
+                  c.selector && p.delegateCount--,
+                  f.remove && f.remove.call(e, c));
+            a &&
+              !p.length &&
+              ((f.teardown && !1 !== f.teardown.call(e, h, v.handle)) ||
+                S.removeEvent(e, d, v.handle),
+              delete u[d]);
+          } else for (d in u) S.event.remove(e, d + t[l], n, r, !0);
+        S.isEmptyObject(u) && Y.remove(e, "handle events");
+      }
+    },
+    dispatch: function (e) {
+      var t,
+        n,
+        r,
+        i,
+        o,
+        a,
+        s = new Array(arguments.length),
+        u = S.event.fix(e),
+        l = (Y.get(this, "events") || Object.create(null))[u.type] || [],
+        c = S.event.special[u.type] || {};
+      for (s[0] = u, t = 1; t < arguments.length; t++) s[t] = arguments[t];
+      if (
+        ((u.delegateTarget = this),
+        !c.preDispatch || !1 !== c.preDispatch.call(this, u))
+      ) {
+        (a = S.event.handlers.call(this, u, l)), (t = 0);
+        while ((i = a[t++]) && !u.isPropagationStopped()) {
+          (u.currentTarget = i.elem), (n = 0);
+          while ((o = i.handlers[n++]) && !u.isImmediatePropagationStopped())
+            (u.rnamespace &&
+              !1 !== o.namespace &&
+              !u.rnamespace.test(o.namespace)) ||
+              ((u.handleObj = o),
+              (u.data = o.data),
+              void 0 !==
+                (r = (
+                  (S.event.special[o.origType] || {}).handle || o.handler
+                ).apply(i.elem, s)) &&
+                !1 === (u.result = r) &&
+                (u.preventDefault(), u.stopPropagation()));
+        }
+        return c.postDispatch && c.postDispatch.call(this, u), u.result;
+      }
+    },
+    handlers: function (e, t) {
+      var n,
+        r,
+        i,
+        o,
+        a,
+        s = [],
+        u = t.delegateCount,
+        l = e.target;
+      if (u && l.nodeType && !("click" === e.type && 1 <= e.button))
+        for (; l !== this; l = l.parentNode || this)
+          if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
+            for (o = [], a = {}, n = 0; n < u; n++)
+              void 0 === a[(i = (r = t[n]).selector + " ")] &&
+                (a[i] = r.needsContext
+                  ? -1 < S(i, this).index(l)
+                  : S.find(i, this, null, [l]).length),
+                a[i] && o.push(r);
+            o.length && s.push({ elem: l, handlers: o });
+          }
+      return (
+        (l = this), u < t.length && s.push({ elem: l, handlers: t.slice(u) }), s
+      );
+    },
+    addProp: function (t, e) {
+      Object.defineProperty(S.Event.prototype, t, {
+        enumerable: !0,
+        configurable: !0,
+        get: m(e)
+          ? function () {
+              if (this.originalEvent) return e(this.originalEvent);
+            }
+          : function () {
+              if (this.originalEvent) return this.originalEvent[t];
+            },
+        set: function (e) {
+          Object.defineProperty(this, t, {
+            enumerable: !0,
+            configurable: !0,
+            writable: !0,
+            value: e,
+          });
+        },
+      });
+    },
+    fix: function (e) {
+      return e[S.expando] ? e : new S.Event(e);
+    },
+    special: {
+      load: { noBubble: !0 },
+      click: {
+        setup: function (e) {
+          var t = this || e;
+          return (
+            pe.test(t.type) && t.click && A(t, "input") && Se(t, "click", we),
+            !1
+          );
+        },
+        trigger: function (e) {
+          var t = this || e;
+          return (
+            pe.test(t.type) && t.click && A(t, "input") && Se(t, "click"), !0
+          );
+        },
+        _default: function (e) {
+          var t = e.target;
+          return (
+            (pe.test(t.type) &&
+              t.click &&
+              A(t, "input") &&
+              Y.get(t, "click")) ||
+            A(t, "a")
+          );
+        },
+      },
+      beforeunload: {
+        postDispatch: function (e) {
+          void 0 !== e.result &&
+            e.originalEvent &&
+            (e.originalEvent.returnValue = e.result);
+        },
+      },
+    },
+  }),
+    (S.removeEvent = function (e, t, n) {
+      e.removeEventListener && e.removeEventListener(t, n);
+    }),
+    (S.Event = function (e, t) {
+      if (!(this instanceof S.Event)) return new S.Event(e, t);
+      e && e.type
+        ? ((this.originalEvent = e),
+          (this.type = e.type),
+          (this.isDefaultPrevented =
+            e.defaultPrevented ||
+            (void 0 === e.defaultPrevented && !1 === e.returnValue)
+              ? we
+              : Te),
+          (this.target =
+            e.target && 3 === e.target.nodeType
+              ? e.target.parentNode
+              : e.target),
+          (this.currentTarget = e.currentTarget),
+          (this.relatedTarget = e.relatedTarget))
+        : (this.type = e),
+        t && S.extend(this, t),
+        (this.timeStamp = (e && e.timeStamp) || Date.now()),
+        (this[S.expando] = !0);
+    }),
+    (S.Event.prototype = {
+      constructor: S.Event,
+      isDefaultPrevented: Te,
+      isPropagationStopped: Te,
+      isImmediatePropagationStopped: Te,
+      isSimulated: !1,
+      preventDefault: function () {
+        var e = this.originalEvent;
+        (this.isDefaultPrevented = we),
+          e && !this.isSimulated && e.preventDefault();
+      },
+      stopPropagation: function () {
+        var e = this.originalEvent;
+        (this.isPropagationStopped = we),
+          e && !this.isSimulated && e.stopPropagation();
+      },
+      stopImmediatePropagation: function () {
+        var e = this.originalEvent;
+        (this.isImmediatePropagationStopped = we),
+          e && !this.isSimulated && e.stopImmediatePropagation(),
+          this.stopPropagation();
+      },
+    }),
+    S.each(
+      {
+        altKey: !0,
+        bubbles: !0,
+        cancelable: !0,
+        changedTouches: !0,
+        ctrlKey: !0,
+        detail: !0,
+        eventPhase: !0,
+        metaKey: !0,
+        pageX: !0,
+        pageY: !0,
+        shiftKey: !0,
+        view: !0,
+        char: !0,
+        code: !0,
+        charCode: !0,
+        key: !0,
+        keyCode: !0,
+        button: !0,
+        buttons: !0,
+        clientX: !0,
+        clientY: !0,
+        offsetX: !0,
+        offsetY: !0,
+        pointerId: !0,
+        pointerType: !0,
+        screenX: !0,
+        screenY: !0,
+        targetTouches: !0,
+        toElement: !0,
+        touches: !0,
+        which: !0,
+      },
+      S.event.addProp
+    ),
+    S.each({ focus: "focusin", blur: "focusout" }, function (e, t) {
+      S.event.special[e] = {
+        setup: function () {
+          return Se(this, e, Ce), !1;
+        },
+        trigger: function () {
+          return Se(this, e), !0;
+        },
+        _default: function () {
+          return !0;
+        },
+        delegateType: t,
+      };
+    }),
+    S.each(
+      {
+        mouseenter: "mouseover",
+        mouseleave: "mouseout",
+        pointerenter: "pointerover",
+        pointerleave: "pointerout",
+      },
+      function (e, i) {
+        S.event.special[e] = {
+          delegateType: i,
+          bindType: i,
+          handle: function (e) {
+            var t,
+              n = e.relatedTarget,
+              r = e.handleObj;
+            return (
+              (n && (n === this || S.contains(this, n))) ||
+                ((e.type = r.origType),
+                (t = r.handler.apply(this, arguments)),
+                (e.type = i)),
+              t
+            );
+          },
+        };
+      }
+    ),
+    S.fn.extend({
+      on: function (e, t, n, r) {
+        return Ee(this, e, t, n, r);
+      },
+      one: function (e, t, n, r) {
+        return Ee(this, e, t, n, r, 1);
+      },
+      off: function (e, t, n) {
+        var r, i;
+        if (e && e.preventDefault && e.handleObj)
+          return (
+            (r = e.handleObj),
+            S(e.delegateTarget).off(
+              r.namespace ? r.origType + "." + r.namespace : r.origType,
+              r.selector,
+              r.handler
+            ),
+            this
+          );
+        if ("object" == typeof e) {
+          for (i in e) this.off(i, t, e[i]);
+          return this;
+        }
+        return (
+          (!1 !== t && "function" != typeof t) || ((n = t), (t = void 0)),
+          !1 === n && (n = Te),
+          this.each(function () {
+            S.event.remove(this, e, n, t);
+          })
+        );
+      },
+    });
+  var ke = /<script|<style|<link/i,
+    Ae = /checked\s*(?:[^=]|=\s*.checked.)/i,
+    Ne = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
+  function je(e, t) {
+    return (
+      (A(e, "table") &&
+        A(11 !== t.nodeType ? t : t.firstChild, "tr") &&
+        S(e).children("tbody")[0]) ||
+      e
+    );
+  }
+  function De(e) {
+    return (e.type = (null !== e.getAttribute("type")) + "/" + e.type), e;
+  }
+  function qe(e) {
+    return (
+      "true/" === (e.type || "").slice(0, 5)
+        ? (e.type = e.type.slice(5))
+        : e.removeAttribute("type"),
+      e
+    );
+  }
+  function Le(e, t) {
+    var n, r, i, o, a, s;
+    if (1 === t.nodeType) {
+      if (Y.hasData(e) && (s = Y.get(e).events))
+        for (i in (Y.remove(t, "handle events"), s))
+          for (n = 0, r = s[i].length; n < r; n++) S.event.add(t, i, s[i][n]);
+      Q.hasData(e) && ((o = Q.access(e)), (a = S.extend({}, o)), Q.set(t, a));
+    }
+  }
+  function He(n, r, i, o) {
+    r = g(r);
+    var e,
+      t,
+      a,
+      s,
+      u,
+      l,
+      c = 0,
+      f = n.length,
+      p = f - 1,
+      d = r[0],
+      h = m(d);
+    if (h || (1 < f && "string" == typeof d && !y.checkClone && Ae.test(d)))
+      return n.each(function (e) {
+        var t = n.eq(e);
+        h && (r[0] = d.call(this, e, t.html())), He(t, r, i, o);
+      });
+    if (
+      f &&
+      ((t = (e = xe(r, n[0].ownerDocument, !1, n, o)).firstChild),
+      1 === e.childNodes.length && (e = t),
+      t || o)
+    ) {
+      for (s = (a = S.map(ve(e, "script"), De)).length; c < f; c++)
+        (u = e),
+          c !== p &&
+            ((u = S.clone(u, !0, !0)), s && S.merge(a, ve(u, "script"))),
+          i.call(n[c], u, c);
+      if (s)
+        for (l = a[a.length - 1].ownerDocument, S.map(a, qe), c = 0; c < s; c++)
+          (u = a[c]),
+            he.test(u.type || "") &&
+              !Y.access(u, "globalEval") &&
+              S.contains(l, u) &&
+              (u.src && "module" !== (u.type || "").toLowerCase()
+                ? S._evalUrl &&
+                  !u.noModule &&
+                  S._evalUrl(
+                    u.src,
+                    { nonce: u.nonce || u.getAttribute("nonce") },
+                    l
+                  )
+                : b(u.textContent.replace(Ne, ""), u, l));
+    }
+    return n;
+  }
+  function Oe(e, t, n) {
+    for (var r, i = t ? S.filter(t, e) : e, o = 0; null != (r = i[o]); o++)
+      n || 1 !== r.nodeType || S.cleanData(ve(r)),
+        r.parentNode &&
+          (n && ie(r) && ye(ve(r, "script")), r.parentNode.removeChild(r));
+    return e;
+  }
+  S.extend({
+    htmlPrefilter: function (e) {
+      return e;
+    },
+    clone: function (e, t, n) {
+      var r,
+        i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c = e.cloneNode(!0),
+        f = ie(e);
+      if (
+        !(
+          y.noCloneChecked ||
+          (1 !== e.nodeType && 11 !== e.nodeType) ||
+          S.isXMLDoc(e)
+        )
+      )
+        for (a = ve(c), r = 0, i = (o = ve(e)).length; r < i; r++)
+          (s = o[r]),
+            (u = a[r]),
+            void 0,
+            "input" === (l = u.nodeName.toLowerCase()) && pe.test(s.type)
+              ? (u.checked = s.checked)
+              : ("input" !== l && "textarea" !== l) ||
+                (u.defaultValue = s.defaultValue);
+      if (t)
+        if (n)
+          for (o = o || ve(e), a = a || ve(c), r = 0, i = o.length; r < i; r++)
+            Le(o[r], a[r]);
+        else Le(e, c);
+      return (
+        0 < (a = ve(c, "script")).length && ye(a, !f && ve(e, "script")), c
+      );
+    },
+    cleanData: function (e) {
+      for (var t, n, r, i = S.event.special, o = 0; void 0 !== (n = e[o]); o++)
+        if (V(n)) {
+          if ((t = n[Y.expando])) {
+            if (t.events)
+              for (r in t.events)
+                i[r] ? S.event.remove(n, r) : S.removeEvent(n, r, t.handle);
+            n[Y.expando] = void 0;
+          }
+          n[Q.expando] && (n[Q.expando] = void 0);
+        }
+    },
+  }),
+    S.fn.extend({
+      detach: function (e) {
+        return Oe(this, e, !0);
+      },
+      remove: function (e) {
+        return Oe(this, e);
+      },
+      text: function (e) {
+        return $(
+          this,
+          function (e) {
+            return void 0 === e
+              ? S.text(this)
+              : this.empty().each(function () {
+                  (1 !== this.nodeType &&
+                    11 !== this.nodeType &&
+                    9 !== this.nodeType) ||
+                    (this.textContent = e);
+                });
+          },
+          null,
+          e,
+          arguments.length
+        );
+      },
+      append: function () {
+        return He(this, arguments, function (e) {
+          (1 !== this.nodeType &&
+            11 !== this.nodeType &&
+            9 !== this.nodeType) ||
+            je(this, e).appendChild(e);
+        });
+      },
+      prepend: function () {
+        return He(this, arguments, function (e) {
+          if (
+            1 === this.nodeType ||
+            11 === this.nodeType ||
+            9 === this.nodeType
+          ) {
+            var t = je(this, e);
+            t.insertBefore(e, t.firstChild);
+          }
+        });
+      },
+      before: function () {
+        return He(this, arguments, function (e) {
+          this.parentNode && this.parentNode.insertBefore(e, this);
+        });
+      },
+      after: function () {
+        return He(this, arguments, function (e) {
+          this.parentNode && this.parentNode.insertBefore(e, this.nextSibling);
+        });
+      },
+      empty: function () {
+        for (var e, t = 0; null != (e = this[t]); t++)
+          1 === e.nodeType && (S.cleanData(ve(e, !1)), (e.textContent = ""));
+        return this;
+      },
+      clone: function (e, t) {
+        return (
+          (e = null != e && e),
+          (t = null == t ? e : t),
+          this.map(function () {
+            return S.clone(this, e, t);
+          })
+        );
+      },
+      html: function (e) {
+        return $(
+          this,
+          function (e) {
+            var t = this[0] || {},
+              n = 0,
+              r = this.length;
+            if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
+            if (
+              "string" == typeof e &&
+              !ke.test(e) &&
+              !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]
+            ) {
+              e = S.htmlPrefilter(e);
+              try {
+                for (; n < r; n++)
+                  1 === (t = this[n] || {}).nodeType &&
+                    (S.cleanData(ve(t, !1)), (t.innerHTML = e));
+                t = 0;
+              } catch (e) {}
+            }
+            t && this.empty().append(e);
+          },
+          null,
+          e,
+          arguments.length
+        );
+      },
+      replaceWith: function () {
+        var n = [];
+        return He(
+          this,
+          arguments,
+          function (e) {
+            var t = this.parentNode;
+            S.inArray(this, n) < 0 &&
+              (S.cleanData(ve(this)), t && t.replaceChild(e, this));
+          },
+          n
+        );
+      },
+    }),
+    S.each(
+      {
+        appendTo: "append",
+        prependTo: "prepend",
+        insertBefore: "before",
+        insertAfter: "after",
+        replaceAll: "replaceWith",
+      },
+      function (e, a) {
+        S.fn[e] = function (e) {
+          for (var t, n = [], r = S(e), i = r.length - 1, o = 0; o <= i; o++)
+            (t = o === i ? this : this.clone(!0)),
+              S(r[o])[a](t),
+              u.apply(n, t.get());
+          return this.pushStack(n);
+        };
+      }
+    );
+  var Pe = new RegExp("^(" + ee + ")(?!px)[a-z%]+$", "i"),
+    Re = function (e) {
+      var t = e.ownerDocument.defaultView;
+      return (t && t.opener) || (t = C), t.getComputedStyle(e);
+    },
+    Me = function (e, t, n) {
+      var r,
+        i,
+        o = {};
+      for (i in t) (o[i] = e.style[i]), (e.style[i] = t[i]);
+      for (i in ((r = n.call(e)), t)) e.style[i] = o[i];
+      return r;
+    },
+    Ie = new RegExp(ne.join("|"), "i");
+  function We(e, t, n) {
+    var r,
+      i,
+      o,
+      a,
+      s = e.style;
+    return (
+      (n = n || Re(e)) &&
+        ("" !== (a = n.getPropertyValue(t) || n[t]) ||
+          ie(e) ||
+          (a = S.style(e, t)),
+        !y.pixelBoxStyles() &&
+          Pe.test(a) &&
+          Ie.test(t) &&
+          ((r = s.width),
+          (i = s.minWidth),
+          (o = s.maxWidth),
+          (s.minWidth = s.maxWidth = s.width = a),
+          (a = n.width),
+          (s.width = r),
+          (s.minWidth = i),
+          (s.maxWidth = o))),
+      void 0 !== a ? a + "" : a
+    );
+  }
+  function Fe(e, t) {
+    return {
+      get: function () {
+        if (!e()) return (this.get = t).apply(this, arguments);
+        delete this.get;
+      },
+    };
+  }
+  !(function () {
+    function e() {
+      if (l) {
+        (u.style.cssText =
+          "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0"),
+          (l.style.cssText =
+            "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%"),
+          re.appendChild(u).appendChild(l);
+        var e = C.getComputedStyle(l);
+        (n = "1%" !== e.top),
+          (s = 12 === t(e.marginLeft)),
+          (l.style.right = "60%"),
+          (o = 36 === t(e.right)),
+          (r = 36 === t(e.width)),
+          (l.style.position = "absolute"),
+          (i = 12 === t(l.offsetWidth / 3)),
+          re.removeChild(u),
+          (l = null);
+      }
+    }
+    function t(e) {
+      return Math.round(parseFloat(e));
+    }
+    var n,
+      r,
+      i,
+      o,
+      a,
+      s,
+      u = E.createElement("div"),
+      l = E.createElement("div");
+    l.style &&
+      ((l.style.backgroundClip = "content-box"),
+      (l.cloneNode(!0).style.backgroundClip = ""),
+      (y.clearCloneStyle = "content-box" === l.style.backgroundClip),
+      S.extend(y, {
+        boxSizingReliable: function () {
+          return e(), r;
+        },
+        pixelBoxStyles: function () {
+          return e(), o;
+        },
+        pixelPosition: function () {
+          return e(), n;
+        },
+        reliableMarginLeft: function () {
+          return e(), s;
+        },
+        scrollboxSize: function () {
+          return e(), i;
+        },
+        reliableTrDimensions: function () {
+          var e, t, n, r;
+          return (
+            null == a &&
+              ((e = E.createElement("table")),
+              (t = E.createElement("tr")),
+              (n = E.createElement("div")),
+              (e.style.cssText =
+                "position:absolute;left:-11111px;border-collapse:separate"),
+              (t.style.cssText = "border:1px solid"),
+              (t.style.height = "1px"),
+              (n.style.height = "9px"),
+              (n.style.display = "block"),
+              re.appendChild(e).appendChild(t).appendChild(n),
+              (r = C.getComputedStyle(t)),
+              (a =
+                parseInt(r.height, 10) +
+                  parseInt(r.borderTopWidth, 10) +
+                  parseInt(r.borderBottomWidth, 10) ===
+                t.offsetHeight),
+              re.removeChild(e)),
+            a
+          );
+        },
+      }));
+  })();
+  var Be = ["Webkit", "Moz", "ms"],
+    $e = E.createElement("div").style,
+    _e = {};
+  function ze(e) {
+    var t = S.cssProps[e] || _e[e];
+    return (
+      t ||
+      (e in $e
+        ? e
+        : (_e[e] =
+            (function (e) {
+              var t = e[0].toUpperCase() + e.slice(1),
+                n = Be.length;
+              while (n--) if ((e = Be[n] + t) in $e) return e;
+            })(e) || e))
+    );
+  }
+  var Ue = /^(none|table(?!-c[ea]).+)/,
+    Xe = /^--/,
+    Ve = { position: "absolute", visibility: "hidden", display: "block" },
+    Ge = { letterSpacing: "0", fontWeight: "400" };
+  function Ye(e, t, n) {
+    var r = te.exec(t);
+    return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t;
+  }
+  function Qe(e, t, n, r, i, o) {
+    var a = "width" === t ? 1 : 0,
+      s = 0,
+      u = 0;
+    if (n === (r ? "border" : "content")) return 0;
+    for (; a < 4; a += 2)
+      "margin" === n && (u += S.css(e, n + ne[a], !0, i)),
+        r
+          ? ("content" === n && (u -= S.css(e, "padding" + ne[a], !0, i)),
+            "margin" !== n &&
+              (u -= S.css(e, "border" + ne[a] + "Width", !0, i)))
+          : ((u += S.css(e, "padding" + ne[a], !0, i)),
+            "padding" !== n
+              ? (u += S.css(e, "border" + ne[a] + "Width", !0, i))
+              : (s += S.css(e, "border" + ne[a] + "Width", !0, i)));
+    return (
+      !r &&
+        0 <= o &&
+        (u +=
+          Math.max(
+            0,
+            Math.ceil(
+              e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s - 0.5
+            )
+          ) || 0),
+      u
+    );
+  }
+  function Je(e, t, n) {
+    var r = Re(e),
+      i =
+        (!y.boxSizingReliable() || n) &&
+        "border-box" === S.css(e, "boxSizing", !1, r),
+      o = i,
+      a = We(e, t, r),
+      s = "offset" + t[0].toUpperCase() + t.slice(1);
+    if (Pe.test(a)) {
+      if (!n) return a;
+      a = "auto";
+    }
+    return (
+      ((!y.boxSizingReliable() && i) ||
+        (!y.reliableTrDimensions() && A(e, "tr")) ||
+        "auto" === a ||
+        (!parseFloat(a) && "inline" === S.css(e, "display", !1, r))) &&
+        e.getClientRects().length &&
+        ((i = "border-box" === S.css(e, "boxSizing", !1, r)),
+        (o = s in e) && (a = e[s])),
+      (a = parseFloat(a) || 0) +
+        Qe(e, t, n || (i ? "border" : "content"), o, r, a) +
+        "px"
+    );
+  }
+  function Ke(e, t, n, r, i) {
+    return new Ke.prototype.init(e, t, n, r, i);
+  }
+  S.extend({
+    cssHooks: {
+      opacity: {
+        get: function (e, t) {
+          if (t) {
+            var n = We(e, "opacity");
+            return "" === n ? "1" : n;
+          }
+        },
+      },
+    },
+    cssNumber: {
+      animationIterationCount: !0,
+      columnCount: !0,
+      fillOpacity: !0,
+      flexGrow: !0,
+      flexShrink: !0,
+      fontWeight: !0,
+      gridArea: !0,
+      gridColumn: !0,
+      gridColumnEnd: !0,
+      gridColumnStart: !0,
+      gridRow: !0,
+      gridRowEnd: !0,
+      gridRowStart: !0,
+      lineHeight: !0,
+      opacity: !0,
+      order: !0,
+      orphans: !0,
+      widows: !0,
+      zIndex: !0,
+      zoom: !0,
+    },
+    cssProps: {},
+    style: function (e, t, n, r) {
+      if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
+        var i,
+          o,
+          a,
+          s = X(t),
+          u = Xe.test(t),
+          l = e.style;
+        if (
+          (u || (t = ze(s)), (a = S.cssHooks[t] || S.cssHooks[s]), void 0 === n)
+        )
+          return a && "get" in a && void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
+        "string" === (o = typeof n) &&
+          (i = te.exec(n)) &&
+          i[1] &&
+          ((n = se(e, t, i)), (o = "number")),
+          null != n &&
+            n == n &&
+            ("number" !== o ||
+              u ||
+              (n += (i && i[3]) || (S.cssNumber[s] ? "" : "px")),
+            y.clearCloneStyle ||
+              "" !== n ||
+              0 !== t.indexOf("background") ||
+              (l[t] = "inherit"),
+            (a && "set" in a && void 0 === (n = a.set(e, n, r))) ||
+              (u ? l.setProperty(t, n) : (l[t] = n)));
+      }
+    },
+    css: function (e, t, n, r) {
+      var i,
+        o,
+        a,
+        s = X(t);
+      return (
+        Xe.test(t) || (t = ze(s)),
+        (a = S.cssHooks[t] || S.cssHooks[s]) &&
+          "get" in a &&
+          (i = a.get(e, !0, n)),
+        void 0 === i && (i = We(e, t, r)),
+        "normal" === i && t in Ge && (i = Ge[t]),
+        "" === n || n
+          ? ((o = parseFloat(i)), !0 === n || isFinite(o) ? o || 0 : i)
+          : i
+      );
+    },
+  }),
+    S.each(["height", "width"], function (e, u) {
+      S.cssHooks[u] = {
+        get: function (e, t, n) {
+          if (t)
+            return !Ue.test(S.css(e, "display")) ||
+              (e.getClientRects().length && e.getBoundingClientRect().width)
+              ? Je(e, u, n)
+              : Me(e, Ve, function () {
+                  return Je(e, u, n);
+                });
+        },
+        set: function (e, t, n) {
+          var r,
+            i = Re(e),
+            o = !y.scrollboxSize() && "absolute" === i.position,
+            a = (o || n) && "border-box" === S.css(e, "boxSizing", !1, i),
+            s = n ? Qe(e, u, n, a, i) : 0;
+          return (
+            a &&
+              o &&
+              (s -= Math.ceil(
+                e["offset" + u[0].toUpperCase() + u.slice(1)] -
+                  parseFloat(i[u]) -
+                  Qe(e, u, "border", !1, i) -
+                  0.5
+              )),
+            s &&
+              (r = te.exec(t)) &&
+              "px" !== (r[3] || "px") &&
+              ((e.style[u] = t), (t = S.css(e, u))),
+            Ye(0, t, s)
+          );
+        },
+      };
+    }),
+    (S.cssHooks.marginLeft = Fe(y.reliableMarginLeft, function (e, t) {
+      if (t)
+        return (
+          (parseFloat(We(e, "marginLeft")) ||
+            e.getBoundingClientRect().left -
+              Me(e, { marginLeft: 0 }, function () {
+                return e.getBoundingClientRect().left;
+              })) + "px"
+        );
+    })),
+    S.each({ margin: "", padding: "", border: "Width" }, function (i, o) {
+      (S.cssHooks[i + o] = {
+        expand: function (e) {
+          for (
+            var t = 0, n = {}, r = "string" == typeof e ? e.split(" ") : [e];
+            t < 4;
+            t++
+          )
+            n[i + ne[t] + o] = r[t] || r[t - 2] || r[0];
+          return n;
+        },
+      }),
+        "margin" !== i && (S.cssHooks[i + o].set = Ye);
+    }),
+    S.fn.extend({
+      css: function (e, t) {
+        return $(
+          this,
+          function (e, t, n) {
+            var r,
+              i,
+              o = {},
+              a = 0;
+            if (Array.isArray(t)) {
+              for (r = Re(e), i = t.length; a < i; a++)
+                o[t[a]] = S.css(e, t[a], !1, r);
+              return o;
+            }
+            return void 0 !== n ? S.style(e, t, n) : S.css(e, t);
+          },
+          e,
+          t,
+          1 < arguments.length
+        );
+      },
+    }),
+    (((S.Tween = Ke).prototype = {
+      constructor: Ke,
+      init: function (e, t, n, r, i, o) {
+        (this.elem = e),
+          (this.prop = n),
+          (this.easing = i || S.easing._default),
+          (this.options = t),
+          (this.start = this.now = this.cur()),
+          (this.end = r),
+          (this.unit = o || (S.cssNumber[n] ? "" : "px"));
+      },
+      cur: function () {
+        var e = Ke.propHooks[this.prop];
+        return e && e.get ? e.get(this) : Ke.propHooks._default.get(this);
+      },
+      run: function (e) {
+        var t,
+          n = Ke.propHooks[this.prop];
+        return (
+          this.options.duration
+            ? (this.pos = t =
+                S.easing[this.easing](
+                  e,
+                  this.options.duration * e,
+                  0,
+                  1,
+                  this.options.duration
+                ))
+            : (this.pos = t = e),
+          (this.now = (this.end - this.start) * t + this.start),
+          this.options.step &&
+            this.options.step.call(this.elem, this.now, this),
+          n && n.set ? n.set(this) : Ke.propHooks._default.set(this),
+          this
+        );
+      },
+    }).init.prototype = Ke.prototype),
+    ((Ke.propHooks = {
+      _default: {
+        get: function (e) {
+          var t;
+          return 1 !== e.elem.nodeType ||
+            (null != e.elem[e.prop] && null == e.elem.style[e.prop])
+            ? e.elem[e.prop]
+            : (t = S.css(e.elem, e.prop, "")) && "auto" !== t
+            ? t
+            : 0;
+        },
+        set: function (e) {
+          S.fx.step[e.prop]
+            ? S.fx.step[e.prop](e)
+            : 1 !== e.elem.nodeType ||
+              (!S.cssHooks[e.prop] && null == e.elem.style[ze(e.prop)])
+            ? (e.elem[e.prop] = e.now)
+            : S.style(e.elem, e.prop, e.now + e.unit);
+        },
+      },
+    }).scrollTop = Ke.propHooks.scrollLeft =
+      {
+        set: function (e) {
+          e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now);
+        },
+      }),
+    (S.easing = {
+      linear: function (e) {
+        return e;
+      },
+      swing: function (e) {
+        return 0.5 - Math.cos(e * Math.PI) / 2;
+      },
+      _default: "swing",
+    }),
+    (S.fx = Ke.prototype.init),
+    (S.fx.step = {});
+  var Ze,
+    et,
+    tt,
+    nt,
+    rt = /^(?:toggle|show|hide)$/,
+    it = /queueHooks$/;
+  function ot() {
+    et &&
+      (!1 === E.hidden && C.requestAnimationFrame
+        ? C.requestAnimationFrame(ot)
+        : C.setTimeout(ot, S.fx.interval),
+      S.fx.tick());
+  }
+  function at() {
+    return (
+      C.setTimeout(function () {
+        Ze = void 0;
+      }),
+      (Ze = Date.now())
+    );
+  }
+  function st(e, t) {
+    var n,
+      r = 0,
+      i = { height: e };
+    for (t = t ? 1 : 0; r < 4; r += 2 - t)
+      i["margin" + (n = ne[r])] = i["padding" + n] = e;
+    return t && (i.opacity = i.width = e), i;
+  }
+  function ut(e, t, n) {
+    for (
+      var r,
+        i = (lt.tweeners[t] || []).concat(lt.tweeners["*"]),
+        o = 0,
+        a = i.length;
+      o < a;
+      o++
+    )
+      if ((r = i[o].call(n, t, e))) return r;
+  }
+  function lt(o, e, t) {
+    var n,
+      a,
+      r = 0,
+      i = lt.prefilters.length,
+      s = S.Deferred().always(function () {
+        delete u.elem;
+      }),
+      u = function () {
+        if (a) return !1;
+        for (
+          var e = Ze || at(),
+            t = Math.max(0, l.startTime + l.duration - e),
+            n = 1 - (t / l.duration || 0),
+            r = 0,
+            i = l.tweens.length;
+          r < i;
+          r++
+        )
+          l.tweens[r].run(n);
+        return (
+          s.notifyWith(o, [l, n, t]),
+          n < 1 && i
+            ? t
+            : (i || s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l]), !1)
+        );
+      },
+      l = s.promise({
+        elem: o,
+        props: S.extend({}, e),
+        opts: S.extend(!0, { specialEasing: {}, easing: S.easing._default }, t),
+        originalProperties: e,
+        originalOptions: t,
+        startTime: Ze || at(),
+        duration: t.duration,
+        tweens: [],
+        createTween: function (e, t) {
+          var n = S.Tween(
+            o,
+            l.opts,
+            e,
+            t,
+            l.opts.specialEasing[e] || l.opts.easing
+          );
+          return l.tweens.push(n), n;
+        },
+        stop: function (e) {
+          var t = 0,
+            n = e ? l.tweens.length : 0;
+          if (a) return this;
+          for (a = !0; t < n; t++) l.tweens[t].run(1);
+          return (
+            e
+              ? (s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l, e]))
+              : s.rejectWith(o, [l, e]),
+            this
+          );
+        },
+      }),
+      c = l.props;
+    for (
+      !(function (e, t) {
+        var n, r, i, o, a;
+        for (n in e)
+          if (
+            ((i = t[(r = X(n))]),
+            (o = e[n]),
+            Array.isArray(o) && ((i = o[1]), (o = e[n] = o[0])),
+            n !== r && ((e[r] = o), delete e[n]),
+            (a = S.cssHooks[r]) && ("expand" in a))
+          )
+            for (n in ((o = a.expand(o)), delete e[r], o))
+              (n in e) || ((e[n] = o[n]), (t[n] = i));
+          else t[r] = i;
+      })(c, l.opts.specialEasing);
+      r < i;
+      r++
+    )
+      if ((n = lt.prefilters[r].call(l, o, c, l.opts)))
+        return (
+          m(n.stop) &&
+            (S._queueHooks(l.elem, l.opts.queue).stop = n.stop.bind(n)),
+          n
+        );
+    return (
+      S.map(c, ut, l),
+      m(l.opts.start) && l.opts.start.call(o, l),
+      l
+        .progress(l.opts.progress)
+        .done(l.opts.done, l.opts.complete)
+        .fail(l.opts.fail)
+        .always(l.opts.always),
+      S.fx.timer(S.extend(u, { elem: o, anim: l, queue: l.opts.queue })),
+      l
+    );
+  }
+  (S.Animation = S.extend(lt, {
+    tweeners: {
+      "*": [
+        function (e, t) {
+          var n = this.createTween(e, t);
+          return se(n.elem, e, te.exec(t), n), n;
+        },
+      ],
+    },
+    tweener: function (e, t) {
+      m(e) ? ((t = e), (e = ["*"])) : (e = e.match(P));
+      for (var n, r = 0, i = e.length; r < i; r++)
+        (n = e[r]),
+          (lt.tweeners[n] = lt.tweeners[n] || []),
+          lt.tweeners[n].unshift(t);
+    },
+    prefilters: [
+      function (e, t, n) {
+        var r,
+          i,
+          o,
+          a,
+          s,
+          u,
+          l,
+          c,
+          f = "width" in t || "height" in t,
+          p = this,
+          d = {},
+          h = e.style,
+          g = e.nodeType && ae(e),
+          v = Y.get(e, "fxshow");
+        for (r in (n.queue ||
+          (null == (a = S._queueHooks(e, "fx")).unqueued &&
+            ((a.unqueued = 0),
+            (s = a.empty.fire),
+            (a.empty.fire = function () {
+              a.unqueued || s();
+            })),
+          a.unqueued++,
+          p.always(function () {
+            p.always(function () {
+              a.unqueued--, S.queue(e, "fx").length || a.empty.fire();
+            });
+          })),
+        t))
+          if (((i = t[r]), rt.test(i))) {
+            if (
+              (delete t[r],
+              (o = o || "toggle" === i),
+              i === (g ? "hide" : "show"))
+            ) {
+              if ("show" !== i || !v || void 0 === v[r]) continue;
+              g = !0;
+            }
+            d[r] = (v && v[r]) || S.style(e, r);
+          }
+        if ((u = !S.isEmptyObject(t)) || !S.isEmptyObject(d))
+          for (r in (f &&
+            1 === e.nodeType &&
+            ((n.overflow = [h.overflow, h.overflowX, h.overflowY]),
+            null == (l = v && v.display) && (l = Y.get(e, "display")),
+            "none" === (c = S.css(e, "display")) &&
+              (l
+                ? (c = l)
+                : (le([e], !0),
+                  (l = e.style.display || l),
+                  (c = S.css(e, "display")),
+                  le([e]))),
+            ("inline" === c || ("inline-block" === c && null != l)) &&
+              "none" === S.css(e, "float") &&
+              (u ||
+                (p.done(function () {
+                  h.display = l;
+                }),
+                null == l && ((c = h.display), (l = "none" === c ? "" : c))),
+              (h.display = "inline-block"))),
+          n.overflow &&
+            ((h.overflow = "hidden"),
+            p.always(function () {
+              (h.overflow = n.overflow[0]),
+                (h.overflowX = n.overflow[1]),
+                (h.overflowY = n.overflow[2]);
+            })),
+          (u = !1),
+          d))
+            u ||
+              (v
+                ? "hidden" in v && (g = v.hidden)
+                : (v = Y.access(e, "fxshow", { display: l })),
+              o && (v.hidden = !g),
+              g && le([e], !0),
+              p.done(function () {
+                for (r in (g || le([e]), Y.remove(e, "fxshow"), d))
+                  S.style(e, r, d[r]);
+              })),
+              (u = ut(g ? v[r] : 0, r, p)),
+              r in v ||
+                ((v[r] = u.start), g && ((u.end = u.start), (u.start = 0)));
+      },
+    ],
+    prefilter: function (e, t) {
+      t ? lt.prefilters.unshift(e) : lt.prefilters.push(e);
+    },
+  })),
+    (S.speed = function (e, t, n) {
+      var r =
+        e && "object" == typeof e
+          ? S.extend({}, e)
+          : {
+              complete: n || (!n && t) || (m(e) && e),
+              duration: e,
+              easing: (n && t) || (t && !m(t) && t),
+            };
+      return (
+        S.fx.off
+          ? (r.duration = 0)
+          : "number" != typeof r.duration &&
+            (r.duration in S.fx.speeds
+              ? (r.duration = S.fx.speeds[r.duration])
+              : (r.duration = S.fx.speeds._default)),
+        (null != r.queue && !0 !== r.queue) || (r.queue = "fx"),
+        (r.old = r.complete),
+        (r.complete = function () {
+          m(r.old) && r.old.call(this), r.queue && S.dequeue(this, r.queue);
+        }),
+        r
+      );
+    }),
+    S.fn.extend({
+      fadeTo: function (e, t, n, r) {
+        return this.filter(ae)
+          .css("opacity", 0)
+          .show()
+          .end()
+          .animate({ opacity: t }, e, n, r);
+      },
+      animate: function (t, e, n, r) {
+        var i = S.isEmptyObject(t),
+          o = S.speed(e, n, r),
+          a = function () {
+            var e = lt(this, S.extend({}, t), o);
+            (i || Y.get(this, "finish")) && e.stop(!0);
+          };
+        return (
+          (a.finish = a),
+          i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
+        );
+      },
+      stop: function (i, e, o) {
+        var a = function (e) {
+          var t = e.stop;
+          delete e.stop, t(o);
+        };
+        return (
+          "string" != typeof i && ((o = e), (e = i), (i = void 0)),
+          e && this.queue(i || "fx", []),
+          this.each(function () {
+            var e = !0,
+              t = null != i && i + "queueHooks",
+              n = S.timers,
+              r = Y.get(this);
+            if (t) r[t] && r[t].stop && a(r[t]);
+            else for (t in r) r[t] && r[t].stop && it.test(t) && a(r[t]);
+            for (t = n.length; t--; )
+              n[t].elem !== this ||
+                (null != i && n[t].queue !== i) ||
+                (n[t].anim.stop(o), (e = !1), n.splice(t, 1));
+            (!e && o) || S.dequeue(this, i);
+          })
+        );
+      },
+      finish: function (a) {
+        return (
+          !1 !== a && (a = a || "fx"),
+          this.each(function () {
+            var e,
+              t = Y.get(this),
+              n = t[a + "queue"],
+              r = t[a + "queueHooks"],
+              i = S.timers,
+              o = n ? n.length : 0;
+            for (
+              t.finish = !0,
+                S.queue(this, a, []),
+                r && r.stop && r.stop.call(this, !0),
+                e = i.length;
+              e--;
+
+            )
+              i[e].elem === this &&
+                i[e].queue === a &&
+                (i[e].anim.stop(!0), i.splice(e, 1));
+            for (e = 0; e < o; e++)
+              n[e] && n[e].finish && n[e].finish.call(this);
+            delete t.finish;
+          })
+        );
+      },
+    }),
+    S.each(["toggle", "show", "hide"], function (e, r) {
+      var i = S.fn[r];
+      S.fn[r] = function (e, t, n) {
+        return null == e || "boolean" == typeof e
+          ? i.apply(this, arguments)
+          : this.animate(st(r, !0), e, t, n);
+      };
+    }),
+    S.each(
+      {
+        slideDown: st("show"),
+        slideUp: st("hide"),
+        slideToggle: st("toggle"),
+        fadeIn: { opacity: "show" },
+        fadeOut: { opacity: "hide" },
+        fadeToggle: { opacity: "toggle" },
+      },
+      function (e, r) {
+        S.fn[e] = function (e, t, n) {
+          return this.animate(r, e, t, n);
+        };
+      }
+    ),
+    (S.timers = []),
+    (S.fx.tick = function () {
+      var e,
+        t = 0,
+        n = S.timers;
+      for (Ze = Date.now(); t < n.length; t++)
+        (e = n[t])() || n[t] !== e || n.splice(t--, 1);
+      n.length || S.fx.stop(), (Ze = void 0);
+    }),
+    (S.fx.timer = function (e) {
+      S.timers.push(e), S.fx.start();
+    }),
+    (S.fx.interval = 13),
+    (S.fx.start = function () {
+      et || ((et = !0), ot());
+    }),
+    (S.fx.stop = function () {
+      et = null;
+    }),
+    (S.fx.speeds = { slow: 600, fast: 200, _default: 400 }),
+    (S.fn.delay = function (r, e) {
+      return (
+        (r = (S.fx && S.fx.speeds[r]) || r),
+        (e = e || "fx"),
+        this.queue(e, function (e, t) {
+          var n = C.setTimeout(e, r);
+          t.stop = function () {
+            C.clearTimeout(n);
+          };
+        })
+      );
+    }),
+    (tt = E.createElement("input")),
+    (nt = E.createElement("select").appendChild(E.createElement("option"))),
+    (tt.type = "checkbox"),
+    (y.checkOn = "" !== tt.value),
+    (y.optSelected = nt.selected),
+    ((tt = E.createElement("input")).value = "t"),
+    (tt.type = "radio"),
+    (y.radioValue = "t" === tt.value);
+  var ct,
+    ft = S.expr.attrHandle;
+  S.fn.extend({
+    attr: function (e, t) {
+      return $(this, S.attr, e, t, 1 < arguments.length);
+    },
+    removeAttr: function (e) {
+      return this.each(function () {
+        S.removeAttr(this, e);
+      });
+    },
+  }),
+    S.extend({
+      attr: function (e, t, n) {
+        var r,
+          i,
+          o = e.nodeType;
+        if (3 !== o && 8 !== o && 2 !== o)
+          return "undefined" == typeof e.getAttribute
+            ? S.prop(e, t, n)
+            : ((1 === o && S.isXMLDoc(e)) ||
+                (i =
+                  S.attrHooks[t.toLowerCase()] ||
+                  (S.expr.match.bool.test(t) ? ct : void 0)),
+              void 0 !== n
+                ? null === n
+                  ? void S.removeAttr(e, t)
+                  : i && "set" in i && void 0 !== (r = i.set(e, n, t))
+                  ? r
+                  : (e.setAttribute(t, n + ""), n)
+                : i && "get" in i && null !== (r = i.get(e, t))
+                ? r
+                : null == (r = S.find.attr(e, t))
+                ? void 0
+                : r);
+      },
+      attrHooks: {
+        type: {
+          set: function (e, t) {
+            if (!y.radioValue && "radio" === t && A(e, "input")) {
+              var n = e.value;
+              return e.setAttribute("type", t), n && (e.value = n), t;
+            }
+          },
+        },
+      },
+      removeAttr: function (e, t) {
+        var n,
+          r = 0,
+          i = t && t.match(P);
+        if (i && 1 === e.nodeType) while ((n = i[r++])) e.removeAttribute(n);
+      },
+    }),
+    (ct = {
+      set: function (e, t, n) {
+        return !1 === t ? S.removeAttr(e, n) : e.setAttribute(n, n), n;
+      },
+    }),
+    S.each(S.expr.match.bool.source.match(/\w+/g), function (e, t) {
+      var a = ft[t] || S.find.attr;
+      ft[t] = function (e, t, n) {
+        var r,
+          i,
+          o = t.toLowerCase();
+        return (
+          n ||
+            ((i = ft[o]),
+            (ft[o] = r),
+            (r = null != a(e, t, n) ? o : null),
+            (ft[o] = i)),
+          r
+        );
+      };
+    });
+  var pt = /^(?:input|select|textarea|button)$/i,
+    dt = /^(?:a|area)$/i;
+  function ht(e) {
+    return (e.match(P) || []).join(" ");
+  }
+  function gt(e) {
+    return (e.getAttribute && e.getAttribute("class")) || "";
+  }
+  function vt(e) {
+    return Array.isArray(e) ? e : ("string" == typeof e && e.match(P)) || [];
+  }
+  S.fn.extend({
+    prop: function (e, t) {
+      return $(this, S.prop, e, t, 1 < arguments.length);
+    },
+    removeProp: function (e) {
+      return this.each(function () {
+        delete this[S.propFix[e] || e];
+      });
+    },
+  }),
+    S.extend({
+      prop: function (e, t, n) {
+        var r,
+          i,
+          o = e.nodeType;
+        if (3 !== o && 8 !== o && 2 !== o)
+          return (
+            (1 === o && S.isXMLDoc(e)) ||
+              ((t = S.propFix[t] || t), (i = S.propHooks[t])),
+            void 0 !== n
+              ? i && "set" in i && void 0 !== (r = i.set(e, n, t))
+                ? r
+                : (e[t] = n)
+              : i && "get" in i && null !== (r = i.get(e, t))
+              ? r
+              : e[t]
+          );
+      },
+      propHooks: {
+        tabIndex: {
+          get: function (e) {
+            var t = S.find.attr(e, "tabindex");
+            return t
+              ? parseInt(t, 10)
+              : pt.test(e.nodeName) || (dt.test(e.nodeName) && e.href)
+              ? 0
+              : -1;
+          },
+        },
+      },
+      propFix: { for: "htmlFor", class: "className" },
+    }),
+    y.optSelected ||
+      (S.propHooks.selected = {
+        get: function (e) {
+          var t = e.parentNode;
+          return t && t.parentNode && t.parentNode.selectedIndex, null;
+        },
+        set: function (e) {
+          var t = e.parentNode;
+          t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex);
+        },
+      }),
+    S.each(
+      [
+        "tabIndex",
+        "readOnly",
+        "maxLength",
+        "cellSpacing",
+        "cellPadding",
+        "rowSpan",
+        "colSpan",
+        "useMap",
+        "frameBorder",
+        "contentEditable",
+      ],
+      function () {
+        S.propFix[this.toLowerCase()] = this;
+      }
+    ),
+    S.fn.extend({
+      addClass: function (t) {
+        var e,
+          n,
+          r,
+          i,
+          o,
+          a,
+          s,
+          u = 0;
+        if (m(t))
+          return this.each(function (e) {
+            S(this).addClass(t.call(this, e, gt(this)));
+          });
+        if ((e = vt(t)).length)
+          while ((n = this[u++]))
+            if (((i = gt(n)), (r = 1 === n.nodeType && " " + ht(i) + " "))) {
+              a = 0;
+              while ((o = e[a++]))
+                r.indexOf(" " + o + " ") < 0 && (r += o + " ");
+              i !== (s = ht(r)) && n.setAttribute("class", s);
+            }
+        return this;
+      },
+      removeClass: function (t) {
+        var e,
+          n,
+          r,
+          i,
+          o,
+          a,
+          s,
+          u = 0;
+        if (m(t))
+          return this.each(function (e) {
+            S(this).removeClass(t.call(this, e, gt(this)));
+          });
+        if (!arguments.length) return this.attr("class", "");
+        if ((e = vt(t)).length)
+          while ((n = this[u++]))
+            if (((i = gt(n)), (r = 1 === n.nodeType && " " + ht(i) + " "))) {
+              a = 0;
+              while ((o = e[a++]))
+                while (-1 < r.indexOf(" " + o + " "))
+                  r = r.replace(" " + o + " ", " ");
+              i !== (s = ht(r)) && n.setAttribute("class", s);
+            }
+        return this;
+      },
+      toggleClass: function (i, t) {
+        var o = typeof i,
+          a = "string" === o || Array.isArray(i);
+        return "boolean" == typeof t && a
+          ? t
+            ? this.addClass(i)
+            : this.removeClass(i)
+          : m(i)
+          ? this.each(function (e) {
+              S(this).toggleClass(i.call(this, e, gt(this), t), t);
+            })
+          : this.each(function () {
+              var e, t, n, r;
+              if (a) {
+                (t = 0), (n = S(this)), (r = vt(i));
+                while ((e = r[t++]))
+                  n.hasClass(e) ? n.removeClass(e) : n.addClass(e);
+              } else (void 0 !== i && "boolean" !== o) || ((e = gt(this)) && Y.set(this, "__className__", e), this.setAttribute && this.setAttribute("class", e || !1 === i ? "" : Y.get(this, "__className__") || ""));
+            });
+      },
+      hasClass: function (e) {
+        var t,
+          n,
+          r = 0;
+        t = " " + e + " ";
+        while ((n = this[r++]))
+          if (1 === n.nodeType && -1 < (" " + ht(gt(n)) + " ").indexOf(t))
+            return !0;
+        return !1;
+      },
+    });
+  var yt = /\r/g;
+  S.fn.extend({
+    val: function (n) {
+      var r,
+        e,
+        i,
+        t = this[0];
+      return arguments.length
+        ? ((i = m(n)),
+          this.each(function (e) {
+            var t;
+            1 === this.nodeType &&
+              (null == (t = i ? n.call(this, e, S(this).val()) : n)
+                ? (t = "")
+                : "number" == typeof t
+                ? (t += "")
+                : Array.isArray(t) &&
+                  (t = S.map(t, function (e) {
+                    return null == e ? "" : e + "";
+                  })),
+              ((r =
+                S.valHooks[this.type] ||
+                S.valHooks[this.nodeName.toLowerCase()]) &&
+                "set" in r &&
+                void 0 !== r.set(this, t, "value")) ||
+                (this.value = t));
+          }))
+        : t
+        ? (r = S.valHooks[t.type] || S.valHooks[t.nodeName.toLowerCase()]) &&
+          "get" in r &&
+          void 0 !== (e = r.get(t, "value"))
+          ? e
+          : "string" == typeof (e = t.value)
+          ? e.replace(yt, "")
+          : null == e
+          ? ""
+          : e
+        : void 0;
+    },
+  }),
+    S.extend({
+      valHooks: {
+        option: {
+          get: function (e) {
+            var t = S.find.attr(e, "value");
+            return null != t ? t : ht(S.text(e));
+          },
+        },
+        select: {
+          get: function (e) {
+            var t,
+              n,
+              r,
+              i = e.options,
+              o = e.selectedIndex,
+              a = "select-one" === e.type,
+              s = a ? null : [],
+              u = a ? o + 1 : i.length;
+            for (r = o < 0 ? u : a ? o : 0; r < u; r++)
+              if (
+                ((n = i[r]).selected || r === o) &&
+                !n.disabled &&
+                (!n.parentNode.disabled || !A(n.parentNode, "optgroup"))
+              ) {
+                if (((t = S(n).val()), a)) return t;
+                s.push(t);
+              }
+            return s;
+          },
+          set: function (e, t) {
+            var n,
+              r,
+              i = e.options,
+              o = S.makeArray(t),
+              a = i.length;
+            while (a--)
+              ((r = i[a]).selected =
+                -1 < S.inArray(S.valHooks.option.get(r), o)) && (n = !0);
+            return n || (e.selectedIndex = -1), o;
+          },
+        },
+      },
+    }),
+    S.each(["radio", "checkbox"], function () {
+      (S.valHooks[this] = {
+        set: function (e, t) {
+          if (Array.isArray(t))
+            return (e.checked = -1 < S.inArray(S(e).val(), t));
+        },
+      }),
+        y.checkOn ||
+          (S.valHooks[this].get = function (e) {
+            return null === e.getAttribute("value") ? "on" : e.value;
+          });
+    }),
+    (y.focusin = "onfocusin" in C);
+  var mt = /^(?:focusinfocus|focusoutblur)$/,
+    xt = function (e) {
+      e.stopPropagation();
+    };
+  S.extend(S.event, {
+    trigger: function (e, t, n, r) {
+      var i,
+        o,
+        a,
+        s,
+        u,
+        l,
+        c,
+        f,
+        p = [n || E],
+        d = v.call(e, "type") ? e.type : e,
+        h = v.call(e, "namespace") ? e.namespace.split(".") : [];
+      if (
+        ((o = f = a = n = n || E),
+        3 !== n.nodeType &&
+          8 !== n.nodeType &&
+          !mt.test(d + S.event.triggered) &&
+          (-1 < d.indexOf(".") && ((d = (h = d.split(".")).shift()), h.sort()),
+          (u = d.indexOf(":") < 0 && "on" + d),
+          ((e = e[S.expando]
+            ? e
+            : new S.Event(d, "object" == typeof e && e)).isTrigger = r ? 2 : 3),
+          (e.namespace = h.join(".")),
+          (e.rnamespace = e.namespace
+            ? new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)")
+            : null),
+          (e.result = void 0),
+          e.target || (e.target = n),
+          (t = null == t ? [e] : S.makeArray(t, [e])),
+          (c = S.event.special[d] || {}),
+          r || !c.trigger || !1 !== c.trigger.apply(n, t)))
+      ) {
+        if (!r && !c.noBubble && !x(n)) {
+          for (
+            s = c.delegateType || d, mt.test(s + d) || (o = o.parentNode);
+            o;
+            o = o.parentNode
+          )
+            p.push(o), (a = o);
+          a === (n.ownerDocument || E) &&
+            p.push(a.defaultView || a.parentWindow || C);
+        }
+        i = 0;
+        while ((o = p[i++]) && !e.isPropagationStopped())
+          (f = o),
+            (e.type = 1 < i ? s : c.bindType || d),
+            (l =
+              (Y.get(o, "events") || Object.create(null))[e.type] &&
+              Y.get(o, "handle")) && l.apply(o, t),
+            (l = u && o[u]) &&
+              l.apply &&
+              V(o) &&
+              ((e.result = l.apply(o, t)),
+              !1 === e.result && e.preventDefault());
+        return (
+          (e.type = d),
+          r ||
+            e.isDefaultPrevented() ||
+            (c._default && !1 !== c._default.apply(p.pop(), t)) ||
+            !V(n) ||
+            (u &&
+              m(n[d]) &&
+              !x(n) &&
+              ((a = n[u]) && (n[u] = null),
+              (S.event.triggered = d),
+              e.isPropagationStopped() && f.addEventListener(d, xt),
+              n[d](),
+              e.isPropagationStopped() && f.removeEventListener(d, xt),
+              (S.event.triggered = void 0),
+              a && (n[u] = a))),
+          e.result
+        );
+      }
+    },
+    simulate: function (e, t, n) {
+      var r = S.extend(new S.Event(), n, { type: e, isSimulated: !0 });
+      S.event.trigger(r, null, t);
+    },
+  }),
+    S.fn.extend({
+      trigger: function (e, t) {
+        return this.each(function () {
+          S.event.trigger(e, t, this);
+        });
+      },
+      triggerHandler: function (e, t) {
+        var n = this[0];
+        if (n) return S.event.trigger(e, t, n, !0);
+      },
+    }),
+    y.focusin ||
+      S.each({ focus: "focusin", blur: "focusout" }, function (n, r) {
+        var i = function (e) {
+          S.event.simulate(r, e.target, S.event.fix(e));
+        };
+        S.event.special[r] = {
+          setup: function () {
+            var e = this.ownerDocument || this.document || this,
+              t = Y.access(e, r);
+            t || e.addEventListener(n, i, !0), Y.access(e, r, (t || 0) + 1);
+          },
+          teardown: function () {
+            var e = this.ownerDocument || this.document || this,
+              t = Y.access(e, r) - 1;
+            t
+              ? Y.access(e, r, t)
+              : (e.removeEventListener(n, i, !0), Y.remove(e, r));
+          },
+        };
+      });
+  var bt = C.location,
+    wt = { guid: Date.now() },
+    Tt = /\?/;
+  S.parseXML = function (e) {
+    var t, n;
+    if (!e || "string" != typeof e) return null;
+    try {
+      t = new C.DOMParser().parseFromString(e, "text/xml");
+    } catch (e) {}
+    return (
+      (n = t && t.getElementsByTagName("parsererror")[0]),
+      (t && !n) ||
+        S.error(
+          "Invalid XML: " +
+            (n
+              ? S.map(n.childNodes, function (e) {
+                  return e.textContent;
+                }).join("\n")
+              : e)
+        ),
+      t
+    );
+  };
+  var Ct = /\[\]$/,
+    Et = /\r?\n/g,
+    St = /^(?:submit|button|image|reset|file)$/i,
+    kt = /^(?:input|select|textarea|keygen)/i;
+  function At(n, e, r, i) {
+    var t;
+    if (Array.isArray(e))
+      S.each(e, function (e, t) {
+        r || Ct.test(n)
+          ? i(n, t)
+          : At(
+              n + "[" + ("object" == typeof t && null != t ? e : "") + "]",
+              t,
+              r,
+              i
+            );
+      });
+    else if (r || "object" !== w(e)) i(n, e);
+    else for (t in e) At(n + "[" + t + "]", e[t], r, i);
+  }
+  (S.param = function (e, t) {
+    var n,
+      r = [],
+      i = function (e, t) {
+        var n = m(t) ? t() : t;
+        r[r.length] =
+          encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n);
+      };
+    if (null == e) return "";
+    if (Array.isArray(e) || (e.jquery && !S.isPlainObject(e)))
+      S.each(e, function () {
+        i(this.name, this.value);
+      });
+    else for (n in e) At(n, e[n], t, i);
+    return r.join("&");
+  }),
+    S.fn.extend({
+      serialize: function () {
+        return S.param(this.serializeArray());
+      },
+      serializeArray: function () {
+        return this.map(function () {
+          var e = S.prop(this, "elements");
+          return e ? S.makeArray(e) : this;
+        })
+          .filter(function () {
+            var e = this.type;
+            return (
+              this.name &&
+              !S(this).is(":disabled") &&
+              kt.test(this.nodeName) &&
+              !St.test(e) &&
+              (this.checked || !pe.test(e))
+            );
+          })
+          .map(function (e, t) {
+            var n = S(this).val();
+            return null == n
+              ? null
+              : Array.isArray(n)
+              ? S.map(n, function (e) {
+                  return { name: t.name, value: e.replace(Et, "\r\n") };
+                })
+              : { name: t.name, value: n.replace(Et, "\r\n") };
+          })
+          .get();
+      },
+    });
+  var Nt = /%20/g,
+    jt = /#.*$/,
+    Dt = /([?&])_=[^&]*/,
+    qt = /^(.*?):[ \t]*([^\r\n]*)$/gm,
+    Lt = /^(?:GET|HEAD)$/,
+    Ht = /^\/\//,
+    Ot = {},
+    Pt = {},
+    Rt = "*/".concat("*"),
+    Mt = E.createElement("a");
+  function It(o) {
+    return function (e, t) {
+      "string" != typeof e && ((t = e), (e = "*"));
+      var n,
+        r = 0,
+        i = e.toLowerCase().match(P) || [];
+      if (m(t))
+        while ((n = i[r++]))
+          "+" === n[0]
+            ? ((n = n.slice(1) || "*"), (o[n] = o[n] || []).unshift(t))
+            : (o[n] = o[n] || []).push(t);
+    };
+  }
+  function Wt(t, i, o, a) {
+    var s = {},
+      u = t === Pt;
+    function l(e) {
+      var r;
+      return (
+        (s[e] = !0),
+        S.each(t[e] || [], function (e, t) {
+          var n = t(i, o, a);
+          return "string" != typeof n || u || s[n]
+            ? u
+              ? !(r = n)
+              : void 0
+            : (i.dataTypes.unshift(n), l(n), !1);
+        }),
+        r
+      );
+    }
+    return l(i.dataTypes[0]) || (!s["*"] && l("*"));
+  }
+  function Ft(e, t) {
+    var n,
+      r,
+      i = S.ajaxSettings.flatOptions || {};
+    for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
+    return r && S.extend(!0, e, r), e;
+  }
+  (Mt.href = bt.href),
+    S.extend({
+      active: 0,
+      lastModified: {},
+      etag: {},
+      ajaxSettings: {
+        url: bt.href,
+        type: "GET",
+        isLocal:
+          /^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(
+            bt.protocol
+          ),
+        global: !0,
+        processData: !0,
+        async: !0,
+        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+        accepts: {
+          "*": Rt,
+          text: "text/plain",
+          html: "text/html",
+          xml: "application/xml, text/xml",
+          json: "application/json, text/javascript",
+        },
+        contents: { xml: /\bxml\b/, html: /\bhtml/, json: /\bjson\b/ },
+        responseFields: {
+          xml: "responseXML",
+          text: "responseText",
+          json: "responseJSON",
+        },
+        converters: {
+          "* text": String,
+          "text html": !0,
+          "text json": JSON.parse,
+          "text xml": S.parseXML,
+        },
+        flatOptions: { url: !0, context: !0 },
+      },
+      ajaxSetup: function (e, t) {
+        return t ? Ft(Ft(e, S.ajaxSettings), t) : Ft(S.ajaxSettings, e);
+      },
+      ajaxPrefilter: It(Ot),
+      ajaxTransport: It(Pt),
+      ajax: function (e, t) {
+        "object" == typeof e && ((t = e), (e = void 0)), (t = t || {});
+        var c,
+          f,
+          p,
+          n,
+          d,
+          r,
+          h,
+          g,
+          i,
+          o,
+          v = S.ajaxSetup({}, t),
+          y = v.context || v,
+          m = v.context && (y.nodeType || y.jquery) ? S(y) : S.event,
+          x = S.Deferred(),
+          b = S.Callbacks("once memory"),
+          w = v.statusCode || {},
+          a = {},
+          s = {},
+          u = "canceled",
+          T = {
+            readyState: 0,
+            getResponseHeader: function (e) {
+              var t;
+              if (h) {
+                if (!n) {
+                  n = {};
+                  while ((t = qt.exec(p)))
+                    n[t[1].toLowerCase() + " "] = (
+                      n[t[1].toLowerCase() + " "] || []
+                    ).concat(t[2]);
+                }
+                t = n[e.toLowerCase() + " "];
+              }
+              return null == t ? null : t.join(", ");
+            },
+            getAllResponseHeaders: function () {
+              return h ? p : null;
+            },
+            setRequestHeader: function (e, t) {
+              return (
+                null == h &&
+                  ((e = s[e.toLowerCase()] = s[e.toLowerCase()] || e),
+                  (a[e] = t)),
+                this
+              );
+            },
+            overrideMimeType: function (e) {
+              return null == h && (v.mimeType = e), this;
+            },
+            statusCode: function (e) {
+              var t;
+              if (e)
+                if (h) T.always(e[T.status]);
+                else for (t in e) w[t] = [w[t], e[t]];
+              return this;
+            },
+            abort: function (e) {
+              var t = e || u;
+              return c && c.abort(t), l(0, t), this;
+            },
+          };
+        if (
+          (x.promise(T),
+          (v.url = ((e || v.url || bt.href) + "").replace(
+            Ht,
+            bt.protocol + "//"
+          )),
+          (v.type = t.method || t.type || v.method || v.type),
+          (v.dataTypes = (v.dataType || "*").toLowerCase().match(P) || [""]),
+          null == v.crossDomain)
+        ) {
+          r = E.createElement("a");
+          try {
+            (r.href = v.url),
+              (r.href = r.href),
+              (v.crossDomain =
+                Mt.protocol + "//" + Mt.host != r.protocol + "//" + r.host);
+          } catch (e) {
+            v.crossDomain = !0;
+          }
+        }
+        if (
+          (v.data &&
+            v.processData &&
+            "string" != typeof v.data &&
+            (v.data = S.param(v.data, v.traditional)),
+          Wt(Ot, v, t, T),
+          h)
+        )
+          return T;
+        for (i in ((g = S.event && v.global) &&
+          0 == S.active++ &&
+          S.event.trigger("ajaxStart"),
+        (v.type = v.type.toUpperCase()),
+        (v.hasContent = !Lt.test(v.type)),
+        (f = v.url.replace(jt, "")),
+        v.hasContent
+          ? v.data &&
+            v.processData &&
+            0 ===
+              (v.contentType || "").indexOf(
+                "application/x-www-form-urlencoded"
+              ) &&
+            (v.data = v.data.replace(Nt, "+"))
+          : ((o = v.url.slice(f.length)),
+            v.data &&
+              (v.processData || "string" == typeof v.data) &&
+              ((f += (Tt.test(f) ? "&" : "?") + v.data), delete v.data),
+            !1 === v.cache &&
+              ((f = f.replace(Dt, "$1")),
+              (o = (Tt.test(f) ? "&" : "?") + "_=" + wt.guid++ + o)),
+            (v.url = f + o)),
+        v.ifModified &&
+          (S.lastModified[f] &&
+            T.setRequestHeader("If-Modified-Since", S.lastModified[f]),
+          S.etag[f] && T.setRequestHeader("If-None-Match", S.etag[f])),
+        ((v.data && v.hasContent && !1 !== v.contentType) || t.contentType) &&
+          T.setRequestHeader("Content-Type", v.contentType),
+        T.setRequestHeader(
+          "Accept",
+          v.dataTypes[0] && v.accepts[v.dataTypes[0]]
+            ? v.accepts[v.dataTypes[0]] +
+                ("*" !== v.dataTypes[0] ? ", " + Rt + "; q=0.01" : "")
+            : v.accepts["*"]
+        ),
+        v.headers))
+          T.setRequestHeader(i, v.headers[i]);
+        if (v.beforeSend && (!1 === v.beforeSend.call(y, T, v) || h))
+          return T.abort();
+        if (
+          ((u = "abort"),
+          b.add(v.complete),
+          T.done(v.success),
+          T.fail(v.error),
+          (c = Wt(Pt, v, t, T)))
+        ) {
+          if (((T.readyState = 1), g && m.trigger("ajaxSend", [T, v]), h))
+            return T;
+          v.async &&
+            0 < v.timeout &&
+            (d = C.setTimeout(function () {
+              T.abort("timeout");
+            }, v.timeout));
+          try {
+            (h = !1), c.send(a, l);
+          } catch (e) {
+            if (h) throw e;
+            l(-1, e);
+          }
+        } else l(-1, "No Transport");
+        function l(e, t, n, r) {
+          var i,
+            o,
+            a,
+            s,
+            u,
+            l = t;
+          h ||
+            ((h = !0),
+            d && C.clearTimeout(d),
+            (c = void 0),
+            (p = r || ""),
+            (T.readyState = 0 < e ? 4 : 0),
+            (i = (200 <= e && e < 300) || 304 === e),
+            n &&
+              (s = (function (e, t, n) {
+                var r,
+                  i,
+                  o,
+                  a,
+                  s = e.contents,
+                  u = e.dataTypes;
+                while ("*" === u[0])
+                  u.shift(),
+                    void 0 === r &&
+                      (r = e.mimeType || t.getResponseHeader("Content-Type"));
+                if (r)
+                  for (i in s)
+                    if (s[i] && s[i].test(r)) {
+                      u.unshift(i);
+                      break;
+                    }
+                if (u[0] in n) o = u[0];
+                else {
+                  for (i in n) {
+                    if (!u[0] || e.converters[i + " " + u[0]]) {
+                      o = i;
+                      break;
+                    }
+                    a || (a = i);
+                  }
+                  o = o || a;
+                }
+                if (o) return o !== u[0] && u.unshift(o), n[o];
+              })(v, T, n)),
+            !i &&
+              -1 < S.inArray("script", v.dataTypes) &&
+              S.inArray("json", v.dataTypes) < 0 &&
+              (v.converters["text script"] = function () {}),
+            (s = (function (e, t, n, r) {
+              var i,
+                o,
+                a,
+                s,
+                u,
+                l = {},
+                c = e.dataTypes.slice();
+              if (c[1])
+                for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
+              o = c.shift();
+              while (o)
+                if (
+                  (e.responseFields[o] && (n[e.responseFields[o]] = t),
+                  !u && r && e.dataFilter && (t = e.dataFilter(t, e.dataType)),
+                  (u = o),
+                  (o = c.shift()))
+                )
+                  if ("*" === o) o = u;
+                  else if ("*" !== u && u !== o) {
+                    if (!(a = l[u + " " + o] || l["* " + o]))
+                      for (i in l)
+                        if (
+                          (s = i.split(" "))[1] === o &&
+                          (a = l[u + " " + s[0]] || l["* " + s[0]])
+                        ) {
+                          !0 === a
+                            ? (a = l[i])
+                            : !0 !== l[i] && ((o = s[0]), c.unshift(s[1]));
+                          break;
+                        }
+                    if (!0 !== a)
+                      if (a && e["throws"]) t = a(t);
+                      else
+                        try {
+                          t = a(t);
+                        } catch (e) {
+                          return {
+                            state: "parsererror",
+                            error: a
+                              ? e
+                              : "No conversion from " + u + " to " + o,
+                          };
+                        }
+                  }
+              return { state: "success", data: t };
+            })(v, s, T, i)),
+            i
+              ? (v.ifModified &&
+                  ((u = T.getResponseHeader("Last-Modified")) &&
+                    (S.lastModified[f] = u),
+                  (u = T.getResponseHeader("etag")) && (S.etag[f] = u)),
+                204 === e || "HEAD" === v.type
+                  ? (l = "nocontent")
+                  : 304 === e
+                  ? (l = "notmodified")
+                  : ((l = s.state), (o = s.data), (i = !(a = s.error))))
+              : ((a = l), (!e && l) || ((l = "error"), e < 0 && (e = 0))),
+            (T.status = e),
+            (T.statusText = (t || l) + ""),
+            i ? x.resolveWith(y, [o, l, T]) : x.rejectWith(y, [T, l, a]),
+            T.statusCode(w),
+            (w = void 0),
+            g && m.trigger(i ? "ajaxSuccess" : "ajaxError", [T, v, i ? o : a]),
+            b.fireWith(y, [T, l]),
+            g &&
+              (m.trigger("ajaxComplete", [T, v]),
+              --S.active || S.event.trigger("ajaxStop")));
+        }
+        return T;
+      },
+      getJSON: function (e, t, n) {
+        return S.get(e, t, n, "json");
+      },
+      getScript: function (e, t) {
+        return S.get(e, void 0, t, "script");
+      },
+    }),
+    S.each(["get", "post"], function (e, i) {
+      S[i] = function (e, t, n, r) {
+        return (
+          m(t) && ((r = r || n), (n = t), (t = void 0)),
+          S.ajax(
+            S.extend(
+              { url: e, type: i, dataType: r, data: t, success: n },
+              S.isPlainObject(e) && e
+            )
+          )
+        );
+      };
+    }),
+    S.ajaxPrefilter(function (e) {
+      var t;
+      for (t in e.headers)
+        "content-type" === t.toLowerCase() &&
+          (e.contentType = e.headers[t] || "");
+    }),
+    (S._evalUrl = function (e, t, n) {
+      return S.ajax({
+        url: e,
+        type: "GET",
+        dataType: "script",
+        cache: !0,
+        async: !1,
+        global: !1,
+        converters: { "text script": function () {} },
+        dataFilter: function (e) {
+          S.globalEval(e, t, n);
+        },
+      });
+    }),
+    S.fn.extend({
+      wrapAll: function (e) {
+        var t;
+        return (
+          this[0] &&
+            (m(e) && (e = e.call(this[0])),
+            (t = S(e, this[0].ownerDocument).eq(0).clone(!0)),
+            this[0].parentNode && t.insertBefore(this[0]),
+            t
+              .map(function () {
+                var e = this;
+                while (e.firstElementChild) e = e.firstElementChild;
+                return e;
+              })
+              .append(this)),
+          this
+        );
+      },
+      wrapInner: function (n) {
+        return m(n)
+          ? this.each(function (e) {
+              S(this).wrapInner(n.call(this, e));
+            })
+          : this.each(function () {
+              var e = S(this),
+                t = e.contents();
+              t.length ? t.wrapAll(n) : e.append(n);
+            });
+      },
+      wrap: function (t) {
+        var n = m(t);
+        return this.each(function (e) {
+          S(this).wrapAll(n ? t.call(this, e) : t);
+        });
+      },
+      unwrap: function (e) {
+        return (
+          this.parent(e)
+            .not("body")
+            .each(function () {
+              S(this).replaceWith(this.childNodes);
+            }),
+          this
+        );
+      },
+    }),
+    (S.expr.pseudos.hidden = function (e) {
+      return !S.expr.pseudos.visible(e);
+    }),
+    (S.expr.pseudos.visible = function (e) {
+      return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
+    }),
+    (S.ajaxSettings.xhr = function () {
+      try {
+        return new C.XMLHttpRequest();
+      } catch (e) {}
+    });
+  var Bt = { 0: 200, 1223: 204 },
+    $t = S.ajaxSettings.xhr();
+  (y.cors = !!$t && "withCredentials" in $t),
+    (y.ajax = $t = !!$t),
+    S.ajaxTransport(function (i) {
+      var o, a;
+      if (y.cors || ($t && !i.crossDomain))
+        return {
+          send: function (e, t) {
+            var n,
+              r = i.xhr();
+            if (
+              (r.open(i.type, i.url, i.async, i.username, i.password),
+              i.xhrFields)
+            )
+              for (n in i.xhrFields) r[n] = i.xhrFields[n];
+            for (n in (i.mimeType &&
+              r.overrideMimeType &&
+              r.overrideMimeType(i.mimeType),
+            i.crossDomain ||
+              e["X-Requested-With"] ||
+              (e["X-Requested-With"] = "XMLHttpRequest"),
+            e))
+              r.setRequestHeader(n, e[n]);
+            (o = function (e) {
+              return function () {
+                o &&
+                  ((o =
+                    a =
+                    r.onload =
+                    r.onerror =
+                    r.onabort =
+                    r.ontimeout =
+                    r.onreadystatechange =
+                      null),
+                  "abort" === e
+                    ? r.abort()
+                    : "error" === e
+                    ? "number" != typeof r.status
+                      ? t(0, "error")
+                      : t(r.status, r.statusText)
+                    : t(
+                        Bt[r.status] || r.status,
+                        r.statusText,
+                        "text" !== (r.responseType || "text") ||
+                          "string" != typeof r.responseText
+                          ? { binary: r.response }
+                          : { text: r.responseText },
+                        r.getAllResponseHeaders()
+                      ));
+              };
+            }),
+              (r.onload = o()),
+              (a = r.onerror = r.ontimeout = o("error")),
+              void 0 !== r.onabort
+                ? (r.onabort = a)
+                : (r.onreadystatechange = function () {
+                    4 === r.readyState &&
+                      C.setTimeout(function () {
+                        o && a();
+                      });
+                  }),
+              (o = o("abort"));
+            try {
+              r.send((i.hasContent && i.data) || null);
+            } catch (e) {
+              if (o) throw e;
+            }
+          },
+          abort: function () {
+            o && o();
+          },
+        };
+    }),
+    S.ajaxPrefilter(function (e) {
+      e.crossDomain && (e.contents.script = !1);
+    }),
+    S.ajaxSetup({
+      accepts: {
+        script:
+          "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript",
+      },
+      contents: { script: /\b(?:java|ecma)script\b/ },
+      converters: {
+        "text script": function (e) {
+          return S.globalEval(e), e;
+        },
+      },
+    }),
+    S.ajaxPrefilter("script", function (e) {
+      void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET");
+    }),
+    S.ajaxTransport("script", function (n) {
+      var r, i;
+      if (n.crossDomain || n.scriptAttrs)
+        return {
+          send: function (e, t) {
+            (r = S("<script>")
+              .attr(n.scriptAttrs || {})
+              .prop({ charset: n.scriptCharset, src: n.url })
+              .on(
+                "load error",
+                (i = function (e) {
+                  r.remove(),
+                    (i = null),
+                    e && t("error" === e.type ? 404 : 200, e.type);
+                })
+              )),
+              E.head.appendChild(r[0]);
+          },
+          abort: function () {
+            i && i();
+          },
+        };
+    });
+  var _t,
+    zt = [],
+    Ut = /(=)\?(?=&|$)|\?\?/;
+  S.ajaxSetup({
+    jsonp: "callback",
+    jsonpCallback: function () {
+      var e = zt.pop() || S.expando + "_" + wt.guid++;
+      return (this[e] = !0), e;
+    },
+  }),
+    S.ajaxPrefilter("json jsonp", function (e, t, n) {
+      var r,
+        i,
+        o,
+        a =
+          !1 !== e.jsonp &&
+          (Ut.test(e.url)
+            ? "url"
+            : "string" == typeof e.data &&
+              0 ===
+                (e.contentType || "").indexOf(
+                  "application/x-www-form-urlencoded"
+                ) &&
+              Ut.test(e.data) &&
+              "data");
+      if (a || "jsonp" === e.dataTypes[0])
+        return (
+          (r = e.jsonpCallback =
+            m(e.jsonpCallback) ? e.jsonpCallback() : e.jsonpCallback),
+          a
+            ? (e[a] = e[a].replace(Ut, "$1" + r))
+            : !1 !== e.jsonp &&
+              (e.url += (Tt.test(e.url) ? "&" : "?") + e.jsonp + "=" + r),
+          (e.converters["script json"] = function () {
+            return o || S.error(r + " was not called"), o[0];
+          }),
+          (e.dataTypes[0] = "json"),
+          (i = C[r]),
+          (C[r] = function () {
+            o = arguments;
+          }),
+          n.always(function () {
+            void 0 === i ? S(C).removeProp(r) : (C[r] = i),
+              e[r] && ((e.jsonpCallback = t.jsonpCallback), zt.push(r)),
+              o && m(i) && i(o[0]),
+              (o = i = void 0);
+          }),
+          "script"
+        );
+    }),
+    (y.createHTMLDocument =
+      (((_t = E.implementation.createHTMLDocument("").body).innerHTML =
+        "<form></form><form></form>"),
+      2 === _t.childNodes.length)),
+    (S.parseHTML = function (e, t, n) {
+      return "string" != typeof e
+        ? []
+        : ("boolean" == typeof t && ((n = t), (t = !1)),
+          t ||
+            (y.createHTMLDocument
+              ? (((r = (t =
+                  E.implementation.createHTMLDocument("")).createElement(
+                  "base"
+                )).href = E.location.href),
+                t.head.appendChild(r))
+              : (t = E)),
+          (o = !n && []),
+          (i = N.exec(e))
+            ? [t.createElement(i[1])]
+            : ((i = xe([e], t, o)),
+              o && o.length && S(o).remove(),
+              S.merge([], i.childNodes)));
+      var r, i, o;
+    }),
+    (S.fn.load = function (e, t, n) {
+      var r,
+        i,
+        o,
+        a = this,
+        s = e.indexOf(" ");
+      return (
+        -1 < s && ((r = ht(e.slice(s))), (e = e.slice(0, s))),
+        m(t)
+          ? ((n = t), (t = void 0))
+          : t && "object" == typeof t && (i = "POST"),
+        0 < a.length &&
+          S.ajax({ url: e, type: i || "GET", dataType: "html", data: t })
+            .done(function (e) {
+              (o = arguments),
+                a.html(r ? S("<div>").append(S.parseHTML(e)).find(r) : e);
+            })
+            .always(
+              n &&
+                function (e, t) {
+                  a.each(function () {
+                    n.apply(this, o || [e.responseText, t, e]);
+                  });
+                }
+            ),
+        this
+      );
+    }),
+    (S.expr.pseudos.animated = function (t) {
+      return S.grep(S.timers, function (e) {
+        return t === e.elem;
+      }).length;
+    }),
+    (S.offset = {
+      setOffset: function (e, t, n) {
+        var r,
+          i,
+          o,
+          a,
+          s,
+          u,
+          l = S.css(e, "position"),
+          c = S(e),
+          f = {};
+        "static" === l && (e.style.position = "relative"),
+          (s = c.offset()),
+          (o = S.css(e, "top")),
+          (u = S.css(e, "left")),
+          ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto")
+            ? ((a = (r = c.position()).top), (i = r.left))
+            : ((a = parseFloat(o) || 0), (i = parseFloat(u) || 0)),
+          m(t) && (t = t.call(e, n, S.extend({}, s))),
+          null != t.top && (f.top = t.top - s.top + a),
+          null != t.left && (f.left = t.left - s.left + i),
+          "using" in t ? t.using.call(e, f) : c.css(f);
+      },
+    }),
+    S.fn.extend({
+      offset: function (t) {
+        if (arguments.length)
+          return void 0 === t
+            ? this
+            : this.each(function (e) {
+                S.offset.setOffset(this, t, e);
+              });
+        var e,
+          n,
+          r = this[0];
+        return r
+          ? r.getClientRects().length
+            ? ((e = r.getBoundingClientRect()),
+              (n = r.ownerDocument.defaultView),
+              { top: e.top + n.pageYOffset, left: e.left + n.pageXOffset })
+            : { top: 0, left: 0 }
+          : void 0;
+      },
+      position: function () {
+        if (this[0]) {
+          var e,
+            t,
+            n,
+            r = this[0],
+            i = { top: 0, left: 0 };
+          if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
+          else {
+            (t = this.offset()),
+              (n = r.ownerDocument),
+              (e = r.offsetParent || n.documentElement);
+            while (
+              e &&
+              (e === n.body || e === n.documentElement) &&
+              "static" === S.css(e, "position")
+            )
+              e = e.parentNode;
+            e &&
+              e !== r &&
+              1 === e.nodeType &&
+              (((i = S(e).offset()).top += S.css(e, "borderTopWidth", !0)),
+              (i.left += S.css(e, "borderLeftWidth", !0)));
+          }
+          return {
+            top: t.top - i.top - S.css(r, "marginTop", !0),
+            left: t.left - i.left - S.css(r, "marginLeft", !0),
+          };
+        }
+      },
+      offsetParent: function () {
+        return this.map(function () {
+          var e = this.offsetParent;
+          while (e && "static" === S.css(e, "position")) e = e.offsetParent;
+          return e || re;
+        });
+      },
+    }),
+    S.each(
+      { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" },
+      function (t, i) {
+        var o = "pageYOffset" === i;
+        S.fn[t] = function (e) {
+          return $(
+            this,
+            function (e, t, n) {
+              var r;
+              if (
+                (x(e) ? (r = e) : 9 === e.nodeType && (r = e.defaultView),
+                void 0 === n)
+              )
+                return r ? r[i] : e[t];
+              r
+                ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset)
+                : (e[t] = n);
+            },
+            t,
+            e,
+            arguments.length
+          );
+        };
+      }
+    ),
+    S.each(["top", "left"], function (e, n) {
+      S.cssHooks[n] = Fe(y.pixelPosition, function (e, t) {
+        if (t)
+          return (t = We(e, n)), Pe.test(t) ? S(e).position()[n] + "px" : t;
+      });
+    }),
+    S.each({ Height: "height", Width: "width" }, function (a, s) {
+      S.each(
+        { padding: "inner" + a, content: s, "": "outer" + a },
+        function (r, o) {
+          S.fn[o] = function (e, t) {
+            var n = arguments.length && (r || "boolean" != typeof e),
+              i = r || (!0 === e || !0 === t ? "margin" : "border");
+            return $(
+              this,
+              function (e, t, n) {
+                var r;
+                return x(e)
+                  ? 0 === o.indexOf("outer")
+                    ? e["inner" + a]
+                    : e.document.documentElement["client" + a]
+                  : 9 === e.nodeType
+                  ? ((r = e.documentElement),
+                    Math.max(
+                      e.body["scroll" + a],
+                      r["scroll" + a],
+                      e.body["offset" + a],
+                      r["offset" + a],
+                      r["client" + a]
+                    ))
+                  : void 0 === n
+                  ? S.css(e, t, i)
+                  : S.style(e, t, n, i);
+              },
+              s,
+              n ? e : void 0,
+              n
+            );
+          };
+        }
+      );
+    }),
+    S.each(
+      [
+        "ajaxStart",
+        "ajaxStop",
+        "ajaxComplete",
+        "ajaxError",
+        "ajaxSuccess",
+        "ajaxSend",
+      ],
+      function (e, t) {
+        S.fn[t] = function (e) {
+          return this.on(t, e);
+        };
+      }
+    ),
+    S.fn.extend({
+      bind: function (e, t, n) {
+        return this.on(e, null, t, n);
+      },
+      unbind: function (e, t) {
+        return this.off(e, null, t);
+      },
+      delegate: function (e, t, n, r) {
+        return this.on(t, e, n, r);
+      },
+      undelegate: function (e, t, n) {
+        return 1 === arguments.length
+          ? this.off(e, "**")
+          : this.off(t, e || "**", n);
+      },
+      hover: function (e, t) {
+        return this.mouseenter(e).mouseleave(t || e);
+      },
+    }),
+    S.each(
+      "blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(
+        " "
+      ),
+      function (e, n) {
+        S.fn[n] = function (e, t) {
+          return 0 < arguments.length
+            ? this.on(n, null, e, t)
+            : this.trigger(n);
+        };
+      }
+    );
+  var Xt = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
+  (S.proxy = function (e, t) {
+    var n, r, i;
+    if (("string" == typeof t && ((n = e[t]), (t = e), (e = n)), m(e)))
+      return (
+        (r = s.call(arguments, 2)),
+        ((i = function () {
+          return e.apply(t || this, r.concat(s.call(arguments)));
+        }).guid = e.guid =
+          e.guid || S.guid++),
+        i
+      );
+  }),
+    (S.holdReady = function (e) {
+      e ? S.readyWait++ : S.ready(!0);
+    }),
+    (S.isArray = Array.isArray),
+    (S.parseJSON = JSON.parse),
+    (S.nodeName = A),
+    (S.isFunction = m),
+    (S.isWindow = x),
+    (S.camelCase = X),
+    (S.type = w),
+    (S.now = Date.now),
+    (S.isNumeric = function (e) {
+      var t = S.type(e);
+      return ("number" === t || "string" === t) && !isNaN(e - parseFloat(e));
+    }),
+    (S.trim = function (e) {
+      return null == e ? "" : (e + "").replace(Xt, "");
+    }),
+    "function" == typeof define &&
+      define.amd &&
+      define("jquery", [], function () {
+        return S;
+      });
+  var Vt = C.jQuery,
+    Gt = C.$;
+  return (
+    (S.noConflict = function (e) {
+      return C.$ === S && (C.$ = Gt), e && C.jQuery === S && (C.jQuery = Vt), S;
+    }),
+    "undefined" == typeof e && (C.jQuery = C.$ = S),
+    S
+  );
+});
+/*-------------------------------------------------------------
+  19. Maplace.js
+---------------------------------------------------------------*/
+/**
+ * Maplace.js
+ *
+ * Copyright (c) 2013 Daniele Moraschi
+ * Licensed under the MIT license
+ * For all details and documentation:
+ * http://maplacejs.com
+ *
+ * @version  0.2.10
+ * @preserve
+ */
+!(function (a, b) {
+  "function" == typeof define && define.amd
+    ? define(["jquery"], b)
+    : "object" == typeof exports
+    ? (module.exports = b(require("jquery")))
+    : (a.Maplace = b(a.jQuery));
+})(this, function (a) {
+  "use strict";
+  function b(b) {
+    (this.VERSION = "0.2.10"),
+      (this.loaded = !1),
+      (this.markers = []),
+      (this.circles = []),
+      (this.oMap = !1),
+      (this.view_all_key = "all"),
+      (this.infowindow = null),
+      (this.maxZIndex = 0),
+      (this.ln = 0),
+      (this.oMap = !1),
+      (this.oBounds = null),
+      (this.map_div = null),
+      (this.canvas_map = null),
+      (this.controls_wrapper = null),
+      (this.current_control = null),
+      (this.current_index = null),
+      (this.Polyline = null),
+      (this.Polygon = null),
+      (this.Fusion = null),
+      (this.directionsService = null),
+      (this.directionsDisplay = null),
+      (this.o = {
+        debug: !1,
+        map_div: "#gmap",
+        controls_div: "#controls",
+        generate_controls: !0,
+        controls_type: "dropdown",
+        controls_cssclass: "",
+        controls_title: "",
+        controls_on_map: !0,
+        controls_applycss: !0,
+        controls_position: google.maps.ControlPosition.RIGHT_TOP,
+        type: "marker",
+        view_all: !0,
+        view_all_text: "View All",
+        pan_on_click: !0,
+        start: 0,
+        locations: [],
+        shared: {},
+        map_options: { mapTypeId: google.maps.MapTypeId.ROADMAP },
+        stroke_options: {
+          strokeColor: "#0000FF",
+          strokeOpacity: 0.8,
+          strokeWeight: 2,
+          fillColor: "#0000FF",
+          fillOpacity: 0.4,
+        },
+        directions_options: {
+          travelMode: google.maps.TravelMode.DRIVING,
+          unitSystem: google.maps.UnitSystem.METRIC,
+          optimizeWaypoints: !1,
+          provideRouteAlternatives: !1,
+          avoidHighways: !1,
+          avoidTolls: !1,
+        },
+        circle_options: { radius: 100, visible: !0 },
+        styles: {},
+        fusion_options: {},
+        directions_panel: null,
+        draggable: !1,
+        editable: !1,
+        show_infowindows: !0,
+        show_markers: !0,
+        infowindow_type: "bubble",
+        listeners: {},
+        beforeViewAll: function () {},
+        afterViewAll: function () {},
+        beforeShow: function (a, b, c) {},
+        afterShow: function (a, b, c) {},
+        afterCreateMarker: function (a, b, c) {},
+        beforeCloseInfowindow: function (a, b) {},
+        afterCloseInfowindow: function (a, b) {},
+        beforeOpenInfowindow: function (a, b, c) {},
+        afterOpenInfowindow: function (a, b, c) {},
+        afterRoute: function (a, b, c) {},
+        onPolylineClick: function (a) {},
+        onPolygonClick: function (a) {},
+        circleRadiusChanged: function (a, b, c) {},
+        circleCenterChanged: function (a, b, c) {},
+        drag: function (a, b, c) {},
+        dragEnd: function (a, b, c) {},
+        dragStart: function (a, b, c) {},
+      }),
+      this.AddControl("dropdown", c),
+      this.AddControl("list", d),
+      b &&
+        "directions" === b.type &&
+        (!b.show_markers && (b.show_markers = !1),
+        !b.show_infowindows && (b.show_infowindows = !1)),
+      a.extend(!0, this.o, b);
+  }
+  var c, d;
+  return (
+    (c = {
+      activateCurrent: function (a) {
+        this.html_element.find("select").val(a);
+      },
+      getHtml: function () {
+        var b,
+          c,
+          d = this,
+          e = "";
+        if (this.ln > 1) {
+          for (
+            e +=
+              '<select class="dropdown controls ' +
+              this.o.controls_cssclass +
+              '">',
+              this.ShowOnMenu(this.view_all_key) &&
+                (e +=
+                  '<option value="' +
+                  this.view_all_key +
+                  '">' +
+                  this.o.view_all_text +
+                  "</option>"),
+              c = 0;
+            c < this.ln;
+            c += 1
+          )
+            this.ShowOnMenu(c) &&
+              (e +=
+                '<option value="' +
+                (c + 1) +
+                '">' +
+                (this.o.locations[c].title || "#" + (c + 1)) +
+                "</option>");
+          (e += "</select>"),
+            (e = a(e).bind("change", function () {
+              d.ViewOnMap(this.value);
+            }));
+        }
+        return (
+          (b = this.o.controls_title),
+          this.o.controls_title &&
+            (b = a('<div class="controls_title"></div>')
+              .css(
+                this.o.controls_applycss
+                  ? {
+                      fontWeight: "bold",
+                      fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                      padding: "3px 10px 5px 0",
+                    }
+                  : {}
+              )
+              .append(this.o.controls_title)),
+          (this.html_element = a('<div class="wrap_controls"></div>')
+            .append(b)
+            .append(e)),
+          this.html_element
+        );
+      },
+    }),
+    (d = {
+      html_a: function (b, c, d) {
+        var e = this,
+          f = c || b + 1,
+          g = d || this.o.locations[b].title,
+          h = a(
+            '<a data-load="' +
+              f +
+              '" id="ullist_a_' +
+              f +
+              '" href="#' +
+              f +
+              '" title="' +
+              g +
+              '"><span>' +
+              (g || "#" + (b + 1)) +
+              "</span></a>"
+          );
+        return (
+          h.css(
+            this.o.controls_applycss
+              ? {
+                  color: "#666",
+                  display: "block",
+                  padding: "5px",
+                  fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                  textDecoration: "none",
+                }
+              : {}
+          ),
+          h.on("click", function (b) {
+            b.preventDefault();
+            var c = a(this).attr("data-load");
+            e.ViewOnMap(c);
+          }),
+          h
+        );
+      },
+      activateCurrent: function (a) {
+        this.html_element.find("li").removeClass("active"),
+          this.html_element
+            .find("#ullist_a_" + a)
+            .parent()
+            .addClass("active");
+      },
+      getHtml: function () {
+        var b,
+          c,
+          e = a(
+            "<ul class='ullist controls " + this.o.controls_cssclass + "'></ul>"
+          ).css(
+            this.o.controls_applycss
+              ? { margin: 0, padding: 0, listStyleType: "none" }
+              : {}
+          );
+        for (
+          this.ShowOnMenu(this.view_all_key) &&
+            e.append(
+              a("<li></li>").append(
+                d.html_a.call(this, !1, this.view_all_key, this.o.view_all_text)
+              )
+            ),
+            c = 0;
+          c < this.ln;
+          c++
+        )
+          this.ShowOnMenu(c) &&
+            e.append(a("<li></li>").append(d.html_a.call(this, c)));
+        return (
+          (b = this.o.controls_title),
+          this.o.controls_title &&
+            (b = a('<div class="controls_title"></div>')
+              .css(
+                this.o.controls_applycss
+                  ? {
+                      fontWeight: "bold",
+                      padding: "3px 10px 5px 0",
+                      fontSize: this.o.controls_on_map ? "12px" : "inherit",
+                    }
+                  : {}
+              )
+              .append(this.o.controls_title)),
+          (this.html_element = a('<div class="wrap_controls"></div>')
+            .append(b)
+            .append(e)),
+          this.html_element
+        );
+      },
+    }),
+    (b.prototype.controls = {}),
+    (b.prototype.create_objMap = function () {
+      var b,
+        c = this,
+        d = 0;
+      for (b in this.o.styles)
+        this.o.styles.hasOwnProperty(b) &&
+          (0 === d &&
+            (this.o.map_options.mapTypeControlOptions = {
+              mapTypeIds: [google.maps.MapTypeId.ROADMAP],
+            }),
+          d++,
+          this.o.map_options.mapTypeControlOptions.mapTypeIds.push(
+            "map_style_" + d
+          ));
+      if (this.loaded) c.oMap.setOptions(this.o.map_options);
+      else
+        try {
+          this.map_div.css({ position: "relative", overflow: "hidden" }),
+            (this.canvas_map = a("<div>")
+              .addClass("canvas_map")
+              .css({ width: "100%", height: "100%" })
+              .appendTo(this.map_div)),
+            (this.oMap = new google.maps.Map(
+              this.canvas_map.get(0),
+              this.o.map_options
+            ));
+        } catch (e) {
+          this.debug("create_objMap::" + this.map_div.selector, e.toString());
+        }
+      d = 0;
+      for (b in this.o.styles)
+        this.o.styles.hasOwnProperty(b) &&
+          (d++,
+          this.oMap.mapTypes.set(
+            "map_style_" + d,
+            new google.maps.StyledMapType(this.o.styles[b], { name: b })
+          ),
+          this.oMap.setMapTypeId("map_style_" + d));
+    }),
+    (b.prototype.add_markers_to_objMap = function () {
+      var a,
+        b,
+        c = this.o.type || "marker";
+      switch (c) {
+        case "marker":
+          for (a = 0; a < this.ln; a++)
+            (b = this.create_objPoint(a)), this.create.marker.call(this, a, b);
+          break;
+        default:
+          this.create[c].apply(this);
+      }
+    }),
+    (b.prototype.create_objPoint = function (b) {
+      var c = a.extend({}, this.o.locations[b]),
+        d = void 0 === c.visible ? void 0 : c.visible;
+      return (
+        !c.type && (c.type = this.o.type),
+        (c.map = this.oMap),
+        (c.position = new google.maps.LatLng(c.lat, c.lon)),
+        (c.zIndex = void 0 === c.zIndex ? 1e4 : c.zIndex + 100),
+        (c.visible = void 0 === d ? this.o.show_markers : d),
+        (this.o.maxZIndex =
+          c.zIndex > this.maxZIndex ? c.zIndex : this.maxZIndex),
+        c.image &&
+          (c.icon = new google.maps.MarkerImage(
+            c.image,
+            new google.maps.Size(c.image_w || 32, c.image_h || 32),
+            new google.maps.Point(0, 0),
+            new google.maps.Point((c.image_w || 32) / 2, (c.image_h || 32) / 2)
+          )),
+        c
+      );
+    }),
+    (b.prototype.create_objCircle = function (b) {
+      var c, d, e;
+      return (
+        (e = a.extend({}, b)),
+        (c = a.extend({}, this.o.stroke_options)),
+        (d = a.extend({}, this.o.circle_options)),
+        a.extend(c, b.stroke_options || {}),
+        a.extend(e, c),
+        a.extend(d, b.circle_options || {}),
+        a.extend(e, d),
+        (e.center = b.position),
+        (e.draggable = !1),
+        (e.zIndex = b.zIndex > 0 ? b.zIndex - 10 : 1),
+        e
+      );
+    }),
+    (b.prototype.add_markerEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "click", function (e) {
+        d.CloseInfoWindow(),
+          d.o.beforeShow.call(d, a, b, c),
+          d.o.show_infowindows &&
+            b.show_infowindow !== !1 &&
+            d.open_infowindow(a, c, e),
+          d.o.pan_on_click &&
+            b.pan_on_click !== !1 &&
+            (d.oMap.panTo(b.position), b.zoom && d.oMap.setZoom(b.zoom)),
+          d.current_control &&
+            d.o.generate_controls &&
+            d.current_control.activateCurrent &&
+            d.current_control.activateCurrent.call(d, a + 1),
+          (d.current_index = a),
+          d.o.afterShow.call(d, a, b, c);
+      }),
+        b.draggable && this.add_dragEv(a, b, c);
+    }),
+    (b.prototype.add_circleEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "click", function () {
+        d.ViewOnMap(a + 1);
+      }),
+        google.maps.event.addListener(c, "center_changed", function () {
+          d.o.circleCenterChanged.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "radius_changed", function () {
+          d.o.circleRadiusChanged.call(d, a, b, c);
+        }),
+        b.draggable && this.add_dragEv(a, b, c);
+    }),
+    (b.prototype.add_dragEv = function (a, b, c) {
+      var d = this;
+      google.maps.event.addListener(c, "drag", function (e) {
+        var f, g;
+        if (c.getPosition) f = c.getPosition();
+        else {
+          if (!c.getCenter) return;
+          f = c.getCenter();
+        }
+        if (
+          (d.circles[a] && d.circles[a].setCenter(f),
+          d.Polyline ? (g = "Polyline") : d.Polygon && (g = "Polygon"),
+          g)
+        ) {
+          for (
+            var h = d[g].getPath(), i = h.getArray(), j = [], k = 0;
+            k < i.length;
+            ++k
+          )
+            j[k] =
+              a === k
+                ? new google.maps.LatLng(f.lat(), f.lng())
+                : new google.maps.LatLng(i[k].lat(), i[k].lng());
+          d[g].setPath(new google.maps.MVCArray(j)), d.add_polyEv(g);
+        }
+        d.o.drag.call(d, a, b, c);
+      }),
+        google.maps.event.addListener(c, "dragend", function () {
+          d.o.dragEnd.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "dragstart", function () {
+          d.o.dragStart.call(d, a, b, c);
+        }),
+        google.maps.event.addListener(c, "center_changed", function () {
+          d.markers[a] &&
+            c.getCenter &&
+            d.markers[a].setPosition(c.getCenter()),
+            d.o.drag.call(d, a, b, c);
+        });
+    }),
+    (b.prototype.add_polyEv = function (a) {
+      var b = this;
+      google.maps.event.addListener(
+        this[a].getPath(),
+        "set_at",
+        function (c, d) {
+          b.trigger_polyEv(a, c, d);
+        }
+      ),
+        google.maps.event.addListener(
+          this[a].getPath(),
+          "insert_at",
+          function (c, d) {
+            b.trigger_polyEv(a, c, d);
+          }
+        );
+    }),
+    (b.prototype.trigger_polyEv = function (a, b, c) {
+      var d = this[a].getPath().getAt(b),
+        e = new google.maps.LatLng(d.lat(), d.lng());
+      this.markers[b] && this.markers[b].setPosition(e),
+        this.circles[b] && this.circles[b].setCenter(e),
+        this.o["on" + a + "Changed"](b, c, this[a].getPath().getArray());
+    }),
+    (b.prototype.create = {
+      marker: function (a, b, c) {
+        if ("circle" === b.type && !c) {
+          var d = this.create_objCircle(b);
+          b.visible || (d.draggable = b.draggable),
+            (c = new google.maps.Circle(d)),
+            this.add_circleEv(a, d, c),
+            (this.circles[a] = c);
+        }
+        return (
+          (b.type = "marker"),
+          (c = new google.maps.Marker(b)),
+          this.add_markerEv(a, b, c),
+          this.oBounds.extend(b.position),
+          (this.markers[a] = c),
+          this.o.afterCreateMarker.call(this, a, b, c),
+          c
+        );
+      },
+      circle: function () {
+        var a, b, c, d;
+        for (a = 0; a < this.ln; a++)
+          (b = this.create_objPoint(a)),
+            "circle" === b.type &&
+              ((c = this.create_objCircle(b)),
+              b.visible || (c.draggable = b.draggable),
+              (d = new google.maps.Circle(c)),
+              this.add_circleEv(a, c, d),
+              (this.circles[a] = d)),
+            (b.type = "marker"),
+            this.create.marker.call(this, a, b, d);
+      },
+      polyline: function () {
+        var b,
+          c,
+          d = a.extend({}, this.o.stroke_options);
+        for (
+          d.path = [],
+            d.draggable = this.o.draggable,
+            d.editable = this.o.editable,
+            d.map = this.oMap,
+            d.zIndex = this.o.maxZIndex + 100,
+            b = 0;
+          b < this.ln;
+          b++
+        )
+          (c = this.create_objPoint(b)),
+            this.create.marker.call(this, b, c),
+            d.path.push(c.position);
+        this.Polyline
+          ? this.Polyline.setOptions(d)
+          : (this.Polyline = new google.maps.Polyline(d)),
+          this.add_polyEv("Polyline");
+      },
+      polygon: function () {
+        var b,
+          c,
+          d = this,
+          e = a.extend({}, this.o.stroke_options);
+        for (
+          e.path = [],
+            e.draggable = this.o.draggable,
+            e.editable = this.o.editable,
+            e.map = this.oMap,
+            e.zIndex = this.o.maxZIndex + 100,
+            b = 0;
+          b < this.ln;
+          b++
+        )
+          (c = this.create_objPoint(b)),
+            this.create.marker.call(this, b, c),
+            e.path.push(c.position);
+        this.Polygon
+          ? this.Polygon.setOptions(e)
+          : (this.Polygon = new google.maps.Polygon(e)),
+          google.maps.event.addListener(this.Polygon, "click", function (a) {
+            d.o.onPolygonClick.call(d, a);
+          }),
+          this.add_polyEv("Polygon");
+      },
+      fusion: function () {
+        (this.o.fusion_options.styles = [this.o.stroke_options]),
+          (this.o.fusion_options.map = this.oMap),
+          this.Fusion
+            ? this.Fusion.setOptions(this.o.fusion_options)
+            : (this.Fusion = new google.maps.FusionTablesLayer(
+                this.o.fusion_options
+              ));
+      },
+      directions: function () {
+        var b,
+          c,
+          d,
+          e,
+          f,
+          g = this,
+          h = [],
+          i = 0;
+        for (b = 0; b < this.ln; b++)
+          (c = this.create_objPoint(b)),
+            0 === b
+              ? (e = c.position)
+              : b === this.ln - 1
+              ? (f = c.position)
+              : ((d = this.o.locations[b].stopover === !0),
+                h.push({ location: c.position, stopover: d })),
+            this.create.marker.call(this, b, c);
+        (this.o.directions_options.origin = e),
+          (this.o.directions_options.destination = f),
+          (this.o.directions_options.waypoints = h),
+          this.directionsService ||
+            (this.directionsService = new google.maps.DirectionsService()),
+          this.directionsDisplay
+            ? this.directionsDisplay.setOptions({ draggable: this.o.draggable })
+            : (this.directionsDisplay = new google.maps.DirectionsRenderer({
+                draggable: this.o.draggable,
+              })),
+          this.directionsDisplay.setMap(this.oMap),
+          this.o.directions_panel &&
+            ((this.o.directions_panel = a(this.o.directions_panel)),
+            this.directionsDisplay.setPanel(this.o.directions_panel.get(0))),
+          this.o.draggable &&
+            google.maps.event.addListener(
+              this.directionsDisplay,
+              "directions_changed",
+              function () {
+                var a = g.directionsDisplay.getDirections();
+                (i = g.compute_distance(g.directionsDisplay.directions)),
+                  g.o.afterRoute.call(g, i, a.status, a);
+              }
+            ),
+          this.directionsService.route(
+            this.o.directions_options,
+            function (a, b) {
+              b === google.maps.DirectionsStatus.OK &&
+                ((i = g.compute_distance(a)),
+                g.directionsDisplay.setDirections(a)),
+                g.o.afterRoute.call(g, i, b, a);
+            }
+          );
+      },
+    }),
+    (b.prototype.compute_distance = function (a) {
+      var b,
+        c = 0,
+        d = a.routes[0],
+        e = d.legs.length;
+      for (b = 0; b < e; b++) c += d.legs[b].distance.value;
+      return c;
+    }),
+    (b.prototype.type_to_open = {
+      bubble: function (a) {
+        var b = this,
+          c = { content: a.html || "" };
+        a.infoWindowMaxWidth && (c.maxWidth = a.infoWindowMaxWidth),
+          (this.infowindow = new google.maps.InfoWindow(c)),
+          google.maps.event.addListener(
+            this.infowindow,
+            "closeclick",
+            function () {
+              b.CloseInfoWindow();
+            }
+          );
+      },
+    }),
+    (b.prototype.open_infowindow = function (a, b, c) {
+      var d = this.o.locations[a],
+        e = this.o.infowindow_type;
+      d.html &&
+        this.type_to_open[e] &&
+        (this.o.beforeOpenInfowindow.call(this, a, d, b),
+        this.type_to_open[e].call(this, d),
+        this.infowindow.open(this.oMap, b),
+        this.o.afterOpenInfowindow.call(this, a, d, b));
+    }),
+    (b.prototype.get_html_controls = function () {
+      return this.controls[this.o.controls_type] &&
+        this.controls[this.o.controls_type].getHtml
+        ? ((this.current_control = this.controls[this.o.controls_type]),
+          this.current_control.getHtml.apply(this))
+        : "";
+    }),
+    (b.prototype.generate_controls = function () {
+      if (!this.o.controls_on_map)
+        return (
+          this.controls_wrapper.empty(),
+          void this.controls_wrapper.append(this.get_html_controls())
+        );
+      var b = a(
+          '<div class="on_gmap ' +
+            this.o.controls_type +
+            ' gmap_controls"></div>'
+        ).css(this.o.controls_applycss ? { margin: "5px" } : {}),
+        c = a(this.get_html_controls()).css(
+          this.o.controls_applycss
+            ? {
+                background: "#fff",
+                padding: "5px",
+                border: "1px solid #eee",
+                boxShadow: "rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px",
+                maxHeight: this.map_div.find(".canvas_map").outerHeight() - 80,
+                minWidth: 100,
+                overflowY: "auto",
+                overflowX: "hidden",
+              }
+            : {}
+        );
+      b.append(c),
+        this.oMap.controls[this.o.controls_position].clear(),
+        this.oMap.controls[this.o.controls_position].push(b.get(0));
+    }),
+    (b.prototype.init_map = function () {
+      var a = this;
+      this.Polyline && this.Polyline.setMap(null),
+        this.Polygon && this.Polygon.setMap(null),
+        this.Fusion && this.Fusion.setMap(null),
+        this.directionsDisplay && this.directionsDisplay.setMap(null);
+      for (var b = this.markers.length - 1; b >= 0; b -= 1)
+        try {
+          this.markers[b] && this.markers[b].setMap(null);
+        } catch (c) {
+          a.debug("init_map::markers::setMap", c.stack);
+        }
+      (this.markers.length = 0), (this.markers = []);
+      for (var d = this.circles.length - 1; d >= 0; d -= 1)
+        try {
+          this.circles[d] && this.circles[d].setMap(null);
+        } catch (c) {
+          a.debug("init_map::circles::setMap", c.stack);
+        }
+      (this.circles.length = 0),
+        (this.circles = []),
+        this.o.controls_on_map &&
+          this.oMap.controls &&
+          this.oMap.controls[this.o.controls_position].forEach(function (b, c) {
+            try {
+              a.oMap.controls[this.o.controls_position].removeAt(c);
+            } catch (d) {
+              a.debug("init_map::removeAt", d.stack);
+            }
+          }),
+        (this.oBounds = new google.maps.LatLngBounds());
+    }),
+    (b.prototype.perform_load = function () {
+      this.CloseInfoWindow(),
+        1 === this.ln
+          ? (this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : (this.oMap.fitBounds(this.oBounds), this.ViewOnMap(1)),
+            this.o.map_options.zoom &&
+              this.oMap.setZoom(this.o.map_options.zoom))
+          : 0 === this.ln
+          ? (this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : this.oMap.fitBounds(this.oBounds),
+            this.oMap.setZoom(this.o.map_options.zoom || 1))
+          : (this.oMap.fitBounds(this.oBounds),
+            "number" == typeof (this.o.start - 0) &&
+            this.o.start > 0 &&
+            this.o.start <= this.ln
+              ? this.ViewOnMap(this.o.start)
+              : this.o.map_options.set_center
+              ? this.oMap.setCenter(
+                  new google.maps.LatLng(
+                    this.o.map_options.set_center[0],
+                    this.o.map_options.set_center[1]
+                  )
+                )
+              : this.ViewOnMap(this.view_all_key),
+            this.o.map_options.zoom &&
+              this.oMap.setZoom(this.o.map_options.zoom));
+    }),
+    (b.prototype.debug = function (a, b) {
+      return this.o.debug && console.log(a, b), this;
+    }),
+    (b.prototype.AddControl = function (a, b) {
+      return a && b
+        ? ((this.controls[a] = b), this)
+        : (self.debug("AddControl", 'Missing "name" and "func" callback.'), !1);
+    }),
+    (b.prototype.CloseInfoWindow = function () {
+      return (
+        this.infowindow &&
+          (this.current_index || 0 === this.current_index) &&
+          (this.o.beforeCloseInfowindow.call(
+            this,
+            this.current_index,
+            this.o.locations[this.current_index]
+          ),
+          this.infowindow.close(),
+          (this.infowindow = null),
+          this.o.afterCloseInfowindow.call(
+            this,
+            this.current_index,
+            this.o.locations[this.current_index]
+          )),
+        this
+      );
+    }),
+    (b.prototype.ShowOnMenu = function (a) {
+      if (a === this.view_all_key && this.o.view_all && this.ln > 1) return !0;
+      if (
+        ((a = parseInt(a, 10)),
+        "number" == typeof (a - 0) && a >= 0 && a < this.ln)
+      ) {
+        var b = this.o.locations[a].on_menu !== !1;
+        if (b) return !0;
+      }
+      return !1;
+    }),
+    (b.prototype.ViewOnMap = function (a) {
+      if (a === this.view_all_key)
+        this.o.beforeViewAll.call(this),
+          (this.current_index = a),
+          this.o.locations.length > 0 &&
+            this.o.generate_controls &&
+            this.current_control &&
+            this.current_control.activateCurrent &&
+            this.current_control.activateCurrent.apply(this, [a]),
+          this.oMap.fitBounds(this.oBounds),
+          this.o.afterViewAll.call(this);
+      else if (
+        ((a = parseInt(a, 10)),
+        "number" == typeof (a - 0) && a > 0 && a <= this.ln)
+      )
+        try {
+          google.maps.event.trigger(this.markers[a - 1], "click");
+        } catch (b) {
+          this.debug("ViewOnMap::trigger", b.stack);
+        }
+      return this;
+    }),
+    (b.prototype.SetLocations = function (a, b) {
+      return (this.o.locations = a), b && this.Load(), this;
+    }),
+    (b.prototype.AddLocations = function (b, c) {
+      var d = this;
+      return (
+        a.isArray(b) &&
+          a.each(b, function (a, b) {
+            d.o.locations.push(b);
+          }),
+        a.isPlainObject(b) && this.o.locations.push(b),
+        c && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.AddLocation = function (b, c, d) {
+      return (
+        a.isPlainObject(b) && this.o.locations.splice(c, 0, b),
+        d && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.RemoveLocations = function (b, c) {
+      var d = this,
+        e = 0;
+      return (
+        a.isArray(b)
+          ? a.each(b, function (a, b) {
+              b - e < d.ln && d.o.locations.splice(b - e, 1), e++;
+            })
+          : b < this.ln && this.o.locations.splice(b, 1),
+        c && this.Load(),
+        this
+      );
+    }),
+    (b.prototype.Loaded = function () {
+      return this.loaded;
+    }),
+    (b.prototype._init = function () {
+      this.ln = this.o.locations.length;
+      for (var b = 0; b < this.ln; b++) {
+        var c = a.extend({}, this.o.shared);
+        (this.o.locations[b] = a.extend(c, this.o.locations[b])),
+          this.o.locations[b].html &&
+            ((this.o.locations[b].html = this.o.locations[b].html.replace(
+              "%index",
+              b + 1
+            )),
+            (this.o.locations[b].html = this.o.locations[b].html.replace(
+              "%title",
+              this.o.locations[b].title || ""
+            )));
+      }
+      return (
+        (this.map_div = a(this.o.map_div)),
+        (this.controls_wrapper = a(this.o.controls_div)),
+        this
+      );
+    }),
+    (b.prototype.Load = function (b) {
+      a.extend(!0, this.o, b),
+        b && b.locations && (this.o.locations = b.locations),
+        this._init(),
+        this.o.visualRefresh === !1
+          ? (google.maps.visualRefresh = !1)
+          : (google.maps.visualRefresh = !0),
+        this.init_map(),
+        this.create_objMap(),
+        this.add_markers_to_objMap(),
+        (this.ln > 1 && this.o.generate_controls) ||
+        this.o.force_generate_controls
+          ? ((this.o.generate_controls = !0), this.generate_controls())
+          : (this.o.generate_controls = !1);
+      var c = this;
+      if (this.loaded) this.perform_load();
+      else {
+        google.maps.event.addListenerOnce(this.oMap, "idle", function () {
+          c.perform_load();
+        });
+        for (var d in this.o.listeners)
+          this.o.listeners.hasOwnProperty(d) &&
+            google.maps.event.addListener(this.oMap, d, this.o.listeners[d]);
+      }
+      return (this.loaded = !0), this;
+    }),
+    b
+  );
+});
diff --git a/quarter/assets/js/modal.js b/quarter/assets/js/modal.js
new file mode 100644
index 0000000..67f644b
--- /dev/null
+++ b/quarter/assets/js/modal.js
@@ -0,0 +1,53 @@
+const modal = () => {
+  const modalContainers = document.querySelectorAll(".modal-container");
+
+  if (!modalContainers.length) {
+    return;
+  }
+
+  modalContainers.forEach((modalContainer) => {
+    const body = document.body;
+    const bodyStyle = body.style;
+    const modals = modalContainer.querySelectorAll(".modal");
+
+    modals?.forEach((modal, idx) => {
+      const modalOpens = modalContainer.querySelectorAll(
+        `[data-modal-index="${idx + 1}"]`
+      );
+
+      const modalContent = modal.querySelector(".modal-content");
+      const modalCloses = modal.querySelectorAll(".modal-close");
+      //  open modal
+      modalOpens.forEach((modalOpen) => {
+        modalOpen.addEventListener("click", () => {
+          modal.style.display = "block";
+          bodyStyle.overflow = "hidden";
+          bodyStyle.paddingRight = "17px";
+
+          setTimeout(() => {
+            // uncomment if you need  body to be scroll down with modal open
+            // window.scroll({ top: window.scrollY - 100, behavior: "smooth" });
+            modal.style.opacity = 100;
+            modal.style.visibility = "visible";
+            modal.scrollTop = 0;
+            modalContent.style.transform = "translateY(0px)";
+          }, 10);
+        });
+      });
+      //  close modal
+      modalCloses.forEach((modalClose) => {
+        modalClose.addEventListener("click", function () {
+          modal.style.opacity = 0;
+          modal.style.visibility = "hidden";
+          modalContent.style.transform = `translateY(-${80}px)`;
+
+          setTimeout(() => {
+            modal.style.display = "none";
+            bodyStyle.overflow = "auto";
+            bodyStyle.paddingRight = 0;
+          }, 500);
+        });
+      });
+    });
+  });
+};
diff --git a/quarter/assets/js/nice-select2.js b/quarter/assets/js/nice-select2.js
new file mode 100644
index 0000000..076ccfc
--- /dev/null
+++ b/quarter/assets/js/nice-select2.js
@@ -0,0 +1,402 @@
+!(function (e, t) {
+  "object" == typeof exports && "object" == typeof module
+    ? (module.exports = t())
+    : "function" == typeof define && define.amd
+    ? define([], t)
+    : "object" == typeof exports
+    ? (exports.NiceSelect = t())
+    : (e.NiceSelect = t());
+})(self, () =>
+  (() => {
+    "use strict";
+    var e = {
+        d: (t, i) => {
+          for (var s in i)
+            e.o(i, s) &&
+              !e.o(t, s) &&
+              Object.defineProperty(t, s, { enumerable: !0, get: i[s] });
+        },
+        o: (e, t) => Object.prototype.hasOwnProperty.call(e, t),
+        r: (e) => {
+          "undefined" != typeof Symbol &&
+            Symbol.toStringTag &&
+            Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }),
+            Object.defineProperty(e, "__esModule", { value: !0 });
+        },
+      },
+      t = {};
+    function i(e) {
+      var t = document.createEvent("MouseEvents");
+      t.initEvent("click", !0, !1), e.dispatchEvent(t);
+    }
+    function s(e) {
+      var t = document.createEvent("HTMLEvents");
+      t.initEvent("change", !0, !1), e.dispatchEvent(t);
+    }
+    function o(e) {
+      var t = document.createEvent("FocusEvent");
+      t.initEvent("focusin", !0, !1), e.dispatchEvent(t);
+    }
+    function n(e) {
+      var t = document.createEvent("FocusEvent");
+      t.initEvent("focusout", !0, !1), e.dispatchEvent(t);
+    }
+    function d(e) {
+      var t = document.createEvent("UIEvent");
+      t.initEvent("modalclose", !0, !1), e.dispatchEvent(t);
+    }
+    function l(e, t) {
+      "invalid" == t
+        ? (c(this.dropdown, "invalid"), h(this.dropdown, "valid"))
+        : (c(this.dropdown, "valid"), h(this.dropdown, "invalid"));
+    }
+    function r(e, t) {
+      return null != e[t] ? e[t] : e.getAttribute(t);
+    }
+    function a(e, t) {
+      return !!e && e.classList.contains(t);
+    }
+    function c(e, t) {
+      if (e) return e.classList.add(t);
+    }
+    function h(e, t) {
+      if (e) return e.classList.remove(t);
+    }
+    e.r(t), e.d(t, { bind: () => f, default: () => u });
+    var p = { data: null, searchable: !1, showSelectedItems: !1 };
+    function u(e, t) {
+      (this.el = e),
+        (this.config = Object.assign({}, p, t || {})),
+        (this.data = this.config.data),
+        (this.selectedOptions = []),
+        (this.placeholder =
+          r(this.el, "placeholder") ||
+          this.config.placeholder ||
+          "Select an option"),
+        (this.searchtext =
+          r(this.el, "searchtext") || this.config.searchtext || "Search"),
+        (this.selectedtext =
+          r(this.el, "selectedtext") || this.config.selectedtext || "selected"),
+        (this.dropdown = null),
+        (this.multiple = r(this.el, "multiple")),
+        (this.disabled = r(this.el, "disabled")),
+        this.create();
+    }
+    function f(e, t) {
+      return new u(e, t);
+    }
+    return (
+      (u.prototype.create = function () {
+        (this.el.style.opacity = "0"),
+          (this.el.style.width = "0"),
+          (this.el.style.padding = "0"),
+          (this.el.style.height = "0"),
+          this.data ? this.processData(this.data) : this.extractData(),
+          this.renderDropdown(),
+          this.bindEvent();
+      }),
+      (u.prototype.processData = function (e) {
+        var t = [];
+        e.forEach((e) => {
+          t.push({
+            data: e,
+            attributes: {
+              selected: !!e.selected,
+              disabled: !!e.disabled,
+              optgroup: "optgroup" == e.value,
+            },
+          });
+        }),
+          (this.options = t);
+      }),
+      (u.prototype.extractData = function () {
+        var e = this.el.querySelectorAll("option,optgroup"),
+          t = [],
+          i = [],
+          s = [];
+        e.forEach((e) => {
+          if ("OPTGROUP" == e.tagName)
+            var s = { text: e.label, value: "optgroup" };
+          else
+            s = {
+              text: e.innerText,
+              value: e.value,
+              selected:
+                null != e.getAttribute("selected") || this.el.value == e.value,
+              disabled: null != e.getAttribute("disabled"),
+            };
+          var o = {
+            selected: e.selected,
+            disabled: e.disabled,
+            optgroup: "OPTGROUP" == e.tagName,
+          };
+          t.push(s), i.push({ data: s, attributes: o });
+        }),
+          (this.data = t),
+          (this.options = i),
+          this.options.forEach((e) => {
+            e.attributes.selected && s.push(e);
+          }),
+          (this.selectedOptions = s);
+      }),
+      (u.prototype.renderDropdown = function () {
+        var e = [
+          "nice-select",
+          r(this.el, "class") || "",
+          this.disabled ? "disabled" : "",
+          this.multiple ? "has-multiple" : "",
+        ];
+        let t = '<div class="nice-select-search-box">';
+        (t += `<input type="text" class="nice-select-search" placeholder="${this.searchtext}..." title="search">`),
+          (t += "</div>");
+        var i = `<div class="${e.join(" ")}" tabindex="${
+          this.disabled ? null : 0
+        }">`;
+        (i += `<span class="${
+          this.multiple ? "multiple-options" : "current"
+        }"></span>`),
+          (i += '<div class="nice-select-dropdown">'),
+          (i += `${this.config.searchable ? t : ""}`),
+          (i += '<ul class="list"></ul>'),
+          (i += "</div>"),
+          (i += "</div>"),
+          this.el.insertAdjacentHTML("afterend", i),
+          (this.dropdown = this.el.nextElementSibling),
+          this._renderSelectedItems(),
+          this._renderItems();
+      }),
+      (u.prototype._renderSelectedItems = function () {
+        if (this.multiple) {
+          var e = "";
+          this.config.showSelectedItems ||
+          this.config.showSelectedItems ||
+          "auto" == window.getComputedStyle(this.dropdown).width ||
+          this.selectedOptions.length < 2
+            ? (this.selectedOptions.forEach(function (t) {
+                e += `<span class="current">${t.data.text}</span>`;
+              }),
+              (e = "" == e ? this.placeholder : e))
+            : (e = this.selectedOptions.length + " " + this.selectedtext),
+            (this.dropdown.querySelector(".multiple-options").innerHTML = e);
+        } else {
+          var t =
+            this.selectedOptions.length > 0
+              ? this.selectedOptions[0].data.text
+              : this.placeholder;
+          this.dropdown.querySelector(".current").innerHTML = t;
+        }
+      }),
+      (u.prototype._renderItems = function () {
+        var e = this.dropdown.querySelector("ul");
+        this.options.forEach((t) => {
+          e.appendChild(this._renderItem(t));
+        });
+      }),
+      (u.prototype._renderItem = function (e) {
+        var t = document.createElement("li");
+        if (((t.innerHTML = e.data.text), e.attributes.optgroup))
+          c(t, "optgroup");
+        else {
+          t.setAttribute("data-value", e.data.value);
+          var i = [
+            "option",
+            e.attributes.selected ? "selected" : null,
+            e.attributes.disabled ? "disabled" : null,
+          ];
+          t.addEventListener("click", this._onItemClicked.bind(this, e)),
+            t.classList.add(...i);
+        }
+        return (e.element = t), t;
+      }),
+      (u.prototype.update = function () {
+        if ((this.extractData(), this.dropdown)) {
+          var e = a(this.dropdown, "open");
+          this.dropdown.parentNode.removeChild(this.dropdown),
+            this.create(),
+            e && i(this.dropdown);
+        }
+        r(this.el, "disabled") ? this.disable() : this.enable();
+      }),
+      (u.prototype.disable = function () {
+        this.disabled || ((this.disabled = !0), c(this.dropdown, "disabled"));
+      }),
+      (u.prototype.enable = function () {
+        this.disabled && ((this.disabled = !1), h(this.dropdown, "disabled"));
+      }),
+      (u.prototype.clear = function () {
+        this.resetSelectValue(),
+          (this.selectedOptions = []),
+          this._renderSelectedItems(),
+          this.update(),
+          s(this.el);
+      }),
+      (u.prototype.destroy = function () {
+        this.dropdown &&
+          (this.dropdown.parentNode.removeChild(this.dropdown),
+          (this.el.style.display = ""));
+      }),
+      (u.prototype.bindEvent = function () {
+        this.dropdown.addEventListener("click", this._onClicked.bind(this)),
+          this.dropdown.addEventListener(
+            "keydown",
+            this._onKeyPressed.bind(this)
+          ),
+          this.dropdown.addEventListener("focusin", o.bind(this, this.el)),
+          this.dropdown.addEventListener("focusout", n.bind(this, this.el)),
+          this.el.addEventListener("invalid", l.bind(this, this.el, "invalid")),
+          window.addEventListener("click", this._onClickedOutside.bind(this)),
+          this.config.searchable && this._bindSearchEvent();
+      }),
+      (u.prototype._bindSearchEvent = function () {
+        var e = this.dropdown.querySelector(".nice-select-search");
+        e &&
+          e.addEventListener("click", function (e) {
+            return e.stopPropagation(), !1;
+          }),
+          e.addEventListener("input", this._onSearchChanged.bind(this));
+      }),
+      (u.prototype._onClicked = function (e) {
+        var t, i;
+        if (
+          (e.preventDefault(),
+          a(this.dropdown, "open")
+            ? this.multiple || (h(this.dropdown, "open"), d(this.el))
+            : (c(this.dropdown, "open"),
+              (t = this.el),
+              (i = document.createEvent("UIEvent")).initEvent(
+                "modalopen",
+                !0,
+                !1
+              ),
+              t.dispatchEvent(i)),
+          a(this.dropdown, "open"))
+        ) {
+          var s = this.dropdown.querySelector(".nice-select-search");
+          s && ((s.value = ""), s.focus());
+          var o = this.dropdown.querySelector(".focus");
+          h(o, "focus"),
+            c((o = this.dropdown.querySelector(".selected")), "focus"),
+            this.dropdown.querySelectorAll("ul li").forEach(function (e) {
+              e.style.display = "";
+            });
+        } else this.dropdown.focus();
+      }),
+      (u.prototype._onItemClicked = function (e, t) {
+        var i = t.target;
+        a(i, "disabled") ||
+          (this.multiple
+            ? a(i, "selected")
+              ? (h(i, "selected"),
+                this.selectedOptions.splice(this.selectedOptions.indexOf(e), 1),
+                this.el
+                  .querySelector(`option[value="${i.dataset.value}"]`)
+                  .removeAttribute("selected"))
+              : (c(i, "selected"), this.selectedOptions.push(e))
+            : (this.selectedOptions.forEach(function (e) {
+                h(e.element, "selected");
+              }),
+              c(i, "selected"),
+              (this.selectedOptions = [e])),
+          this._renderSelectedItems(),
+          this.updateSelectValue());
+      }),
+      (u.prototype.updateSelectValue = function () {
+        if (this.multiple) {
+          var e = this.el;
+          this.selectedOptions.forEach(function (t) {
+            var i = e.querySelector(`option[value="${t.data.value}"]`);
+            i && i.setAttribute("selected", !0);
+          });
+        } else
+          this.selectedOptions.length > 0 &&
+            (this.el.value = this.selectedOptions[0].data.value);
+        s(this.el);
+      }),
+      (u.prototype.resetSelectValue = function () {
+        if (this.multiple) {
+          var e = this.el;
+          this.selectedOptions.forEach(function (t) {
+            var i = e.querySelector(`option[value="${t.data.value}"]`);
+            i && i.removeAttribute("selected");
+          });
+        } else this.selectedOptions.length > 0 && (this.el.selectedIndex = -1);
+        s(this.el);
+      }),
+      (u.prototype._onClickedOutside = function (e) {
+        this.dropdown.contains(e.target) ||
+          (h(this.dropdown, "open"), d(this.el));
+      }),
+      (u.prototype._onKeyPressed = function (e) {
+        var t = this.dropdown.querySelector(".focus"),
+          s = a(this.dropdown, "open");
+        if (13 == e.keyCode) i(s ? t : this.dropdown);
+        else if (40 == e.keyCode) {
+          if (s) {
+            var o = this._findNext(t);
+            o &&
+              (h(this.dropdown.querySelector(".focus"), "focus"),
+              c(o, "focus"));
+          } else i(this.dropdown);
+          e.preventDefault();
+        } else if (38 == e.keyCode) {
+          if (s) {
+            var n = this._findPrev(t);
+            n &&
+              (h(this.dropdown.querySelector(".focus"), "focus"),
+              c(n, "focus"));
+          } else i(this.dropdown);
+          e.preventDefault();
+        } else if (27 == e.keyCode && s) i(this.dropdown);
+        else if (32 === e.keyCode && s) return !1;
+        return !1;
+      }),
+      (u.prototype._findNext = function (e) {
+        for (
+          e = e
+            ? e.nextElementSibling
+            : this.dropdown.querySelector(".list .option");
+          e;
+
+        ) {
+          if (!a(e, "disabled") && "none" != e.style.display) return e;
+          e = e.nextElementSibling;
+        }
+        return null;
+      }),
+      (u.prototype._findPrev = function (e) {
+        for (
+          e = e
+            ? e.previousElementSibling
+            : this.dropdown.querySelector(".list .option:last-child");
+          e;
+
+        ) {
+          if (!a(e, "disabled") && "none" != e.style.display) return e;
+          e = e.previousElementSibling;
+        }
+        return null;
+      }),
+      (u.prototype._onSearchChanged = function (e) {
+        var t = a(this.dropdown, "open"),
+          i = e.target.value;
+        if ("" == (i = i.toLowerCase()))
+          this.options.forEach(function (e) {
+            e.element.style.display = "";
+          });
+        else if (t) {
+          var s = new RegExp(i);
+          this.options.forEach(function (e) {
+            var t = e.data.text.toLowerCase(),
+              i = s.test(t);
+            e.element.style.display = i ? "" : "none";
+          });
+        }
+        this.dropdown.querySelectorAll(".focus").forEach(function (e) {
+          h(e, "focus");
+        }),
+          c(this._findNext(null), "focus");
+      }),
+      t
+    );
+  })()
+);
diff --git a/quarter/assets/js/nice_checkbox.js b/quarter/assets/js/nice_checkbox.js
new file mode 100644
index 0000000..2cff3c3
--- /dev/null
+++ b/quarter/assets/js/nice_checkbox.js
@@ -0,0 +1,31 @@
+const nice_checkbox = () => {
+  const allChecboxItems = document.querySelectorAll(".checkbox-item");
+
+  if (allChecboxItems?.length) {
+    allChecboxItems.forEach((checkboxItem, idx) => {
+      const checkbox = checkboxItem.querySelector("input[type='checkbox']");
+
+      if (checkbox) {
+        const checkmark = checkbox
+          .closest(".checkbox-item")
+          .querySelector(".checkmark");
+
+        if (checkbox.checked) {
+          checkmark.classList.add("active");
+        } else {
+          checkmark.classList.remove("active");
+        }
+        checkbox.addEventListener("change", function () {
+          const value = this.checked;
+          const checkmark =
+            this.closest(".checkbox-item").querySelector(".checkmark");
+          if (value) {
+            checkmark.classList.add("active");
+          } else {
+            checkmark.classList.remove("active");
+          }
+        });
+      }
+    });
+  }
+};
diff --git a/quarter/assets/js/scrollUp.js b/quarter/assets/js/scrollUp.js
new file mode 100644
index 0000000..95dccbf
--- /dev/null
+++ b/quarter/assets/js/scrollUp.js
@@ -0,0 +1,19 @@
+const scrollUp = () => {
+  const scrollUpElement = document.querySelector(".scroll-up");
+  if (scrollUpElement) {
+    scrollUpElement.addEventListener("click", () => {
+      window.scroll({ top: 0, left: 0, behavior: "smooth" });
+    });
+
+    window.addEventListener("scroll", () => {
+      const scrollCount = window.scrollY;
+
+      if (scrollCount < 300) {
+        scrollUpElement.classList.remove("active");
+      }
+      if (scrollCount > 300) {
+        scrollUpElement.classList.add("active");
+      }
+    });
+  }
+};
diff --git a/quarter/assets/js/search.js b/quarter/assets/js/search.js
new file mode 100644
index 0000000..8c62111
--- /dev/null
+++ b/quarter/assets/js/search.js
@@ -0,0 +1,11 @@
+const search = () => {
+  const searchForm = document.querySelector(".search-form-container");
+  const searchToggle = document.querySelector(".search-toggle");
+  const searchShow = document.querySelector(".for-search-show");
+  const searchClose = document.querySelector(".for-search-close");
+  if (searchForm) {
+    searchToggle.addEventListener("click", () => {
+      searchForm.classList.toggle("active");
+    });
+  }
+};
diff --git a/quarter/assets/js/service.js b/quarter/assets/js/service.js
new file mode 100644
index 0000000..ded3cc6
--- /dev/null
+++ b/quarter/assets/js/service.js
@@ -0,0 +1,19 @@
+const service = () => {
+  const serviceCards = document.querySelectorAll(".service-cards");
+  if (serviceCards?.length) {
+    serviceCards.forEach((serviceCardsSingle) => {
+      const allServiceCards =
+        serviceCardsSingle.querySelectorAll(".service-card");
+
+      allServiceCards.forEach((serviceCard, idx) => {
+        serviceCard.addEventListener("mouseenter", function () {
+          allServiceCards.forEach((serviceCard) => {
+            serviceCard.classList.remove("active");
+          });
+
+          this.classList.add("active");
+        });
+      });
+    });
+  }
+};
diff --git a/quarter/assets/js/silder.js b/quarter/assets/js/silder.js
new file mode 100644
index 0000000..2384a9c
--- /dev/null
+++ b/quarter/assets/js/silder.js
@@ -0,0 +1,431 @@
+const silder = () => {
+  const swiperElement = document.querySelector(".swiper");
+  if (swiperElement) {
+    // swiper slider
+    var swiper = new Swiper(".primary-slider", {
+      slidesPerView: 1,
+      effect: "fade",
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+
+    // hero2  slider
+    var swiperThumbs = new Swiper(".hero-slider2-tumbs_slider", {
+      loop: true,
+      spaceBetween: 10,
+      slidesPerView: 3,
+      speed: 800,
+
+      // freeMode: true,
+      watchSlidesProgress: true,
+      breakpoints: {
+        1600: {
+          spaceBetween: 20,
+        },
+      },
+    });
+    var swiper1 = new Swiper(".hero-slider2", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+
+      thumbs: {
+        swiper: swiperThumbs,
+      },
+    });
+
+    // featured apartments slider
+    var swiper = new Swiper(".featured-apartments-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+        1800: {
+          slidesPerView: 4,
+        },
+      },
+    });
+   
+    // featured apartments slider2
+    var swiper = new Swiper(".featured-apartments-slider2", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // testimonials slider
+    var swiper = new Swiper(".testimonials-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // testimonials2 slider
+    var swiper = new Swiper(".testimonials-slider2", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        768: {
+          slidesPerView: 2,
+        },
+      },
+    });
+    // testimonials 3 slider
+    const testimonials3ThumbsSlider = new Swiper(
+      ".testimonials3-tumbs_slider",
+      {
+        slidesPerView: "auto",
+        cssMode: true,
+        preventClicks: false,
+      }
+    );
+    const testimonialsSlider3 = new Swiper(".testimonials-slider-3", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 1500,
+      effect: "fade",
+
+      autoplay: {
+        delay: 5000,
+        disableOnInteraction: false,
+      },
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+
+      thumbs: {
+        swiper: testimonials3ThumbsSlider,
+      },
+    });
+    // testimonials 4 slider
+    var testimonialsSlider4 = new Swiper(".testimonials-slider-4", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+      },
+    });
+
+    const testimonialQuoteMenus = document.querySelectorAll(
+      ".testimonial-quote-menu"
+    );
+    // random thumb menu
+
+    if (testimonialQuoteMenus?.length) {
+      testimonialQuoteMenus.forEach((quoteMenu, idx) => {
+        const menuContainer = quoteMenu.closest(
+          ".testimonial-quote-menu-container"
+        );
+
+        const quoteMenu2 = quoteMenu;
+        let innerHtmlogQuoteMenu2 = "";
+        let ul = document.createElement("ul");
+
+        ul.classList.add("testimonial-quote-menu", "testimonial-quote-menu2");
+
+        quoteMenu2.querySelectorAll("li").forEach((li2) => {
+          innerHtmlogQuoteMenu2 += `<li>${li2.innerHTML}</li>`;
+        });
+        ul.innerHTML = innerHtmlogQuoteMenu2;
+        if (menuContainer) {
+          menuContainer.appendChild(ul);
+        }
+      });
+      const menuCopy = document.querySelector(".testimonial-quote-menu2");
+
+      // add active class to animatable image
+      const isActive = (cs) => {
+        menuCopy.style.zIndex = 20;
+        menuCopy.querySelectorAll("li").forEach((li, idx) => {
+          li.classList.remove("active");
+          if (cs === idx) {
+            li.classList.add("active");
+          }
+
+          setTimeout(() => {
+            li.classList.remove("active");
+            menuCopy.style.zIndex = 1;
+          }, 300);
+        });
+      };
+
+      testimonialsSlider3.eventsListeners.activeIndexChange[0] = (e) => {
+        if (
+          testimonialsSlider3.realIndex !==
+          testimonialsSlider3.previousRealIndex
+        ) {
+          isActive(testimonialsSlider3.realIndex);
+        }
+      };
+    }
+
+    // news slider
+    var swiper = new Swiper(".news-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        1200: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // news single slider
+    var swiper = new Swiper(".news-single-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+    });
+
+    // properties slider
+    var swiper = new Swiper(".properties-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+      },
+    });
+    // upcoming projects slider
+    var swiper = new Swiper(".project-slider-container", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+    // neighbour slider
+    var neighbourswiperThumbs = new Swiper(".neighbour-slider-tumbs_slider", {
+      loop: true,
+      spaceBetween: 8,
+      slidesPerView: 3,
+      freeMode: true,
+      watchSlidesProgress: true,
+    });
+    var swiper = new Swiper(".neighbour-slider", {
+      slidesPerView: 1,
+      speed: 800,
+
+      effect: "fade",
+      thumbs: {
+        swiper: neighbourswiperThumbs,
+      },
+    });
+    // brands slider
+    var swiper = new Swiper(".brand-slider", {
+      slidesPerView: 2,
+      spaceBetween: 30,
+      speed: 800,
+      loop: true,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 3,
+        },
+        768: {
+          slidesPerView: 4,
+        },
+        992: {
+          slidesPerView: 5,
+        },
+      },
+    });
+
+    // portfolio slider
+    var swiper = new Swiper(".portfolio-slider", {
+      slidesPerView: 1,
+
+      loop: true,
+      speed: 800,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+        },
+        992: {
+          slidesPerView: 3,
+        },
+        1200: {
+          slidesPerView: 4,
+        },
+      },
+    });
+    // popular properties slider
+    var swiper = new Swiper(".popular-properties-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      autoplay: {
+        delay: 5000,
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+    });
+    // product details slider
+    var swiper = new Swiper(".product-details-slider", {
+      slidesPerView: 1,
+      loop: true,
+      speed: 800,
+      preventClicksPropagation: false,
+      centeredSlides: true,
+      autoplay: {
+        delay: 10000,
+      },
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
+      },
+      breakpoints: {
+        768: {
+          slidesPerView: 1.6,
+        },
+        992: {
+          slidesPerView: 1.55,
+        },
+
+        1600: {
+          slidesPerView: 1.9,
+        },
+      },
+    });
+  }
+};
diff --git a/quarter/assets/js/smoothScroll.js b/quarter/assets/js/smoothScroll.js
new file mode 100644
index 0000000..1fb64b7
--- /dev/null
+++ b/quarter/assets/js/smoothScroll.js
@@ -0,0 +1,20 @@
+const smoothScroll = () => {
+  var links = document.querySelectorAll('a[href^="#"]');
+  if (!links.length) {
+    return;
+  }
+  links.forEach(function (link) {
+    link.addEventListener("click", function (e) {
+      e.preventDefault();
+
+      var targetId = this.getAttribute("href").substring(1);
+
+      var targetElement = document.getElementById(targetId);
+      if (targetElement) {
+        targetElement.scrollIntoView({ behavior: "smooth" });
+      } else {
+        window.scroll({ top: 0, left: 0, behavior: "smooth" });
+      }
+    });
+  });
+};
diff --git a/quarter/assets/js/stickyHeader.js b/quarter/assets/js/stickyHeader.js
new file mode 100644
index 0000000..4c0bf7c
--- /dev/null
+++ b/quarter/assets/js/stickyHeader.js
@@ -0,0 +1,35 @@
+const stickystickyHeader = () => {
+  const header = document.querySelector("header");
+  const stickyHeader = header?.querySelector(".sticky-header");
+
+  if (stickyHeader) {
+    window.addEventListener("scroll", () => {
+      const stickyHeaderHeight = stickyHeader.offsetHeight;
+      const scrollCount = window.scrollY;
+
+      // if (scrollCount - headerHeight < 0 && scrollCount - headerHeight > -5) {
+
+      // }
+      if (scrollCount < 300) {
+        if (scrollCount > 200) {
+          stickyHeader.setAttribute(
+            "style",
+            `position: fixed;top: -${stickyHeaderHeight}px;left:0;right:0
+        `
+          );
+          stickyHeader.classList.remove("active");
+        } else {
+          stickyHeader.removeAttribute("style");
+          stickyHeader.classList.remove("active");
+        }
+      }
+      if (scrollCount > 300) {
+        stickyHeader.setAttribute(
+          "style",
+          " position: fixed;top: 0px; left:0;right:0 "
+        );
+        stickyHeader.classList.add("active");
+      }
+    });
+  }
+};
diff --git a/quarter/assets/js/swiper-bundle.min.js b/quarter/assets/js/swiper-bundle.min.js
new file mode 100644
index 0000000..63d389b
--- /dev/null
+++ b/quarter/assets/js/swiper-bundle.min.js
@@ -0,0 +1,7503 @@
+/**
+ * Swiper 11.1.4
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2024 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: May 30, 2024
+ */
+
+var Swiper = (function () {
+  "use strict";
+  function e(e) {
+    return (
+      null !== e &&
+      "object" == typeof e &&
+      "constructor" in e &&
+      e.constructor === Object
+    );
+  }
+  function t(s, a) {
+    void 0 === s && (s = {}),
+      void 0 === a && (a = {}),
+      Object.keys(a).forEach((i) => {
+        void 0 === s[i]
+          ? (s[i] = a[i])
+          : e(a[i]) && e(s[i]) && Object.keys(a[i]).length > 0 && t(s[i], a[i]);
+      });
+  }
+  const s = {
+    body: {},
+    addEventListener() {},
+    removeEventListener() {},
+    activeElement: { blur() {}, nodeName: "" },
+    querySelector: () => null,
+    querySelectorAll: () => [],
+    getElementById: () => null,
+    createEvent: () => ({ initEvent() {} }),
+    createElement: () => ({
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute() {},
+      getElementsByTagName: () => [],
+    }),
+    createElementNS: () => ({}),
+    importNode: () => null,
+    location: {
+      hash: "",
+      host: "",
+      hostname: "",
+      href: "",
+      origin: "",
+      pathname: "",
+      protocol: "",
+      search: "",
+    },
+  };
+  function a() {
+    const e = "undefined" != typeof document ? document : {};
+    return t(e, s), e;
+  }
+  const i = {
+    document: s,
+    navigator: { userAgent: "" },
+    location: {
+      hash: "",
+      host: "",
+      hostname: "",
+      href: "",
+      origin: "",
+      pathname: "",
+      protocol: "",
+      search: "",
+    },
+    history: { replaceState() {}, pushState() {}, go() {}, back() {} },
+    CustomEvent: function () {
+      return this;
+    },
+    addEventListener() {},
+    removeEventListener() {},
+    getComputedStyle: () => ({ getPropertyValue: () => "" }),
+    Image() {},
+    Date() {},
+    screen: {},
+    setTimeout() {},
+    clearTimeout() {},
+    matchMedia: () => ({}),
+    requestAnimationFrame: (e) =>
+      "undefined" == typeof setTimeout ? (e(), null) : setTimeout(e, 0),
+    cancelAnimationFrame(e) {
+      "undefined" != typeof setTimeout && clearTimeout(e);
+    },
+  };
+  function r() {
+    const e = "undefined" != typeof window ? window : {};
+    return t(e, i), e;
+  }
+  function n(e) {
+    return (
+      void 0 === e && (e = ""),
+      e
+        .trim()
+        .split(" ")
+        .filter((e) => !!e.trim())
+    );
+  }
+  function l(e, t) {
+    return void 0 === t && (t = 0), setTimeout(e, t);
+  }
+  function o() {
+    return Date.now();
+  }
+  function d(e, t) {
+    void 0 === t && (t = "x");
+    const s = r();
+    let a, i, n;
+    const l = (function (e) {
+      const t = r();
+      let s;
+      return (
+        t.getComputedStyle && (s = t.getComputedStyle(e, null)),
+        !s && e.currentStyle && (s = e.currentStyle),
+        s || (s = e.style),
+        s
+      );
+    })(e);
+    return (
+      s.WebKitCSSMatrix
+        ? ((i = l.transform || l.webkitTransform),
+          i.split(",").length > 6 &&
+            (i = i
+              .split(", ")
+              .map((e) => e.replace(",", "."))
+              .join(", ")),
+          (n = new s.WebKitCSSMatrix("none" === i ? "" : i)))
+        : ((n =
+            l.MozTransform ||
+            l.OTransform ||
+            l.MsTransform ||
+            l.msTransform ||
+            l.transform ||
+            l
+              .getPropertyValue("transform")
+              .replace("translate(", "matrix(1, 0, 0, 1,")),
+          (a = n.toString().split(","))),
+      "x" === t &&
+        (i = s.WebKitCSSMatrix
+          ? n.m41
+          : 16 === a.length
+          ? parseFloat(a[12])
+          : parseFloat(a[4])),
+      "y" === t &&
+        (i = s.WebKitCSSMatrix
+          ? n.m42
+          : 16 === a.length
+          ? parseFloat(a[13])
+          : parseFloat(a[5])),
+      i || 0
+    );
+  }
+  function c(e) {
+    return (
+      "object" == typeof e &&
+      null !== e &&
+      e.constructor &&
+      "Object" === Object.prototype.toString.call(e).slice(8, -1)
+    );
+  }
+  function p() {
+    const e = Object(arguments.length <= 0 ? void 0 : arguments[0]),
+      t = ["__proto__", "constructor", "prototype"];
+    for (let a = 1; a < arguments.length; a += 1) {
+      const i = a < 0 || arguments.length <= a ? void 0 : arguments[a];
+      if (
+        null != i &&
+        ((s = i),
+        !("undefined" != typeof window && void 0 !== window.HTMLElement
+          ? s instanceof HTMLElement
+          : s && (1 === s.nodeType || 11 === s.nodeType)))
+      ) {
+        const s = Object.keys(Object(i)).filter((e) => t.indexOf(e) < 0);
+        for (let t = 0, a = s.length; t < a; t += 1) {
+          const a = s[t],
+            r = Object.getOwnPropertyDescriptor(i, a);
+          void 0 !== r &&
+            r.enumerable &&
+            (c(e[a]) && c(i[a])
+              ? i[a].__swiper__
+                ? (e[a] = i[a])
+                : p(e[a], i[a])
+              : !c(e[a]) && c(i[a])
+              ? ((e[a] = {}), i[a].__swiper__ ? (e[a] = i[a]) : p(e[a], i[a]))
+              : (e[a] = i[a]));
+        }
+      }
+    }
+    var s;
+    return e;
+  }
+  function u(e, t, s) {
+    e.style.setProperty(t, s);
+  }
+  function m(e) {
+    let { swiper: t, targetPosition: s, side: a } = e;
+    const i = r(),
+      n = -t.translate;
+    let l,
+      o = null;
+    const d = t.params.speed;
+    (t.wrapperEl.style.scrollSnapType = "none"),
+      i.cancelAnimationFrame(t.cssModeFrameID);
+    const c = s > n ? "next" : "prev",
+      p = (e, t) => ("next" === c && e >= t) || ("prev" === c && e <= t),
+      u = () => {
+        (l = new Date().getTime()), null === o && (o = l);
+        const e = Math.max(Math.min((l - o) / d, 1), 0),
+          r = 0.5 - Math.cos(e * Math.PI) / 2;
+        let c = n + r * (s - n);
+        if ((p(c, s) && (c = s), t.wrapperEl.scrollTo({ [a]: c }), p(c, s)))
+          return (
+            (t.wrapperEl.style.overflow = "hidden"),
+            (t.wrapperEl.style.scrollSnapType = ""),
+            setTimeout(() => {
+              (t.wrapperEl.style.overflow = ""),
+                t.wrapperEl.scrollTo({ [a]: c });
+            }),
+            void i.cancelAnimationFrame(t.cssModeFrameID)
+          );
+        t.cssModeFrameID = i.requestAnimationFrame(u);
+      };
+    u();
+  }
+  function h(e) {
+    return (
+      e.querySelector(".swiper-slide-transform") ||
+      (e.shadowRoot && e.shadowRoot.querySelector(".swiper-slide-transform")) ||
+      e
+    );
+  }
+  function f(e, t) {
+    return (
+      void 0 === t && (t = ""), [...e.children].filter((e) => e.matches(t))
+    );
+  }
+  function g(e) {
+    try {
+      return void console.warn(e);
+    } catch (e) {}
+  }
+  function v(e, t) {
+    void 0 === t && (t = []);
+    const s = document.createElement(e);
+    return s.classList.add(...(Array.isArray(t) ? t : n(t))), s;
+  }
+  function w(e) {
+    const t = r(),
+      s = a(),
+      i = e.getBoundingClientRect(),
+      n = s.body,
+      l = e.clientTop || n.clientTop || 0,
+      o = e.clientLeft || n.clientLeft || 0,
+      d = e === t ? t.scrollY : e.scrollTop,
+      c = e === t ? t.scrollX : e.scrollLeft;
+    return { top: i.top + d - l, left: i.left + c - o };
+  }
+  function b(e, t) {
+    return r().getComputedStyle(e, null).getPropertyValue(t);
+  }
+  function y(e) {
+    let t,
+      s = e;
+    if (s) {
+      for (t = 0; null !== (s = s.previousSibling); )
+        1 === s.nodeType && (t += 1);
+      return t;
+    }
+  }
+  function E(e, t) {
+    const s = [];
+    let a = e.parentElement;
+    for (; a; )
+      t ? a.matches(t) && s.push(a) : s.push(a), (a = a.parentElement);
+    return s;
+  }
+  function x(e, t) {
+    t &&
+      e.addEventListener("transitionend", function s(a) {
+        a.target === e &&
+          (t.call(e, a), e.removeEventListener("transitionend", s));
+      });
+  }
+  function S(e, t, s) {
+    const a = r();
+    return s
+      ? e["width" === t ? "offsetWidth" : "offsetHeight"] +
+          parseFloat(
+            a
+              .getComputedStyle(e, null)
+              .getPropertyValue("width" === t ? "margin-right" : "margin-top")
+          ) +
+          parseFloat(
+            a
+              .getComputedStyle(e, null)
+              .getPropertyValue("width" === t ? "margin-left" : "margin-bottom")
+          )
+      : e.offsetWidth;
+  }
+  function T(e) {
+    return (Array.isArray(e) ? e : [e]).filter((e) => !!e);
+  }
+  let M, C, P;
+  function L() {
+    return (
+      M ||
+        (M = (function () {
+          const e = r(),
+            t = a();
+          return {
+            smoothScroll:
+              t.documentElement &&
+              t.documentElement.style &&
+              "scrollBehavior" in t.documentElement.style,
+            touch: !!(
+              "ontouchstart" in e ||
+              (e.DocumentTouch && t instanceof e.DocumentTouch)
+            ),
+          };
+        })()),
+      M
+    );
+  }
+  function I(e) {
+    return (
+      void 0 === e && (e = {}),
+      C ||
+        (C = (function (e) {
+          let { userAgent: t } = void 0 === e ? {} : e;
+          const s = L(),
+            a = r(),
+            i = a.navigator.platform,
+            n = t || a.navigator.userAgent,
+            l = { ios: !1, android: !1 },
+            o = a.screen.width,
+            d = a.screen.height,
+            c = n.match(/(Android);?[\s\/]+([\d.]+)?/);
+          let p = n.match(/(iPad).*OS\s([\d_]+)/);
+          const u = n.match(/(iPod)(.*OS\s([\d_]+))?/),
+            m = !p && n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),
+            h = "Win32" === i;
+          let f = "MacIntel" === i;
+          return (
+            !p &&
+              f &&
+              s.touch &&
+              [
+                "1024x1366",
+                "1366x1024",
+                "834x1194",
+                "1194x834",
+                "834x1112",
+                "1112x834",
+                "768x1024",
+                "1024x768",
+                "820x1180",
+                "1180x820",
+                "810x1080",
+                "1080x810",
+              ].indexOf(`${o}x${d}`) >= 0 &&
+              ((p = n.match(/(Version)\/([\d.]+)/)),
+              p || (p = [0, 1, "13_0_0"]),
+              (f = !1)),
+            c && !h && ((l.os = "android"), (l.android = !0)),
+            (p || m || u) && ((l.os = "ios"), (l.ios = !0)),
+            l
+          );
+        })(e)),
+      C
+    );
+  }
+  function A() {
+    return (
+      P ||
+        (P = (function () {
+          const e = r(),
+            t = I();
+          let s = !1;
+          function a() {
+            const t = e.navigator.userAgent.toLowerCase();
+            return (
+              t.indexOf("safari") >= 0 &&
+              t.indexOf("chrome") < 0 &&
+              t.indexOf("android") < 0
+            );
+          }
+          if (a()) {
+            const t = String(e.navigator.userAgent);
+            if (t.includes("Version/")) {
+              const [e, a] = t
+                .split("Version/")[1]
+                .split(" ")[0]
+                .split(".")
+                .map((e) => Number(e));
+              s = e < 16 || (16 === e && a < 2);
+            }
+          }
+          const i = /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(
+              e.navigator.userAgent
+            ),
+            n = a();
+          return {
+            isSafari: s || n,
+            needPerspectiveFix: s,
+            need3dFix: n || (i && t.ios),
+            isWebView: i,
+          };
+        })()),
+      P
+    );
+  }
+  var z = {
+    on(e, t, s) {
+      const a = this;
+      if (!a.eventsListeners || a.destroyed) return a;
+      if ("function" != typeof t) return a;
+      const i = s ? "unshift" : "push";
+      return (
+        e.split(" ").forEach((e) => {
+          a.eventsListeners[e] || (a.eventsListeners[e] = []),
+            a.eventsListeners[e][i](t);
+        }),
+        a
+      );
+    },
+    once(e, t, s) {
+      const a = this;
+      if (!a.eventsListeners || a.destroyed) return a;
+      if ("function" != typeof t) return a;
+      function i() {
+        a.off(e, i), i.__emitterProxy && delete i.__emitterProxy;
+        for (var s = arguments.length, r = new Array(s), n = 0; n < s; n++)
+          r[n] = arguments[n];
+        t.apply(a, r);
+      }
+      return (i.__emitterProxy = t), a.on(e, i, s);
+    },
+    onAny(e, t) {
+      const s = this;
+      if (!s.eventsListeners || s.destroyed) return s;
+      if ("function" != typeof e) return s;
+      const a = t ? "unshift" : "push";
+      return (
+        s.eventsAnyListeners.indexOf(e) < 0 && s.eventsAnyListeners[a](e), s
+      );
+    },
+    offAny(e) {
+      const t = this;
+      if (!t.eventsListeners || t.destroyed) return t;
+      if (!t.eventsAnyListeners) return t;
+      const s = t.eventsAnyListeners.indexOf(e);
+      return s >= 0 && t.eventsAnyListeners.splice(s, 1), t;
+    },
+    off(e, t) {
+      const s = this;
+      return !s.eventsListeners || s.destroyed
+        ? s
+        : s.eventsListeners
+        ? (e.split(" ").forEach((e) => {
+            void 0 === t
+              ? (s.eventsListeners[e] = [])
+              : s.eventsListeners[e] &&
+                s.eventsListeners[e].forEach((a, i) => {
+                  (a === t || (a.__emitterProxy && a.__emitterProxy === t)) &&
+                    s.eventsListeners[e].splice(i, 1);
+                });
+          }),
+          s)
+        : s;
+    },
+    emit() {
+      const e = this;
+      if (!e.eventsListeners || e.destroyed) return e;
+      if (!e.eventsListeners) return e;
+      let t, s, a;
+      for (var i = arguments.length, r = new Array(i), n = 0; n < i; n++)
+        r[n] = arguments[n];
+      "string" == typeof r[0] || Array.isArray(r[0])
+        ? ((t = r[0]), (s = r.slice(1, r.length)), (a = e))
+        : ((t = r[0].events), (s = r[0].data), (a = r[0].context || e)),
+        s.unshift(a);
+      return (
+        (Array.isArray(t) ? t : t.split(" ")).forEach((t) => {
+          e.eventsAnyListeners &&
+            e.eventsAnyListeners.length &&
+            e.eventsAnyListeners.forEach((e) => {
+              e.apply(a, [t, ...s]);
+            }),
+            e.eventsListeners &&
+              e.eventsListeners[t] &&
+              e.eventsListeners[t].forEach((e) => {
+                e.apply(a, s);
+              });
+        }),
+        e
+      );
+    },
+  };
+  const $ = (e, t, s) => {
+    t && !e.classList.contains(s)
+      ? e.classList.add(s)
+      : !t && e.classList.contains(s) && e.classList.remove(s);
+  };
+  const k = (e, t, s) => {
+    t && !e.classList.contains(s)
+      ? e.classList.add(s)
+      : !t && e.classList.contains(s) && e.classList.remove(s);
+  };
+  const O = (e, t) => {
+      if (!e || e.destroyed || !e.params) return;
+      const s = t.closest(
+        e.isElement ? "swiper-slide" : `.${e.params.slideClass}`
+      );
+      if (s) {
+        let t = s.querySelector(`.${e.params.lazyPreloaderClass}`);
+        !t &&
+          e.isElement &&
+          (s.shadowRoot
+            ? (t = s.shadowRoot.querySelector(
+                `.${e.params.lazyPreloaderClass}`
+              ))
+            : requestAnimationFrame(() => {
+                s.shadowRoot &&
+                  ((t = s.shadowRoot.querySelector(
+                    `.${e.params.lazyPreloaderClass}`
+                  )),
+                  t && t.remove());
+              })),
+          t && t.remove();
+      }
+    },
+    D = (e, t) => {
+      if (!e.slides[t]) return;
+      const s = e.slides[t].querySelector('[loading="lazy"]');
+      s && s.removeAttribute("loading");
+    },
+    G = (e) => {
+      if (!e || e.destroyed || !e.params) return;
+      let t = e.params.lazyPreloadPrevNext;
+      const s = e.slides.length;
+      if (!s || !t || t < 0) return;
+      t = Math.min(t, s);
+      const a =
+          "auto" === e.params.slidesPerView
+            ? e.slidesPerViewDynamic()
+            : Math.ceil(e.params.slidesPerView),
+        i = e.activeIndex;
+      if (e.params.grid && e.params.grid.rows > 1) {
+        const s = i,
+          r = [s - t];
+        return (
+          r.push(...Array.from({ length: t }).map((e, t) => s + a + t)),
+          void e.slides.forEach((t, s) => {
+            r.includes(t.column) && D(e, s);
+          })
+        );
+      }
+      const r = i + a - 1;
+      if (e.params.rewind || e.params.loop)
+        for (let a = i - t; a <= r + t; a += 1) {
+          const t = ((a % s) + s) % s;
+          (t < i || t > r) && D(e, t);
+        }
+      else
+        for (let a = Math.max(i - t, 0); a <= Math.min(r + t, s - 1); a += 1)
+          a !== i && (a > r || a < i) && D(e, a);
+    };
+  var H = {
+    updateSize: function () {
+      const e = this;
+      let t, s;
+      const a = e.el;
+      (t =
+        void 0 !== e.params.width && null !== e.params.width
+          ? e.params.width
+          : a.clientWidth),
+        (s =
+          void 0 !== e.params.height && null !== e.params.height
+            ? e.params.height
+            : a.clientHeight),
+        (0 === t && e.isHorizontal()) ||
+          (0 === s && e.isVertical()) ||
+          ((t =
+            t -
+            parseInt(b(a, "padding-left") || 0, 10) -
+            parseInt(b(a, "padding-right") || 0, 10)),
+          (s =
+            s -
+            parseInt(b(a, "padding-top") || 0, 10) -
+            parseInt(b(a, "padding-bottom") || 0, 10)),
+          Number.isNaN(t) && (t = 0),
+          Number.isNaN(s) && (s = 0),
+          Object.assign(e, {
+            width: t,
+            height: s,
+            size: e.isHorizontal() ? t : s,
+          }));
+    },
+    updateSlides: function () {
+      const e = this;
+      function t(t, s) {
+        return parseFloat(t.getPropertyValue(e.getDirectionLabel(s)) || 0);
+      }
+      const s = e.params,
+        {
+          wrapperEl: a,
+          slidesEl: i,
+          size: r,
+          rtlTranslate: n,
+          wrongRTL: l,
+        } = e,
+        o = e.virtual && s.virtual.enabled,
+        d = o ? e.virtual.slides.length : e.slides.length,
+        c = f(i, `.${e.params.slideClass}, swiper-slide`),
+        p = o ? e.virtual.slides.length : c.length;
+      let m = [];
+      const h = [],
+        g = [];
+      let v = s.slidesOffsetBefore;
+      "function" == typeof v && (v = s.slidesOffsetBefore.call(e));
+      let w = s.slidesOffsetAfter;
+      "function" == typeof w && (w = s.slidesOffsetAfter.call(e));
+      const y = e.snapGrid.length,
+        E = e.slidesGrid.length;
+      let x = s.spaceBetween,
+        T = -v,
+        M = 0,
+        C = 0;
+      if (void 0 === r) return;
+      "string" == typeof x && x.indexOf("%") >= 0
+        ? (x = (parseFloat(x.replace("%", "")) / 100) * r)
+        : "string" == typeof x && (x = parseFloat(x)),
+        (e.virtualSize = -x),
+        c.forEach((e) => {
+          n ? (e.style.marginLeft = "") : (e.style.marginRight = ""),
+            (e.style.marginBottom = ""),
+            (e.style.marginTop = "");
+        }),
+        s.centeredSlides &&
+          s.cssMode &&
+          (u(a, "--swiper-centered-offset-before", ""),
+          u(a, "--swiper-centered-offset-after", ""));
+      const P = s.grid && s.grid.rows > 1 && e.grid;
+      let L;
+      P ? e.grid.initSlides(c) : e.grid && e.grid.unsetSlides();
+      const I =
+        "auto" === s.slidesPerView &&
+        s.breakpoints &&
+        Object.keys(s.breakpoints).filter(
+          (e) => void 0 !== s.breakpoints[e].slidesPerView
+        ).length > 0;
+      for (let a = 0; a < p; a += 1) {
+        let i;
+        if (
+          ((L = 0),
+          c[a] && (i = c[a]),
+          P && e.grid.updateSlide(a, i, c),
+          !c[a] || "none" !== b(i, "display"))
+        ) {
+          if ("auto" === s.slidesPerView) {
+            I && (c[a].style[e.getDirectionLabel("width")] = "");
+            const r = getComputedStyle(i),
+              n = i.style.transform,
+              l = i.style.webkitTransform;
+            if (
+              (n && (i.style.transform = "none"),
+              l && (i.style.webkitTransform = "none"),
+              s.roundLengths)
+            )
+              L = e.isHorizontal() ? S(i, "width", !0) : S(i, "height", !0);
+            else {
+              const e = t(r, "width"),
+                s = t(r, "padding-left"),
+                a = t(r, "padding-right"),
+                n = t(r, "margin-left"),
+                l = t(r, "margin-right"),
+                o = r.getPropertyValue("box-sizing");
+              if (o && "border-box" === o) L = e + n + l;
+              else {
+                const { clientWidth: t, offsetWidth: r } = i;
+                L = e + s + a + n + l + (r - t);
+              }
+            }
+            n && (i.style.transform = n),
+              l && (i.style.webkitTransform = l),
+              s.roundLengths && (L = Math.floor(L));
+          } else
+            (L = (r - (s.slidesPerView - 1) * x) / s.slidesPerView),
+              s.roundLengths && (L = Math.floor(L)),
+              c[a] && (c[a].style[e.getDirectionLabel("width")] = `${L}px`);
+          c[a] && (c[a].swiperSlideSize = L),
+            g.push(L),
+            s.centeredSlides
+              ? ((T = T + L / 2 + M / 2 + x),
+                0 === M && 0 !== a && (T = T - r / 2 - x),
+                0 === a && (T = T - r / 2 - x),
+                Math.abs(T) < 0.001 && (T = 0),
+                s.roundLengths && (T = Math.floor(T)),
+                C % s.slidesPerGroup == 0 && m.push(T),
+                h.push(T))
+              : (s.roundLengths && (T = Math.floor(T)),
+                (C - Math.min(e.params.slidesPerGroupSkip, C)) %
+                  e.params.slidesPerGroup ==
+                  0 && m.push(T),
+                h.push(T),
+                (T = T + L + x)),
+            (e.virtualSize += L + x),
+            (M = L),
+            (C += 1);
+        }
+      }
+      if (
+        ((e.virtualSize = Math.max(e.virtualSize, r) + w),
+        n &&
+          l &&
+          ("slide" === s.effect || "coverflow" === s.effect) &&
+          (a.style.width = `${e.virtualSize + x}px`),
+        s.setWrapperSize &&
+          (a.style[e.getDirectionLabel("width")] = `${e.virtualSize + x}px`),
+        P && e.grid.updateWrapperSize(L, m),
+        !s.centeredSlides)
+      ) {
+        const t = [];
+        for (let a = 0; a < m.length; a += 1) {
+          let i = m[a];
+          s.roundLengths && (i = Math.floor(i)),
+            m[a] <= e.virtualSize - r && t.push(i);
+        }
+        (m = t),
+          Math.floor(e.virtualSize - r) - Math.floor(m[m.length - 1]) > 1 &&
+            m.push(e.virtualSize - r);
+      }
+      if (o && s.loop) {
+        const t = g[0] + x;
+        if (s.slidesPerGroup > 1) {
+          const a = Math.ceil(
+              (e.virtual.slidesBefore + e.virtual.slidesAfter) /
+                s.slidesPerGroup
+            ),
+            i = t * s.slidesPerGroup;
+          for (let e = 0; e < a; e += 1) m.push(m[m.length - 1] + i);
+        }
+        for (
+          let a = 0;
+          a < e.virtual.slidesBefore + e.virtual.slidesAfter;
+          a += 1
+        )
+          1 === s.slidesPerGroup && m.push(m[m.length - 1] + t),
+            h.push(h[h.length - 1] + t),
+            (e.virtualSize += t);
+      }
+      if ((0 === m.length && (m = [0]), 0 !== x)) {
+        const t =
+          e.isHorizontal() && n
+            ? "marginLeft"
+            : e.getDirectionLabel("marginRight");
+        c.filter(
+          (e, t) => !(s.cssMode && !s.loop) || t !== c.length - 1
+        ).forEach((e) => {
+          e.style[t] = `${x}px`;
+        });
+      }
+      if (s.centeredSlides && s.centeredSlidesBounds) {
+        let e = 0;
+        g.forEach((t) => {
+          e += t + (x || 0);
+        }),
+          (e -= x);
+        const t = e - r;
+        m = m.map((e) => (e <= 0 ? -v : e > t ? t + w : e));
+      }
+      if (s.centerInsufficientSlides) {
+        let e = 0;
+        g.forEach((t) => {
+          e += t + (x || 0);
+        }),
+          (e -= x);
+        const t = (s.slidesOffsetBefore || 0) + (s.slidesOffsetAfter || 0);
+        if (e + t < r) {
+          const s = (r - e - t) / 2;
+          m.forEach((e, t) => {
+            m[t] = e - s;
+          }),
+            h.forEach((e, t) => {
+              h[t] = e + s;
+            });
+        }
+      }
+      if (
+        (Object.assign(e, {
+          slides: c,
+          snapGrid: m,
+          slidesGrid: h,
+          slidesSizesGrid: g,
+        }),
+        s.centeredSlides && s.cssMode && !s.centeredSlidesBounds)
+      ) {
+        u(a, "--swiper-centered-offset-before", -m[0] + "px"),
+          u(
+            a,
+            "--swiper-centered-offset-after",
+            e.size / 2 - g[g.length - 1] / 2 + "px"
+          );
+        const t = -e.snapGrid[0],
+          s = -e.slidesGrid[0];
+        (e.snapGrid = e.snapGrid.map((e) => e + t)),
+          (e.slidesGrid = e.slidesGrid.map((e) => e + s));
+      }
+      if (
+        (p !== d && e.emit("slidesLengthChange"),
+        m.length !== y &&
+          (e.params.watchOverflow && e.checkOverflow(),
+          e.emit("snapGridLengthChange")),
+        h.length !== E && e.emit("slidesGridLengthChange"),
+        s.watchSlidesProgress && e.updateSlidesOffset(),
+        e.emit("slidesUpdated"),
+        !(o || s.cssMode || ("slide" !== s.effect && "fade" !== s.effect)))
+      ) {
+        const t = `${s.containerModifierClass}backface-hidden`,
+          a = e.el.classList.contains(t);
+        p <= s.maxBackfaceHiddenSlides
+          ? a || e.el.classList.add(t)
+          : a && e.el.classList.remove(t);
+      }
+    },
+    updateAutoHeight: function (e) {
+      const t = this,
+        s = [],
+        a = t.virtual && t.params.virtual.enabled;
+      let i,
+        r = 0;
+      "number" == typeof e
+        ? t.setTransition(e)
+        : !0 === e && t.setTransition(t.params.speed);
+      const n = (e) => (a ? t.slides[t.getSlideIndexByData(e)] : t.slides[e]);
+      if ("auto" !== t.params.slidesPerView && t.params.slidesPerView > 1)
+        if (t.params.centeredSlides)
+          (t.visibleSlides || []).forEach((e) => {
+            s.push(e);
+          });
+        else
+          for (i = 0; i < Math.ceil(t.params.slidesPerView); i += 1) {
+            const e = t.activeIndex + i;
+            if (e > t.slides.length && !a) break;
+            s.push(n(e));
+          }
+      else s.push(n(t.activeIndex));
+      for (i = 0; i < s.length; i += 1)
+        if (void 0 !== s[i]) {
+          const e = s[i].offsetHeight;
+          r = e > r ? e : r;
+        }
+      (r || 0 === r) && (t.wrapperEl.style.height = `${r}px`);
+    },
+    updateSlidesOffset: function () {
+      const e = this,
+        t = e.slides,
+        s = e.isElement
+          ? e.isHorizontal()
+            ? e.wrapperEl.offsetLeft
+            : e.wrapperEl.offsetTop
+          : 0;
+      for (let a = 0; a < t.length; a += 1)
+        t[a].swiperSlideOffset =
+          (e.isHorizontal() ? t[a].offsetLeft : t[a].offsetTop) -
+          s -
+          e.cssOverflowAdjustment();
+    },
+    updateSlidesProgress: function (e) {
+      void 0 === e && (e = (this && this.translate) || 0);
+      const t = this,
+        s = t.params,
+        { slides: a, rtlTranslate: i, snapGrid: r } = t;
+      if (0 === a.length) return;
+      void 0 === a[0].swiperSlideOffset && t.updateSlidesOffset();
+      let n = -e;
+      i && (n = e), (t.visibleSlidesIndexes = []), (t.visibleSlides = []);
+      let l = s.spaceBetween;
+      "string" == typeof l && l.indexOf("%") >= 0
+        ? (l = (parseFloat(l.replace("%", "")) / 100) * t.size)
+        : "string" == typeof l && (l = parseFloat(l));
+      for (let e = 0; e < a.length; e += 1) {
+        const o = a[e];
+        let d = o.swiperSlideOffset;
+        s.cssMode && s.centeredSlides && (d -= a[0].swiperSlideOffset);
+        const c =
+            (n + (s.centeredSlides ? t.minTranslate() : 0) - d) /
+            (o.swiperSlideSize + l),
+          p =
+            (n - r[0] + (s.centeredSlides ? t.minTranslate() : 0) - d) /
+            (o.swiperSlideSize + l),
+          u = -(n - d),
+          m = u + t.slidesSizesGrid[e],
+          h = u >= 0 && u <= t.size - t.slidesSizesGrid[e],
+          f =
+            (u >= 0 && u < t.size - 1) ||
+            (m > 1 && m <= t.size) ||
+            (u <= 0 && m >= t.size);
+        f && (t.visibleSlides.push(o), t.visibleSlidesIndexes.push(e)),
+          $(o, f, s.slideVisibleClass),
+          $(o, h, s.slideFullyVisibleClass),
+          (o.progress = i ? -c : c),
+          (o.originalProgress = i ? -p : p);
+      }
+    },
+    updateProgress: function (e) {
+      const t = this;
+      if (void 0 === e) {
+        const s = t.rtlTranslate ? -1 : 1;
+        e = (t && t.translate && t.translate * s) || 0;
+      }
+      const s = t.params,
+        a = t.maxTranslate() - t.minTranslate();
+      let { progress: i, isBeginning: r, isEnd: n, progressLoop: l } = t;
+      const o = r,
+        d = n;
+      if (0 === a) (i = 0), (r = !0), (n = !0);
+      else {
+        i = (e - t.minTranslate()) / a;
+        const s = Math.abs(e - t.minTranslate()) < 1,
+          l = Math.abs(e - t.maxTranslate()) < 1;
+        (r = s || i <= 0), (n = l || i >= 1), s && (i = 0), l && (i = 1);
+      }
+      if (s.loop) {
+        const s = t.getSlideIndexByData(0),
+          a = t.getSlideIndexByData(t.slides.length - 1),
+          i = t.slidesGrid[s],
+          r = t.slidesGrid[a],
+          n = t.slidesGrid[t.slidesGrid.length - 1],
+          o = Math.abs(e);
+        (l = o >= i ? (o - i) / n : (o + n - r) / n), l > 1 && (l -= 1);
+      }
+      Object.assign(t, {
+        progress: i,
+        progressLoop: l,
+        isBeginning: r,
+        isEnd: n,
+      }),
+        (s.watchSlidesProgress || (s.centeredSlides && s.autoHeight)) &&
+          t.updateSlidesProgress(e),
+        r && !o && t.emit("reachBeginning toEdge"),
+        n && !d && t.emit("reachEnd toEdge"),
+        ((o && !r) || (d && !n)) && t.emit("fromEdge"),
+        t.emit("progress", i);
+    },
+    updateSlidesClasses: function () {
+      const e = this,
+        { slides: t, params: s, slidesEl: a, activeIndex: i } = e,
+        r = e.virtual && s.virtual.enabled,
+        n = e.grid && s.grid && s.grid.rows > 1,
+        l = (e) => f(a, `.${s.slideClass}${e}, swiper-slide${e}`)[0];
+      let o, d, c;
+      if (r)
+        if (s.loop) {
+          let t = i - e.virtual.slidesBefore;
+          t < 0 && (t = e.virtual.slides.length + t),
+            t >= e.virtual.slides.length && (t -= e.virtual.slides.length),
+            (o = l(`[data-swiper-slide-index="${t}"]`));
+        } else o = l(`[data-swiper-slide-index="${i}"]`);
+      else
+        n
+          ? ((o = t.filter((e) => e.column === i)[0]),
+            (c = t.filter((e) => e.column === i + 1)[0]),
+            (d = t.filter((e) => e.column === i - 1)[0]))
+          : (o = t[i]);
+      o &&
+        (n ||
+          ((c = (function (e, t) {
+            const s = [];
+            for (; e.nextElementSibling; ) {
+              const a = e.nextElementSibling;
+              t ? a.matches(t) && s.push(a) : s.push(a), (e = a);
+            }
+            return s;
+          })(o, `.${s.slideClass}, swiper-slide`)[0]),
+          s.loop && !c && (c = t[0]),
+          (d = (function (e, t) {
+            const s = [];
+            for (; e.previousElementSibling; ) {
+              const a = e.previousElementSibling;
+              t ? a.matches(t) && s.push(a) : s.push(a), (e = a);
+            }
+            return s;
+          })(o, `.${s.slideClass}, swiper-slide`)[0]),
+          s.loop && 0 === !d && (d = t[t.length - 1]))),
+        t.forEach((e) => {
+          k(e, e === o, s.slideActiveClass),
+            k(e, e === c, s.slideNextClass),
+            k(e, e === d, s.slidePrevClass);
+        }),
+        e.emitSlidesClasses();
+    },
+    updateActiveIndex: function (e) {
+      const t = this,
+        s = t.rtlTranslate ? t.translate : -t.translate,
+        {
+          snapGrid: a,
+          params: i,
+          activeIndex: r,
+          realIndex: n,
+          snapIndex: l,
+        } = t;
+      let o,
+        d = e;
+      const c = (e) => {
+        let s = e - t.virtual.slidesBefore;
+        return (
+          s < 0 && (s = t.virtual.slides.length + s),
+          s >= t.virtual.slides.length && (s -= t.virtual.slides.length),
+          s
+        );
+      };
+      if (
+        (void 0 === d &&
+          (d = (function (e) {
+            const { slidesGrid: t, params: s } = e,
+              a = e.rtlTranslate ? e.translate : -e.translate;
+            let i;
+            for (let e = 0; e < t.length; e += 1)
+              void 0 !== t[e + 1]
+                ? a >= t[e] && a < t[e + 1] - (t[e + 1] - t[e]) / 2
+                  ? (i = e)
+                  : a >= t[e] && a < t[e + 1] && (i = e + 1)
+                : a >= t[e] && (i = e);
+            return (
+              s.normalizeSlideIndex && (i < 0 || void 0 === i) && (i = 0), i
+            );
+          })(t)),
+        a.indexOf(s) >= 0)
+      )
+        o = a.indexOf(s);
+      else {
+        const e = Math.min(i.slidesPerGroupSkip, d);
+        o = e + Math.floor((d - e) / i.slidesPerGroup);
+      }
+      if ((o >= a.length && (o = a.length - 1), d === r && !t.params.loop))
+        return void (o !== l && ((t.snapIndex = o), t.emit("snapIndexChange")));
+      if (d === r && t.params.loop && t.virtual && t.params.virtual.enabled)
+        return void (t.realIndex = c(d));
+      const p = t.grid && i.grid && i.grid.rows > 1;
+      let u;
+      if (t.virtual && i.virtual.enabled && i.loop) u = c(d);
+      else if (p) {
+        const e = t.slides.filter((e) => e.column === d)[0];
+        let s = parseInt(e.getAttribute("data-swiper-slide-index"), 10);
+        Number.isNaN(s) && (s = Math.max(t.slides.indexOf(e), 0)),
+          (u = Math.floor(s / i.grid.rows));
+      } else if (t.slides[d]) {
+        const e = t.slides[d].getAttribute("data-swiper-slide-index");
+        u = e ? parseInt(e, 10) : d;
+      } else u = d;
+      Object.assign(t, {
+        previousSnapIndex: l,
+        snapIndex: o,
+        previousRealIndex: n,
+        realIndex: u,
+        previousIndex: r,
+        activeIndex: d,
+      }),
+        t.initialized && G(t),
+        t.emit("activeIndexChange"),
+        t.emit("snapIndexChange"),
+        (t.initialized || t.params.runCallbacksOnInit) &&
+          (n !== u && t.emit("realIndexChange"), t.emit("slideChange"));
+    },
+    updateClickedSlide: function (e, t) {
+      const s = this,
+        a = s.params;
+      let i = e.closest(`.${a.slideClass}, swiper-slide`);
+      !i &&
+        s.isElement &&
+        t &&
+        t.length > 1 &&
+        t.includes(e) &&
+        [...t.slice(t.indexOf(e) + 1, t.length)].forEach((e) => {
+          !i &&
+            e.matches &&
+            e.matches(`.${a.slideClass}, swiper-slide`) &&
+            (i = e);
+        });
+      let r,
+        n = !1;
+      if (i)
+        for (let e = 0; e < s.slides.length; e += 1)
+          if (s.slides[e] === i) {
+            (n = !0), (r = e);
+            break;
+          }
+      if (!i || !n)
+        return (s.clickedSlide = void 0), void (s.clickedIndex = void 0);
+      (s.clickedSlide = i),
+        s.virtual && s.params.virtual.enabled
+          ? (s.clickedIndex = parseInt(
+              i.getAttribute("data-swiper-slide-index"),
+              10
+            ))
+          : (s.clickedIndex = r),
+        a.slideToClickedSlide &&
+          void 0 !== s.clickedIndex &&
+          s.clickedIndex !== s.activeIndex &&
+          s.slideToClickedSlide();
+    },
+  };
+  var N = {
+    getTranslate: function (e) {
+      void 0 === e && (e = this.isHorizontal() ? "x" : "y");
+      const { params: t, rtlTranslate: s, translate: a, wrapperEl: i } = this;
+      if (t.virtualTranslate) return s ? -a : a;
+      if (t.cssMode) return a;
+      let r = d(i, e);
+      return (r += this.cssOverflowAdjustment()), s && (r = -r), r || 0;
+    },
+    setTranslate: function (e, t) {
+      const s = this,
+        { rtlTranslate: a, params: i, wrapperEl: r, progress: n } = s;
+      let l,
+        o = 0,
+        d = 0;
+      s.isHorizontal() ? (o = a ? -e : e) : (d = e),
+        i.roundLengths && ((o = Math.floor(o)), (d = Math.floor(d))),
+        (s.previousTranslate = s.translate),
+        (s.translate = s.isHorizontal() ? o : d),
+        i.cssMode
+          ? (r[s.isHorizontal() ? "scrollLeft" : "scrollTop"] = s.isHorizontal()
+              ? -o
+              : -d)
+          : i.virtualTranslate ||
+            (s.isHorizontal()
+              ? (o -= s.cssOverflowAdjustment())
+              : (d -= s.cssOverflowAdjustment()),
+            (r.style.transform = `translate3d(${o}px, ${d}px, 0px)`));
+      const c = s.maxTranslate() - s.minTranslate();
+      (l = 0 === c ? 0 : (e - s.minTranslate()) / c),
+        l !== n && s.updateProgress(e),
+        s.emit("setTranslate", s.translate, t);
+    },
+    minTranslate: function () {
+      return -this.snapGrid[0];
+    },
+    maxTranslate: function () {
+      return -this.snapGrid[this.snapGrid.length - 1];
+    },
+    translateTo: function (e, t, s, a, i) {
+      void 0 === e && (e = 0),
+        void 0 === t && (t = this.params.speed),
+        void 0 === s && (s = !0),
+        void 0 === a && (a = !0);
+      const r = this,
+        { params: n, wrapperEl: l } = r;
+      if (r.animating && n.preventInteractionOnTransition) return !1;
+      const o = r.minTranslate(),
+        d = r.maxTranslate();
+      let c;
+      if (
+        ((c = a && e > o ? o : a && e < d ? d : e),
+        r.updateProgress(c),
+        n.cssMode)
+      ) {
+        const e = r.isHorizontal();
+        if (0 === t) l[e ? "scrollLeft" : "scrollTop"] = -c;
+        else {
+          if (!r.support.smoothScroll)
+            return (
+              m({ swiper: r, targetPosition: -c, side: e ? "left" : "top" }), !0
+            );
+          l.scrollTo({ [e ? "left" : "top"]: -c, behavior: "smooth" });
+        }
+        return !0;
+      }
+      return (
+        0 === t
+          ? (r.setTransition(0),
+            r.setTranslate(c),
+            s &&
+              (r.emit("beforeTransitionStart", t, i), r.emit("transitionEnd")))
+          : (r.setTransition(t),
+            r.setTranslate(c),
+            s &&
+              (r.emit("beforeTransitionStart", t, i),
+              r.emit("transitionStart")),
+            r.animating ||
+              ((r.animating = !0),
+              r.onTranslateToWrapperTransitionEnd ||
+                (r.onTranslateToWrapperTransitionEnd = function (e) {
+                  r &&
+                    !r.destroyed &&
+                    e.target === this &&
+                    (r.wrapperEl.removeEventListener(
+                      "transitionend",
+                      r.onTranslateToWrapperTransitionEnd
+                    ),
+                    (r.onTranslateToWrapperTransitionEnd = null),
+                    delete r.onTranslateToWrapperTransitionEnd,
+                    (r.animating = !1),
+                    s && r.emit("transitionEnd"));
+                }),
+              r.wrapperEl.addEventListener(
+                "transitionend",
+                r.onTranslateToWrapperTransitionEnd
+              ))),
+        !0
+      );
+    },
+  };
+  function X(e) {
+    let { swiper: t, runCallbacks: s, direction: a, step: i } = e;
+    const { activeIndex: r, previousIndex: n } = t;
+    let l = a;
+    if (
+      (l || (l = r > n ? "next" : r < n ? "prev" : "reset"),
+      t.emit(`transition${i}`),
+      s && r !== n)
+    ) {
+      if ("reset" === l) return void t.emit(`slideResetTransition${i}`);
+      t.emit(`slideChangeTransition${i}`),
+        "next" === l
+          ? t.emit(`slideNextTransition${i}`)
+          : t.emit(`slidePrevTransition${i}`);
+    }
+  }
+  var B = {
+    slideTo: function (e, t, s, a, i) {
+      void 0 === e && (e = 0),
+        void 0 === s && (s = !0),
+        "string" == typeof e && (e = parseInt(e, 10));
+      const r = this;
+      let n = e;
+      n < 0 && (n = 0);
+      const {
+        params: l,
+        snapGrid: o,
+        slidesGrid: d,
+        previousIndex: c,
+        activeIndex: p,
+        rtlTranslate: u,
+        wrapperEl: h,
+        enabled: f,
+      } = r;
+      if (
+        (!f && !a && !i) ||
+        r.destroyed ||
+        (r.animating && l.preventInteractionOnTransition)
+      )
+        return !1;
+      void 0 === t && (t = r.params.speed);
+      const g = Math.min(r.params.slidesPerGroupSkip, n);
+      let v = g + Math.floor((n - g) / r.params.slidesPerGroup);
+      v >= o.length && (v = o.length - 1);
+      const w = -o[v];
+      if (l.normalizeSlideIndex)
+        for (let e = 0; e < d.length; e += 1) {
+          const t = -Math.floor(100 * w),
+            s = Math.floor(100 * d[e]),
+            a = Math.floor(100 * d[e + 1]);
+          void 0 !== d[e + 1]
+            ? t >= s && t < a - (a - s) / 2
+              ? (n = e)
+              : t >= s && t < a && (n = e + 1)
+            : t >= s && (n = e);
+        }
+      if (r.initialized && n !== p) {
+        if (
+          !r.allowSlideNext &&
+          (u
+            ? w > r.translate && w > r.minTranslate()
+            : w < r.translate && w < r.minTranslate())
+        )
+          return !1;
+        if (
+          !r.allowSlidePrev &&
+          w > r.translate &&
+          w > r.maxTranslate() &&
+          (p || 0) !== n
+        )
+          return !1;
+      }
+      let b;
+      if (
+        (n !== (c || 0) && s && r.emit("beforeSlideChangeStart"),
+        r.updateProgress(w),
+        (b = n > p ? "next" : n < p ? "prev" : "reset"),
+        (u && -w === r.translate) || (!u && w === r.translate))
+      )
+        return (
+          r.updateActiveIndex(n),
+          l.autoHeight && r.updateAutoHeight(),
+          r.updateSlidesClasses(),
+          "slide" !== l.effect && r.setTranslate(w),
+          "reset" !== b && (r.transitionStart(s, b), r.transitionEnd(s, b)),
+          !1
+        );
+      if (l.cssMode) {
+        const e = r.isHorizontal(),
+          s = u ? w : -w;
+        if (0 === t) {
+          const t = r.virtual && r.params.virtual.enabled;
+          t &&
+            ((r.wrapperEl.style.scrollSnapType = "none"),
+            (r._immediateVirtual = !0)),
+            t && !r._cssModeVirtualInitialSet && r.params.initialSlide > 0
+              ? ((r._cssModeVirtualInitialSet = !0),
+                requestAnimationFrame(() => {
+                  h[e ? "scrollLeft" : "scrollTop"] = s;
+                }))
+              : (h[e ? "scrollLeft" : "scrollTop"] = s),
+            t &&
+              requestAnimationFrame(() => {
+                (r.wrapperEl.style.scrollSnapType = ""),
+                  (r._immediateVirtual = !1);
+              });
+        } else {
+          if (!r.support.smoothScroll)
+            return (
+              m({ swiper: r, targetPosition: s, side: e ? "left" : "top" }), !0
+            );
+          h.scrollTo({ [e ? "left" : "top"]: s, behavior: "smooth" });
+        }
+        return !0;
+      }
+      return (
+        r.setTransition(t),
+        r.setTranslate(w),
+        r.updateActiveIndex(n),
+        r.updateSlidesClasses(),
+        r.emit("beforeTransitionStart", t, a),
+        r.transitionStart(s, b),
+        0 === t
+          ? r.transitionEnd(s, b)
+          : r.animating ||
+            ((r.animating = !0),
+            r.onSlideToWrapperTransitionEnd ||
+              (r.onSlideToWrapperTransitionEnd = function (e) {
+                r &&
+                  !r.destroyed &&
+                  e.target === this &&
+                  (r.wrapperEl.removeEventListener(
+                    "transitionend",
+                    r.onSlideToWrapperTransitionEnd
+                  ),
+                  (r.onSlideToWrapperTransitionEnd = null),
+                  delete r.onSlideToWrapperTransitionEnd,
+                  r.transitionEnd(s, b));
+              }),
+            r.wrapperEl.addEventListener(
+              "transitionend",
+              r.onSlideToWrapperTransitionEnd
+            )),
+        !0
+      );
+    },
+    slideToLoop: function (e, t, s, a) {
+      if (
+        (void 0 === e && (e = 0),
+        void 0 === s && (s = !0),
+        "string" == typeof e)
+      ) {
+        e = parseInt(e, 10);
+      }
+      const i = this;
+      if (i.destroyed) return;
+      void 0 === t && (t = i.params.speed);
+      const r = i.grid && i.params.grid && i.params.grid.rows > 1;
+      let n = e;
+      if (i.params.loop)
+        if (i.virtual && i.params.virtual.enabled) n += i.virtual.slidesBefore;
+        else {
+          let e;
+          if (r) {
+            const t = n * i.params.grid.rows;
+            e = i.slides.filter(
+              (e) => 1 * e.getAttribute("data-swiper-slide-index") === t
+            )[0].column;
+          } else e = i.getSlideIndexByData(n);
+          const t = r
+              ? Math.ceil(i.slides.length / i.params.grid.rows)
+              : i.slides.length,
+            { centeredSlides: s } = i.params;
+          let l = i.params.slidesPerView;
+          "auto" === l
+            ? (l = i.slidesPerViewDynamic())
+            : ((l = Math.ceil(parseFloat(i.params.slidesPerView, 10))),
+              s && l % 2 == 0 && (l += 1));
+          let o = t - e < l;
+          if (
+            (s && (o = o || e < Math.ceil(l / 2)),
+            a && s && "auto" !== i.params.slidesPerView && !r && (o = !1),
+            o)
+          ) {
+            const a = s
+              ? e < i.activeIndex
+                ? "prev"
+                : "next"
+              : e - i.activeIndex - 1 < i.params.slidesPerView
+              ? "next"
+              : "prev";
+            i.loopFix({
+              direction: a,
+              slideTo: !0,
+              activeSlideIndex: "next" === a ? e + 1 : e - t + 1,
+              slideRealIndex: "next" === a ? i.realIndex : void 0,
+            });
+          }
+          if (r) {
+            const e = n * i.params.grid.rows;
+            n = i.slides.filter(
+              (t) => 1 * t.getAttribute("data-swiper-slide-index") === e
+            )[0].column;
+          } else n = i.getSlideIndexByData(n);
+        }
+      return (
+        requestAnimationFrame(() => {
+          i.slideTo(n, t, s, a);
+        }),
+        i
+      );
+    },
+    slideNext: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this,
+        { enabled: i, params: r, animating: n } = a;
+      if (!i || a.destroyed) return a;
+      void 0 === e && (e = a.params.speed);
+      let l = r.slidesPerGroup;
+      "auto" === r.slidesPerView &&
+        1 === r.slidesPerGroup &&
+        r.slidesPerGroupAuto &&
+        (l = Math.max(a.slidesPerViewDynamic("current", !0), 1));
+      const o = a.activeIndex < r.slidesPerGroupSkip ? 1 : l,
+        d = a.virtual && r.virtual.enabled;
+      if (r.loop) {
+        if (n && !d && r.loopPreventsSliding) return !1;
+        if (
+          (a.loopFix({ direction: "next" }),
+          (a._clientLeft = a.wrapperEl.clientLeft),
+          a.activeIndex === a.slides.length - 1 && r.cssMode)
+        )
+          return (
+            requestAnimationFrame(() => {
+              a.slideTo(a.activeIndex + o, e, t, s);
+            }),
+            !0
+          );
+      }
+      return r.rewind && a.isEnd
+        ? a.slideTo(0, e, t, s)
+        : a.slideTo(a.activeIndex + o, e, t, s);
+    },
+    slidePrev: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this,
+        {
+          params: i,
+          snapGrid: r,
+          slidesGrid: n,
+          rtlTranslate: l,
+          enabled: o,
+          animating: d,
+        } = a;
+      if (!o || a.destroyed) return a;
+      void 0 === e && (e = a.params.speed);
+      const c = a.virtual && i.virtual.enabled;
+      if (i.loop) {
+        if (d && !c && i.loopPreventsSliding) return !1;
+        a.loopFix({ direction: "prev" }),
+          (a._clientLeft = a.wrapperEl.clientLeft);
+      }
+      function p(e) {
+        return e < 0 ? -Math.floor(Math.abs(e)) : Math.floor(e);
+      }
+      const u = p(l ? a.translate : -a.translate),
+        m = r.map((e) => p(e));
+      let h = r[m.indexOf(u) - 1];
+      if (void 0 === h && i.cssMode) {
+        let e;
+        r.forEach((t, s) => {
+          u >= t && (e = s);
+        }),
+          void 0 !== e && (h = r[e > 0 ? e - 1 : e]);
+      }
+      let f = 0;
+      if (
+        (void 0 !== h &&
+          ((f = n.indexOf(h)),
+          f < 0 && (f = a.activeIndex - 1),
+          "auto" === i.slidesPerView &&
+            1 === i.slidesPerGroup &&
+            i.slidesPerGroupAuto &&
+            ((f = f - a.slidesPerViewDynamic("previous", !0) + 1),
+            (f = Math.max(f, 0)))),
+        i.rewind && a.isBeginning)
+      ) {
+        const i =
+          a.params.virtual && a.params.virtual.enabled && a.virtual
+            ? a.virtual.slides.length - 1
+            : a.slides.length - 1;
+        return a.slideTo(i, e, t, s);
+      }
+      return i.loop && 0 === a.activeIndex && i.cssMode
+        ? (requestAnimationFrame(() => {
+            a.slideTo(f, e, t, s);
+          }),
+          !0)
+        : a.slideTo(f, e, t, s);
+    },
+    slideReset: function (e, t, s) {
+      void 0 === t && (t = !0);
+      const a = this;
+      if (!a.destroyed)
+        return (
+          void 0 === e && (e = a.params.speed),
+          a.slideTo(a.activeIndex, e, t, s)
+        );
+    },
+    slideToClosest: function (e, t, s, a) {
+      void 0 === t && (t = !0), void 0 === a && (a = 0.5);
+      const i = this;
+      if (i.destroyed) return;
+      void 0 === e && (e = i.params.speed);
+      let r = i.activeIndex;
+      const n = Math.min(i.params.slidesPerGroupSkip, r),
+        l = n + Math.floor((r - n) / i.params.slidesPerGroup),
+        o = i.rtlTranslate ? i.translate : -i.translate;
+      if (o >= i.snapGrid[l]) {
+        const e = i.snapGrid[l];
+        o - e > (i.snapGrid[l + 1] - e) * a && (r += i.params.slidesPerGroup);
+      } else {
+        const e = i.snapGrid[l - 1];
+        o - e <= (i.snapGrid[l] - e) * a && (r -= i.params.slidesPerGroup);
+      }
+      return (
+        (r = Math.max(r, 0)),
+        (r = Math.min(r, i.slidesGrid.length - 1)),
+        i.slideTo(r, e, t, s)
+      );
+    },
+    slideToClickedSlide: function () {
+      const e = this;
+      if (e.destroyed) return;
+      const { params: t, slidesEl: s } = e,
+        a =
+          "auto" === t.slidesPerView
+            ? e.slidesPerViewDynamic()
+            : t.slidesPerView;
+      let i,
+        r = e.clickedIndex;
+      const n = e.isElement ? "swiper-slide" : `.${t.slideClass}`;
+      if (t.loop) {
+        if (e.animating) return;
+        (i = parseInt(
+          e.clickedSlide.getAttribute("data-swiper-slide-index"),
+          10
+        )),
+          t.centeredSlides
+            ? r < e.loopedSlides - a / 2 ||
+              r > e.slides.length - e.loopedSlides + a / 2
+              ? (e.loopFix(),
+                (r = e.getSlideIndex(
+                  f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]
+                )),
+                l(() => {
+                  e.slideTo(r);
+                }))
+              : e.slideTo(r)
+            : r > e.slides.length - a
+            ? (e.loopFix(),
+              (r = e.getSlideIndex(
+                f(s, `${n}[data-swiper-slide-index="${i}"]`)[0]
+              )),
+              l(() => {
+                e.slideTo(r);
+              }))
+            : e.slideTo(r);
+      } else e.slideTo(r);
+    },
+  };
+  var Y = {
+    loopCreate: function (e) {
+      const t = this,
+        { params: s, slidesEl: a } = t;
+      if (!s.loop || (t.virtual && t.params.virtual.enabled)) return;
+      const i = () => {
+          f(a, `.${s.slideClass}, swiper-slide`).forEach((e, t) => {
+            e.setAttribute("data-swiper-slide-index", t);
+          });
+        },
+        r = t.grid && s.grid && s.grid.rows > 1,
+        n = s.slidesPerGroup * (r ? s.grid.rows : 1),
+        l = t.slides.length % n != 0,
+        o = r && t.slides.length % s.grid.rows != 0,
+        d = (e) => {
+          for (let a = 0; a < e; a += 1) {
+            const e = t.isElement
+              ? v("swiper-slide", [s.slideBlankClass])
+              : v("div", [s.slideClass, s.slideBlankClass]);
+            t.slidesEl.append(e);
+          }
+        };
+      if (l) {
+        if (s.loopAddBlankSlides) {
+          d(n - (t.slides.length % n)), t.recalcSlides(), t.updateSlides();
+        } else
+          g(
+            "Swiper Loop Warning: The number of slides is not even to slidesPerGroup, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"
+          );
+        i();
+      } else if (o) {
+        if (s.loopAddBlankSlides) {
+          d(s.grid.rows - (t.slides.length % s.grid.rows)),
+            t.recalcSlides(),
+            t.updateSlides();
+        } else
+          g(
+            "Swiper Loop Warning: The number of slides is not even to grid.rows, loop mode may not function properly. You need to add more slides (or make duplicates, or empty slides)"
+          );
+        i();
+      } else i();
+      t.loopFix({
+        slideRealIndex: e,
+        direction: s.centeredSlides ? void 0 : "next",
+      });
+    },
+    loopFix: function (e) {
+      let {
+        slideRealIndex: t,
+        slideTo: s = !0,
+        direction: a,
+        setTranslate: i,
+        activeSlideIndex: r,
+        byController: n,
+        byMousewheel: l,
+      } = void 0 === e ? {} : e;
+      const o = this;
+      if (!o.params.loop) return;
+      o.emit("beforeLoopFix");
+      const {
+          slides: d,
+          allowSlidePrev: c,
+          allowSlideNext: p,
+          slidesEl: u,
+          params: m,
+        } = o,
+        { centeredSlides: h } = m;
+      if (
+        ((o.allowSlidePrev = !0),
+        (o.allowSlideNext = !0),
+        o.virtual && m.virtual.enabled)
+      )
+        return (
+          s &&
+            (m.centeredSlides || 0 !== o.snapIndex
+              ? m.centeredSlides && o.snapIndex < m.slidesPerView
+                ? o.slideTo(o.virtual.slides.length + o.snapIndex, 0, !1, !0)
+                : o.snapIndex === o.snapGrid.length - 1 &&
+                  o.slideTo(o.virtual.slidesBefore, 0, !1, !0)
+              : o.slideTo(o.virtual.slides.length, 0, !1, !0)),
+          (o.allowSlidePrev = c),
+          (o.allowSlideNext = p),
+          void o.emit("loopFix")
+        );
+      let f = m.slidesPerView;
+      "auto" === f
+        ? (f = o.slidesPerViewDynamic())
+        : ((f = Math.ceil(parseFloat(m.slidesPerView, 10))),
+          h && f % 2 == 0 && (f += 1));
+      const v = m.slidesPerGroupAuto ? f : m.slidesPerGroup;
+      let w = v;
+      w % v != 0 && (w += v - (w % v)),
+        (w += m.loopAdditionalSlides),
+        (o.loopedSlides = w);
+      const b = o.grid && m.grid && m.grid.rows > 1;
+      d.length < f + w
+        ? g(
+            "Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters"
+          )
+        : b &&
+          "row" === m.grid.fill &&
+          g(
+            "Swiper Loop Warning: Loop mode is not compatible with grid.fill = `row`"
+          );
+      const y = [],
+        E = [];
+      let x = o.activeIndex;
+      void 0 === r
+        ? (r = o.getSlideIndex(
+            d.filter((e) => e.classList.contains(m.slideActiveClass))[0]
+          ))
+        : (x = r);
+      const S = "next" === a || !a,
+        T = "prev" === a || !a;
+      let M = 0,
+        C = 0;
+      const P = b ? Math.ceil(d.length / m.grid.rows) : d.length,
+        L = (b ? d[r].column : r) + (h && void 0 === i ? -f / 2 + 0.5 : 0);
+      if (L < w) {
+        M = Math.max(w - L, v);
+        for (let e = 0; e < w - L; e += 1) {
+          const t = e - Math.floor(e / P) * P;
+          if (b) {
+            const e = P - t - 1;
+            for (let t = d.length - 1; t >= 0; t -= 1)
+              d[t].column === e && y.push(t);
+          } else y.push(P - t - 1);
+        }
+      } else if (L + f > P - w) {
+        C = Math.max(L - (P - 2 * w), v);
+        for (let e = 0; e < C; e += 1) {
+          const t = e - Math.floor(e / P) * P;
+          b
+            ? d.forEach((e, s) => {
+                e.column === t && E.push(s);
+              })
+            : E.push(t);
+        }
+      }
+      if (
+        ((o.__preventObserver__ = !0),
+        requestAnimationFrame(() => {
+          o.__preventObserver__ = !1;
+        }),
+        T &&
+          y.forEach((e) => {
+            (d[e].swiperLoopMoveDOM = !0),
+              u.prepend(d[e]),
+              (d[e].swiperLoopMoveDOM = !1);
+          }),
+        S &&
+          E.forEach((e) => {
+            (d[e].swiperLoopMoveDOM = !0),
+              u.append(d[e]),
+              (d[e].swiperLoopMoveDOM = !1);
+          }),
+        o.recalcSlides(),
+        "auto" === m.slidesPerView
+          ? o.updateSlides()
+          : b &&
+            ((y.length > 0 && T) || (E.length > 0 && S)) &&
+            o.slides.forEach((e, t) => {
+              o.grid.updateSlide(t, e, o.slides);
+            }),
+        m.watchSlidesProgress && o.updateSlidesOffset(),
+        s)
+      )
+        if (y.length > 0 && T) {
+          if (void 0 === t) {
+            const e = o.slidesGrid[x],
+              t = o.slidesGrid[x + M] - e;
+            l
+              ? o.setTranslate(o.translate - t)
+              : (o.slideTo(x + Math.ceil(M), 0, !1, !0),
+                i &&
+                  ((o.touchEventsData.startTranslate =
+                    o.touchEventsData.startTranslate - t),
+                  (o.touchEventsData.currentTranslate =
+                    o.touchEventsData.currentTranslate - t)));
+          } else if (i) {
+            const e = b ? y.length / m.grid.rows : y.length;
+            o.slideTo(o.activeIndex + e, 0, !1, !0),
+              (o.touchEventsData.currentTranslate = o.translate);
+          }
+        } else if (E.length > 0 && S)
+          if (void 0 === t) {
+            const e = o.slidesGrid[x],
+              t = o.slidesGrid[x - C] - e;
+            l
+              ? o.setTranslate(o.translate - t)
+              : (o.slideTo(x - C, 0, !1, !0),
+                i &&
+                  ((o.touchEventsData.startTranslate =
+                    o.touchEventsData.startTranslate - t),
+                  (o.touchEventsData.currentTranslate =
+                    o.touchEventsData.currentTranslate - t)));
+          } else {
+            const e = b ? E.length / m.grid.rows : E.length;
+            o.slideTo(o.activeIndex - e, 0, !1, !0);
+          }
+      if (
+        ((o.allowSlidePrev = c),
+        (o.allowSlideNext = p),
+        o.controller && o.controller.control && !n)
+      ) {
+        const e = {
+          slideRealIndex: t,
+          direction: a,
+          setTranslate: i,
+          activeSlideIndex: r,
+          byController: !0,
+        };
+        Array.isArray(o.controller.control)
+          ? o.controller.control.forEach((t) => {
+              !t.destroyed &&
+                t.params.loop &&
+                t.loopFix({
+                  ...e,
+                  slideTo: t.params.slidesPerView === m.slidesPerView && s,
+                });
+            })
+          : o.controller.control instanceof o.constructor &&
+            o.controller.control.params.loop &&
+            o.controller.control.loopFix({
+              ...e,
+              slideTo:
+                o.controller.control.params.slidesPerView === m.slidesPerView &&
+                s,
+            });
+      }
+      o.emit("loopFix");
+    },
+    loopDestroy: function () {
+      const e = this,
+        { params: t, slidesEl: s } = e;
+      if (!t.loop || (e.virtual && e.params.virtual.enabled)) return;
+      e.recalcSlides();
+      const a = [];
+      e.slides.forEach((e) => {
+        const t =
+          void 0 === e.swiperSlideIndex
+            ? 1 * e.getAttribute("data-swiper-slide-index")
+            : e.swiperSlideIndex;
+        a[t] = e;
+      }),
+        e.slides.forEach((e) => {
+          e.removeAttribute("data-swiper-slide-index");
+        }),
+        a.forEach((e) => {
+          s.append(e);
+        }),
+        e.recalcSlides(),
+        e.slideTo(e.realIndex, 0);
+    },
+  };
+  function R(e, t, s) {
+    const a = r(),
+      { params: i } = e,
+      n = i.edgeSwipeDetection,
+      l = i.edgeSwipeThreshold;
+    return (
+      !n ||
+      !(s <= l || s >= a.innerWidth - l) ||
+      ("prevent" === n && (t.preventDefault(), !0))
+    );
+  }
+  function F(e) {
+    const t = this,
+      s = a();
+    let i = e;
+    i.originalEvent && (i = i.originalEvent);
+    const n = t.touchEventsData;
+    if ("pointerdown" === i.type) {
+      if (null !== n.pointerId && n.pointerId !== i.pointerId) return;
+      n.pointerId = i.pointerId;
+    } else
+      "touchstart" === i.type &&
+        1 === i.targetTouches.length &&
+        (n.touchId = i.targetTouches[0].identifier);
+    if ("touchstart" === i.type) return void R(t, i, i.targetTouches[0].pageX);
+    const { params: l, touches: d, enabled: c } = t;
+    if (!c) return;
+    if (!l.simulateTouch && "mouse" === i.pointerType) return;
+    if (t.animating && l.preventInteractionOnTransition) return;
+    !t.animating && l.cssMode && l.loop && t.loopFix();
+    let p = i.target;
+    if ("wrapper" === l.touchEventsTarget && !t.wrapperEl.contains(p)) return;
+    if ("which" in i && 3 === i.which) return;
+    if ("button" in i && i.button > 0) return;
+    if (n.isTouched && n.isMoved) return;
+    const u = !!l.noSwipingClass && "" !== l.noSwipingClass,
+      m = i.composedPath ? i.composedPath() : i.path;
+    u && i.target && i.target.shadowRoot && m && (p = m[0]);
+    const h = l.noSwipingSelector
+        ? l.noSwipingSelector
+        : `.${l.noSwipingClass}`,
+      f = !(!i.target || !i.target.shadowRoot);
+    if (
+      l.noSwiping &&
+      (f
+        ? (function (e, t) {
+            return (
+              void 0 === t && (t = this),
+              (function t(s) {
+                if (!s || s === a() || s === r()) return null;
+                s.assignedSlot && (s = s.assignedSlot);
+                const i = s.closest(e);
+                return i || s.getRootNode ? i || t(s.getRootNode().host) : null;
+              })(t)
+            );
+          })(h, p)
+        : p.closest(h))
+    )
+      return void (t.allowClick = !0);
+    if (l.swipeHandler && !p.closest(l.swipeHandler)) return;
+    (d.currentX = i.pageX), (d.currentY = i.pageY);
+    const g = d.currentX,
+      v = d.currentY;
+    if (!R(t, i, g)) return;
+    Object.assign(n, {
+      isTouched: !0,
+      isMoved: !1,
+      allowTouchCallbacks: !0,
+      isScrolling: void 0,
+      startMoving: void 0,
+    }),
+      (d.startX = g),
+      (d.startY = v),
+      (n.touchStartTime = o()),
+      (t.allowClick = !0),
+      t.updateSize(),
+      (t.swipeDirection = void 0),
+      l.threshold > 0 && (n.allowThresholdMove = !1);
+    let w = !0;
+    p.matches(n.focusableElements) &&
+      ((w = !1), "SELECT" === p.nodeName && (n.isTouched = !1)),
+      s.activeElement &&
+        s.activeElement.matches(n.focusableElements) &&
+        s.activeElement !== p &&
+        s.activeElement.blur();
+    const b = w && t.allowTouchMove && l.touchStartPreventDefault;
+    (!l.touchStartForcePreventDefault && !b) ||
+      p.isContentEditable ||
+      i.preventDefault(),
+      l.freeMode &&
+        l.freeMode.enabled &&
+        t.freeMode &&
+        t.animating &&
+        !l.cssMode &&
+        t.freeMode.onTouchStart(),
+      t.emit("touchStart", i);
+  }
+  function q(e) {
+    const t = a(),
+      s = this,
+      i = s.touchEventsData,
+      { params: r, touches: n, rtlTranslate: l, enabled: d } = s;
+    if (!d) return;
+    if (!r.simulateTouch && "mouse" === e.pointerType) return;
+    let c,
+      p = e;
+    if ((p.originalEvent && (p = p.originalEvent), "pointermove" === p.type)) {
+      if (null !== i.touchId) return;
+      if (p.pointerId !== i.pointerId) return;
+    }
+    if ("touchmove" === p.type) {
+      if (
+        ((c = [...p.changedTouches].filter(
+          (e) => e.identifier === i.touchId
+        )[0]),
+        !c || c.identifier !== i.touchId)
+      )
+        return;
+    } else c = p;
+    if (!i.isTouched)
+      return void (
+        i.startMoving &&
+        i.isScrolling &&
+        s.emit("touchMoveOpposite", p)
+      );
+    const u = c.pageX,
+      m = c.pageY;
+    if (p.preventedByNestedSwiper) return (n.startX = u), void (n.startY = m);
+    if (!s.allowTouchMove)
+      return (
+        p.target.matches(i.focusableElements) || (s.allowClick = !1),
+        void (
+          i.isTouched &&
+          (Object.assign(n, { startX: u, startY: m, currentX: u, currentY: m }),
+          (i.touchStartTime = o()))
+        )
+      );
+    if (r.touchReleaseOnEdges && !r.loop)
+      if (s.isVertical()) {
+        if (
+          (m < n.startY && s.translate <= s.maxTranslate()) ||
+          (m > n.startY && s.translate >= s.minTranslate())
+        )
+          return (i.isTouched = !1), void (i.isMoved = !1);
+      } else if (
+        (u < n.startX && s.translate <= s.maxTranslate()) ||
+        (u > n.startX && s.translate >= s.minTranslate())
+      )
+        return;
+    if (
+      t.activeElement &&
+      p.target === t.activeElement &&
+      p.target.matches(i.focusableElements)
+    )
+      return (i.isMoved = !0), void (s.allowClick = !1);
+    i.allowTouchCallbacks && s.emit("touchMove", p),
+      (n.previousX = n.currentX),
+      (n.previousY = n.currentY),
+      (n.currentX = u),
+      (n.currentY = m);
+    const h = n.currentX - n.startX,
+      f = n.currentY - n.startY;
+    if (s.params.threshold && Math.sqrt(h ** 2 + f ** 2) < s.params.threshold)
+      return;
+    if (void 0 === i.isScrolling) {
+      let e;
+      (s.isHorizontal() && n.currentY === n.startY) ||
+      (s.isVertical() && n.currentX === n.startX)
+        ? (i.isScrolling = !1)
+        : h * h + f * f >= 25 &&
+          ((e = (180 * Math.atan2(Math.abs(f), Math.abs(h))) / Math.PI),
+          (i.isScrolling = s.isHorizontal()
+            ? e > r.touchAngle
+            : 90 - e > r.touchAngle));
+    }
+    if (
+      (i.isScrolling && s.emit("touchMoveOpposite", p),
+      void 0 === i.startMoving &&
+        ((n.currentX === n.startX && n.currentY === n.startY) ||
+          (i.startMoving = !0)),
+      i.isScrolling ||
+        ("touchmove" === p.type && i.preventTouchMoveFromPointerMove))
+    )
+      return void (i.isTouched = !1);
+    if (!i.startMoving) return;
+    (s.allowClick = !1),
+      !r.cssMode && p.cancelable && p.preventDefault(),
+      r.touchMoveStopPropagation && !r.nested && p.stopPropagation();
+    let g = s.isHorizontal() ? h : f,
+      v = s.isHorizontal()
+        ? n.currentX - n.previousX
+        : n.currentY - n.previousY;
+    r.oneWayMovement &&
+      ((g = Math.abs(g) * (l ? 1 : -1)), (v = Math.abs(v) * (l ? 1 : -1))),
+      (n.diff = g),
+      (g *= r.touchRatio),
+      l && ((g = -g), (v = -v));
+    const w = s.touchesDirection;
+    (s.swipeDirection = g > 0 ? "prev" : "next"),
+      (s.touchesDirection = v > 0 ? "prev" : "next");
+    const b = s.params.loop && !r.cssMode,
+      y =
+        ("next" === s.touchesDirection && s.allowSlideNext) ||
+        ("prev" === s.touchesDirection && s.allowSlidePrev);
+    if (!i.isMoved) {
+      if (
+        (b && y && s.loopFix({ direction: s.swipeDirection }),
+        (i.startTranslate = s.getTranslate()),
+        s.setTransition(0),
+        s.animating)
+      ) {
+        const e = new window.CustomEvent("transitionend", {
+          bubbles: !0,
+          cancelable: !0,
+          detail: { bySwiperTouchMove: !0 },
+        });
+        s.wrapperEl.dispatchEvent(e);
+      }
+      (i.allowMomentumBounce = !1),
+        !r.grabCursor ||
+          (!0 !== s.allowSlideNext && !0 !== s.allowSlidePrev) ||
+          s.setGrabCursor(!0),
+        s.emit("sliderFirstMove", p);
+    }
+    if (
+      (new Date().getTime(),
+      i.isMoved &&
+        i.allowThresholdMove &&
+        w !== s.touchesDirection &&
+        b &&
+        y &&
+        Math.abs(g) >= 1)
+    )
+      return (
+        Object.assign(n, {
+          startX: u,
+          startY: m,
+          currentX: u,
+          currentY: m,
+          startTranslate: i.currentTranslate,
+        }),
+        (i.loopSwapReset = !0),
+        void (i.startTranslate = i.currentTranslate)
+      );
+    s.emit("sliderMove", p),
+      (i.isMoved = !0),
+      (i.currentTranslate = g + i.startTranslate);
+    let E = !0,
+      x = r.resistanceRatio;
+    if (
+      (r.touchReleaseOnEdges && (x = 0),
+      g > 0
+        ? (b &&
+            y &&
+            i.allowThresholdMove &&
+            i.currentTranslate >
+              (r.centeredSlides
+                ? s.minTranslate() - s.slidesSizesGrid[s.activeIndex + 1]
+                : s.minTranslate()) &&
+            s.loopFix({
+              direction: "prev",
+              setTranslate: !0,
+              activeSlideIndex: 0,
+            }),
+          i.currentTranslate > s.minTranslate() &&
+            ((E = !1),
+            r.resistance &&
+              (i.currentTranslate =
+                s.minTranslate() -
+                1 +
+                (-s.minTranslate() + i.startTranslate + g) ** x)))
+        : g < 0 &&
+          (b &&
+            y &&
+            i.allowThresholdMove &&
+            i.currentTranslate <
+              (r.centeredSlides
+                ? s.maxTranslate() +
+                  s.slidesSizesGrid[s.slidesSizesGrid.length - 1]
+                : s.maxTranslate()) &&
+            s.loopFix({
+              direction: "next",
+              setTranslate: !0,
+              activeSlideIndex:
+                s.slides.length -
+                ("auto" === r.slidesPerView
+                  ? s.slidesPerViewDynamic()
+                  : Math.ceil(parseFloat(r.slidesPerView, 10))),
+            }),
+          i.currentTranslate < s.maxTranslate() &&
+            ((E = !1),
+            r.resistance &&
+              (i.currentTranslate =
+                s.maxTranslate() +
+                1 -
+                (s.maxTranslate() - i.startTranslate - g) ** x))),
+      E && (p.preventedByNestedSwiper = !0),
+      !s.allowSlideNext &&
+        "next" === s.swipeDirection &&
+        i.currentTranslate < i.startTranslate &&
+        (i.currentTranslate = i.startTranslate),
+      !s.allowSlidePrev &&
+        "prev" === s.swipeDirection &&
+        i.currentTranslate > i.startTranslate &&
+        (i.currentTranslate = i.startTranslate),
+      s.allowSlidePrev ||
+        s.allowSlideNext ||
+        (i.currentTranslate = i.startTranslate),
+      r.threshold > 0)
+    ) {
+      if (!(Math.abs(g) > r.threshold || i.allowThresholdMove))
+        return void (i.currentTranslate = i.startTranslate);
+      if (!i.allowThresholdMove)
+        return (
+          (i.allowThresholdMove = !0),
+          (n.startX = n.currentX),
+          (n.startY = n.currentY),
+          (i.currentTranslate = i.startTranslate),
+          void (n.diff = s.isHorizontal()
+            ? n.currentX - n.startX
+            : n.currentY - n.startY)
+        );
+    }
+    r.followFinger &&
+      !r.cssMode &&
+      (((r.freeMode && r.freeMode.enabled && s.freeMode) ||
+        r.watchSlidesProgress) &&
+        (s.updateActiveIndex(), s.updateSlidesClasses()),
+      r.freeMode &&
+        r.freeMode.enabled &&
+        s.freeMode &&
+        s.freeMode.onTouchMove(),
+      s.updateProgress(i.currentTranslate),
+      s.setTranslate(i.currentTranslate));
+  }
+  function V(e) {
+    const t = this,
+      s = t.touchEventsData;
+    let a,
+      i = e;
+    i.originalEvent && (i = i.originalEvent);
+    if ("touchend" === i.type || "touchcancel" === i.type) {
+      if (
+        ((a = [...i.changedTouches].filter(
+          (e) => e.identifier === s.touchId
+        )[0]),
+        !a || a.identifier !== s.touchId)
+      )
+        return;
+    } else {
+      if (null !== s.touchId) return;
+      if (i.pointerId !== s.pointerId) return;
+      a = i;
+    }
+    if (
+      ["pointercancel", "pointerout", "pointerleave", "contextmenu"].includes(
+        i.type
+      )
+    ) {
+      if (
+        !(
+          ["pointercancel", "contextmenu"].includes(i.type) &&
+          (t.browser.isSafari || t.browser.isWebView)
+        )
+      )
+        return;
+    }
+    (s.pointerId = null), (s.touchId = null);
+    const {
+      params: r,
+      touches: n,
+      rtlTranslate: d,
+      slidesGrid: c,
+      enabled: p,
+    } = t;
+    if (!p) return;
+    if (!r.simulateTouch && "mouse" === i.pointerType) return;
+    if (
+      (s.allowTouchCallbacks && t.emit("touchEnd", i),
+      (s.allowTouchCallbacks = !1),
+      !s.isTouched)
+    )
+      return (
+        s.isMoved && r.grabCursor && t.setGrabCursor(!1),
+        (s.isMoved = !1),
+        void (s.startMoving = !1)
+      );
+    r.grabCursor &&
+      s.isMoved &&
+      s.isTouched &&
+      (!0 === t.allowSlideNext || !0 === t.allowSlidePrev) &&
+      t.setGrabCursor(!1);
+    const u = o(),
+      m = u - s.touchStartTime;
+    if (t.allowClick) {
+      const e = i.path || (i.composedPath && i.composedPath());
+      t.updateClickedSlide((e && e[0]) || i.target, e),
+        t.emit("tap click", i),
+        m < 300 &&
+          u - s.lastClickTime < 300 &&
+          t.emit("doubleTap doubleClick", i);
+    }
+    if (
+      ((s.lastClickTime = o()),
+      l(() => {
+        t.destroyed || (t.allowClick = !0);
+      }),
+      !s.isTouched ||
+        !s.isMoved ||
+        !t.swipeDirection ||
+        (0 === n.diff && !s.loopSwapReset) ||
+        (s.currentTranslate === s.startTranslate && !s.loopSwapReset))
+    )
+      return (s.isTouched = !1), (s.isMoved = !1), void (s.startMoving = !1);
+    let h;
+    if (
+      ((s.isTouched = !1),
+      (s.isMoved = !1),
+      (s.startMoving = !1),
+      (h = r.followFinger
+        ? d
+          ? t.translate
+          : -t.translate
+        : -s.currentTranslate),
+      r.cssMode)
+    )
+      return;
+    if (r.freeMode && r.freeMode.enabled)
+      return void t.freeMode.onTouchEnd({ currentPos: h });
+    const f = h >= -t.maxTranslate() && !t.params.loop;
+    let g = 0,
+      v = t.slidesSizesGrid[0];
+    for (
+      let e = 0;
+      e < c.length;
+      e += e < r.slidesPerGroupSkip ? 1 : r.slidesPerGroup
+    ) {
+      const t = e < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
+      void 0 !== c[e + t]
+        ? (f || (h >= c[e] && h < c[e + t])) && ((g = e), (v = c[e + t] - c[e]))
+        : (f || h >= c[e]) &&
+          ((g = e), (v = c[c.length - 1] - c[c.length - 2]));
+    }
+    let w = null,
+      b = null;
+    r.rewind &&
+      (t.isBeginning
+        ? (b =
+            r.virtual && r.virtual.enabled && t.virtual
+              ? t.virtual.slides.length - 1
+              : t.slides.length - 1)
+        : t.isEnd && (w = 0));
+    const y = (h - c[g]) / v,
+      E = g < r.slidesPerGroupSkip - 1 ? 1 : r.slidesPerGroup;
+    if (m > r.longSwipesMs) {
+      if (!r.longSwipes) return void t.slideTo(t.activeIndex);
+      "next" === t.swipeDirection &&
+        (y >= r.longSwipesRatio
+          ? t.slideTo(r.rewind && t.isEnd ? w : g + E)
+          : t.slideTo(g)),
+        "prev" === t.swipeDirection &&
+          (y > 1 - r.longSwipesRatio
+            ? t.slideTo(g + E)
+            : null !== b && y < 0 && Math.abs(y) > r.longSwipesRatio
+            ? t.slideTo(b)
+            : t.slideTo(g));
+    } else {
+      if (!r.shortSwipes) return void t.slideTo(t.activeIndex);
+      t.navigation &&
+      (i.target === t.navigation.nextEl || i.target === t.navigation.prevEl)
+        ? i.target === t.navigation.nextEl
+          ? t.slideTo(g + E)
+          : t.slideTo(g)
+        : ("next" === t.swipeDirection && t.slideTo(null !== w ? w : g + E),
+          "prev" === t.swipeDirection && t.slideTo(null !== b ? b : g));
+    }
+  }
+  function _() {
+    const e = this,
+      { params: t, el: s } = e;
+    if (s && 0 === s.offsetWidth) return;
+    t.breakpoints && e.setBreakpoint();
+    const { allowSlideNext: a, allowSlidePrev: i, snapGrid: r } = e,
+      n = e.virtual && e.params.virtual.enabled;
+    (e.allowSlideNext = !0),
+      (e.allowSlidePrev = !0),
+      e.updateSize(),
+      e.updateSlides(),
+      e.updateSlidesClasses();
+    const l = n && t.loop;
+    !("auto" === t.slidesPerView || t.slidesPerView > 1) ||
+    !e.isEnd ||
+    e.isBeginning ||
+    e.params.centeredSlides ||
+    l
+      ? e.params.loop && !n
+        ? e.slideToLoop(e.realIndex, 0, !1, !0)
+        : e.slideTo(e.activeIndex, 0, !1, !0)
+      : e.slideTo(e.slides.length - 1, 0, !1, !0),
+      e.autoplay &&
+        e.autoplay.running &&
+        e.autoplay.paused &&
+        (clearTimeout(e.autoplay.resizeTimeout),
+        (e.autoplay.resizeTimeout = setTimeout(() => {
+          e.autoplay &&
+            e.autoplay.running &&
+            e.autoplay.paused &&
+            e.autoplay.resume();
+        }, 500))),
+      (e.allowSlidePrev = i),
+      (e.allowSlideNext = a),
+      e.params.watchOverflow && r !== e.snapGrid && e.checkOverflow();
+  }
+  function W(e) {
+    const t = this;
+    t.enabled &&
+      (t.allowClick ||
+        (t.params.preventClicks && e.preventDefault(),
+        t.params.preventClicksPropagation &&
+          t.animating &&
+          (e.stopPropagation(), e.stopImmediatePropagation())));
+  }
+  function j() {
+    const e = this,
+      { wrapperEl: t, rtlTranslate: s, enabled: a } = e;
+    if (!a) return;
+    let i;
+    (e.previousTranslate = e.translate),
+      e.isHorizontal()
+        ? (e.translate = -t.scrollLeft)
+        : (e.translate = -t.scrollTop),
+      0 === e.translate && (e.translate = 0),
+      e.updateActiveIndex(),
+      e.updateSlidesClasses();
+    const r = e.maxTranslate() - e.minTranslate();
+    (i = 0 === r ? 0 : (e.translate - e.minTranslate()) / r),
+      i !== e.progress && e.updateProgress(s ? -e.translate : e.translate),
+      e.emit("setTranslate", e.translate, !1);
+  }
+  function U(e) {
+    const t = this;
+    O(t, e.target),
+      t.params.cssMode ||
+        ("auto" !== t.params.slidesPerView && !t.params.autoHeight) ||
+        t.update();
+  }
+  function K() {
+    const e = this;
+    e.documentTouchHandlerProceeded ||
+      ((e.documentTouchHandlerProceeded = !0),
+      e.params.touchReleaseOnEdges && (e.el.style.touchAction = "auto"));
+  }
+  const Z = (e, t) => {
+    const s = a(),
+      { params: i, el: r, wrapperEl: n, device: l } = e,
+      o = !!i.nested,
+      d = "on" === t ? "addEventListener" : "removeEventListener",
+      c = t;
+    r &&
+      "string" != typeof r &&
+      (s[d]("touchstart", e.onDocumentTouchStart, { passive: !1, capture: o }),
+      r[d]("touchstart", e.onTouchStart, { passive: !1 }),
+      r[d]("pointerdown", e.onTouchStart, { passive: !1 }),
+      s[d]("touchmove", e.onTouchMove, { passive: !1, capture: o }),
+      s[d]("pointermove", e.onTouchMove, { passive: !1, capture: o }),
+      s[d]("touchend", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerup", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointercancel", e.onTouchEnd, { passive: !0 }),
+      s[d]("touchcancel", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerout", e.onTouchEnd, { passive: !0 }),
+      s[d]("pointerleave", e.onTouchEnd, { passive: !0 }),
+      s[d]("contextmenu", e.onTouchEnd, { passive: !0 }),
+      (i.preventClicks || i.preventClicksPropagation) &&
+        r[d]("click", e.onClick, !0),
+      i.cssMode && n[d]("scroll", e.onScroll),
+      i.updateOnWindowResize
+        ? e[c](
+            l.ios || l.android
+              ? "resize orientationchange observerUpdate"
+              : "resize observerUpdate",
+            _,
+            !0
+          )
+        : e[c]("observerUpdate", _, !0),
+      r[d]("load", e.onLoad, { capture: !0 }));
+  };
+  const Q = (e, t) => e.grid && t.grid && t.grid.rows > 1;
+  var J = {
+    init: !0,
+    direction: "horizontal",
+    oneWayMovement: !1,
+    swiperElementNodeName: "SWIPER-CONTAINER",
+    touchEventsTarget: "wrapper",
+    initialSlide: 0,
+    speed: 300,
+    cssMode: !1,
+    updateOnWindowResize: !0,
+    resizeObserver: !0,
+    nested: !1,
+    createElements: !1,
+    eventsPrefix: "swiper",
+    enabled: !0,
+    focusableElements: "input, select, option, textarea, button, video, label",
+    width: null,
+    height: null,
+    preventInteractionOnTransition: !1,
+    userAgent: null,
+    url: null,
+    edgeSwipeDetection: !1,
+    edgeSwipeThreshold: 20,
+    autoHeight: !1,
+    setWrapperSize: !1,
+    virtualTranslate: !1,
+    effect: "slide",
+    breakpoints: void 0,
+    breakpointsBase: "window",
+    spaceBetween: 0,
+    slidesPerView: 1,
+    slidesPerGroup: 1,
+    slidesPerGroupSkip: 0,
+    slidesPerGroupAuto: !1,
+    centeredSlides: !1,
+    centeredSlidesBounds: !1,
+    slidesOffsetBefore: 0,
+    slidesOffsetAfter: 0,
+    normalizeSlideIndex: !0,
+    centerInsufficientSlides: !1,
+    watchOverflow: !0,
+    roundLengths: !1,
+    touchRatio: 1,
+    touchAngle: 45,
+    simulateTouch: !0,
+    shortSwipes: !0,
+    longSwipes: !0,
+    longSwipesRatio: 0.5,
+    longSwipesMs: 300,
+    followFinger: !0,
+    allowTouchMove: !0,
+    threshold: 5,
+    touchMoveStopPropagation: !1,
+    touchStartPreventDefault: !0,
+    touchStartForcePreventDefault: !1,
+    touchReleaseOnEdges: !1,
+    uniqueNavElements: !0,
+    resistance: !0,
+    resistanceRatio: 0.85,
+    watchSlidesProgress: !1,
+    grabCursor: !1,
+    preventClicks: !0,
+    preventClicksPropagation: !0,
+    slideToClickedSlide: !1,
+    loop: !1,
+    loopAddBlankSlides: !0,
+    loopAdditionalSlides: 0,
+    loopPreventsSliding: !0,
+    rewind: !1,
+    allowSlidePrev: !0,
+    allowSlideNext: !0,
+    swipeHandler: null,
+    noSwiping: !0,
+    noSwipingClass: "swiper-no-swiping",
+    noSwipingSelector: null,
+    passiveListeners: !0,
+    maxBackfaceHiddenSlides: 10,
+    containerModifierClass: "swiper-",
+    slideClass: "swiper-slide",
+    slideBlankClass: "swiper-slide-blank",
+    slideActiveClass: "swiper-slide-active",
+    slideVisibleClass: "swiper-slide-visible",
+    slideFullyVisibleClass: "swiper-slide-fully-visible",
+    slideNextClass: "swiper-slide-next",
+    slidePrevClass: "swiper-slide-prev",
+    wrapperClass: "swiper-wrapper",
+    lazyPreloaderClass: "swiper-lazy-preloader",
+    lazyPreloadPrevNext: 0,
+    runCallbacksOnInit: !0,
+    _emitClasses: !1,
+  };
+  function ee(e, t) {
+    return function (s) {
+      void 0 === s && (s = {});
+      const a = Object.keys(s)[0],
+        i = s[a];
+      "object" == typeof i && null !== i
+        ? (!0 === e[a] && (e[a] = { enabled: !0 }),
+          "navigation" === a &&
+            e[a] &&
+            e[a].enabled &&
+            !e[a].prevEl &&
+            !e[a].nextEl &&
+            (e[a].auto = !0),
+          ["pagination", "scrollbar"].indexOf(a) >= 0 &&
+            e[a] &&
+            e[a].enabled &&
+            !e[a].el &&
+            (e[a].auto = !0),
+          a in e && "enabled" in i
+            ? ("object" != typeof e[a] ||
+                "enabled" in e[a] ||
+                (e[a].enabled = !0),
+              e[a] || (e[a] = { enabled: !1 }),
+              p(t, s))
+            : p(t, s))
+        : p(t, s);
+    };
+  }
+  const te = {
+      eventsEmitter: z,
+      update: H,
+      translate: N,
+      transition: {
+        setTransition: function (e, t) {
+          const s = this;
+          s.params.cssMode ||
+            ((s.wrapperEl.style.transitionDuration = `${e}ms`),
+            (s.wrapperEl.style.transitionDelay = 0 === e ? "0ms" : "")),
+            s.emit("setTransition", e, t);
+        },
+        transitionStart: function (e, t) {
+          void 0 === e && (e = !0);
+          const s = this,
+            { params: a } = s;
+          a.cssMode ||
+            (a.autoHeight && s.updateAutoHeight(),
+            X({ swiper: s, runCallbacks: e, direction: t, step: "Start" }));
+        },
+        transitionEnd: function (e, t) {
+          void 0 === e && (e = !0);
+          const s = this,
+            { params: a } = s;
+          (s.animating = !1),
+            a.cssMode ||
+              (s.setTransition(0),
+              X({ swiper: s, runCallbacks: e, direction: t, step: "End" }));
+        },
+      },
+      slide: B,
+      loop: Y,
+      grabCursor: {
+        setGrabCursor: function (e) {
+          const t = this;
+          if (
+            !t.params.simulateTouch ||
+            (t.params.watchOverflow && t.isLocked) ||
+            t.params.cssMode
+          )
+            return;
+          const s =
+            "container" === t.params.touchEventsTarget ? t.el : t.wrapperEl;
+          t.isElement && (t.__preventObserver__ = !0),
+            (s.style.cursor = "move"),
+            (s.style.cursor = e ? "grabbing" : "grab"),
+            t.isElement &&
+              requestAnimationFrame(() => {
+                t.__preventObserver__ = !1;
+              });
+        },
+        unsetGrabCursor: function () {
+          const e = this;
+          (e.params.watchOverflow && e.isLocked) ||
+            e.params.cssMode ||
+            (e.isElement && (e.__preventObserver__ = !0),
+            (e[
+              "container" === e.params.touchEventsTarget ? "el" : "wrapperEl"
+            ].style.cursor = ""),
+            e.isElement &&
+              requestAnimationFrame(() => {
+                e.__preventObserver__ = !1;
+              }));
+        },
+      },
+      events: {
+        attachEvents: function () {
+          const e = this,
+            { params: t } = e;
+          (e.onTouchStart = F.bind(e)),
+            (e.onTouchMove = q.bind(e)),
+            (e.onTouchEnd = V.bind(e)),
+            (e.onDocumentTouchStart = K.bind(e)),
+            t.cssMode && (e.onScroll = j.bind(e)),
+            (e.onClick = W.bind(e)),
+            (e.onLoad = U.bind(e)),
+            Z(e, "on");
+        },
+        detachEvents: function () {
+          Z(this, "off");
+        },
+      },
+      breakpoints: {
+        setBreakpoint: function () {
+          const e = this,
+            { realIndex: t, initialized: s, params: a, el: i } = e,
+            r = a.breakpoints;
+          if (!r || (r && 0 === Object.keys(r).length)) return;
+          const n = e.getBreakpoint(r, e.params.breakpointsBase, e.el);
+          if (!n || e.currentBreakpoint === n) return;
+          const l = (n in r ? r[n] : void 0) || e.originalParams,
+            o = Q(e, a),
+            d = Q(e, l),
+            c = e.params.grabCursor,
+            u = l.grabCursor,
+            m = a.enabled;
+          o && !d
+            ? (i.classList.remove(
+                `${a.containerModifierClass}grid`,
+                `${a.containerModifierClass}grid-column`
+              ),
+              e.emitContainerClasses())
+            : !o &&
+              d &&
+              (i.classList.add(`${a.containerModifierClass}grid`),
+              ((l.grid.fill && "column" === l.grid.fill) ||
+                (!l.grid.fill && "column" === a.grid.fill)) &&
+                i.classList.add(`${a.containerModifierClass}grid-column`),
+              e.emitContainerClasses()),
+            c && !u ? e.unsetGrabCursor() : !c && u && e.setGrabCursor(),
+            ["navigation", "pagination", "scrollbar"].forEach((t) => {
+              if (void 0 === l[t]) return;
+              const s = a[t] && a[t].enabled,
+                i = l[t] && l[t].enabled;
+              s && !i && e[t].disable(), !s && i && e[t].enable();
+            });
+          const h = l.direction && l.direction !== a.direction,
+            f = a.loop && (l.slidesPerView !== a.slidesPerView || h),
+            g = a.loop;
+          h && s && e.changeDirection(), p(e.params, l);
+          const v = e.params.enabled,
+            w = e.params.loop;
+          Object.assign(e, {
+            allowTouchMove: e.params.allowTouchMove,
+            allowSlideNext: e.params.allowSlideNext,
+            allowSlidePrev: e.params.allowSlidePrev,
+          }),
+            m && !v ? e.disable() : !m && v && e.enable(),
+            (e.currentBreakpoint = n),
+            e.emit("_beforeBreakpoint", l),
+            s &&
+              (f
+                ? (e.loopDestroy(), e.loopCreate(t), e.updateSlides())
+                : !g && w
+                ? (e.loopCreate(t), e.updateSlides())
+                : g && !w && e.loopDestroy()),
+            e.emit("breakpoint", l);
+        },
+        getBreakpoint: function (e, t, s) {
+          if ((void 0 === t && (t = "window"), !e || ("container" === t && !s)))
+            return;
+          let a = !1;
+          const i = r(),
+            n = "window" === t ? i.innerHeight : s.clientHeight,
+            l = Object.keys(e).map((e) => {
+              if ("string" == typeof e && 0 === e.indexOf("@")) {
+                const t = parseFloat(e.substr(1));
+                return { value: n * t, point: e };
+              }
+              return { value: e, point: e };
+            });
+          l.sort((e, t) => parseInt(e.value, 10) - parseInt(t.value, 10));
+          for (let e = 0; e < l.length; e += 1) {
+            const { point: r, value: n } = l[e];
+            "window" === t
+              ? i.matchMedia(`(min-width: ${n}px)`).matches && (a = r)
+              : n <= s.clientWidth && (a = r);
+          }
+          return a || "max";
+        },
+      },
+      checkOverflow: {
+        checkOverflow: function () {
+          const e = this,
+            { isLocked: t, params: s } = e,
+            { slidesOffsetBefore: a } = s;
+          if (a) {
+            const t = e.slides.length - 1,
+              s = e.slidesGrid[t] + e.slidesSizesGrid[t] + 2 * a;
+            e.isLocked = e.size > s;
+          } else e.isLocked = 1 === e.snapGrid.length;
+          !0 === s.allowSlideNext && (e.allowSlideNext = !e.isLocked),
+            !0 === s.allowSlidePrev && (e.allowSlidePrev = !e.isLocked),
+            t && t !== e.isLocked && (e.isEnd = !1),
+            t !== e.isLocked && e.emit(e.isLocked ? "lock" : "unlock");
+        },
+      },
+      classes: {
+        addClasses: function () {
+          const e = this,
+            { classNames: t, params: s, rtl: a, el: i, device: r } = e,
+            n = (function (e, t) {
+              const s = [];
+              return (
+                e.forEach((e) => {
+                  "object" == typeof e
+                    ? Object.keys(e).forEach((a) => {
+                        e[a] && s.push(t + a);
+                      })
+                    : "string" == typeof e && s.push(t + e);
+                }),
+                s
+              );
+            })(
+              [
+                "initialized",
+                s.direction,
+                { "free-mode": e.params.freeMode && s.freeMode.enabled },
+                { autoheight: s.autoHeight },
+                { rtl: a },
+                { grid: s.grid && s.grid.rows > 1 },
+                {
+                  "grid-column":
+                    s.grid && s.grid.rows > 1 && "column" === s.grid.fill,
+                },
+                { android: r.android },
+                { ios: r.ios },
+                { "css-mode": s.cssMode },
+                { centered: s.cssMode && s.centeredSlides },
+                { "watch-progress": s.watchSlidesProgress },
+              ],
+              s.containerModifierClass
+            );
+          t.push(...n), i.classList.add(...t), e.emitContainerClasses();
+        },
+        removeClasses: function () {
+          const { el: e, classNames: t } = this;
+          e &&
+            "string" != typeof e &&
+            (e.classList.remove(...t), this.emitContainerClasses());
+        },
+      },
+    },
+    se = {};
+  class ae {
+    constructor() {
+      let e, t;
+      for (var s = arguments.length, i = new Array(s), r = 0; r < s; r++)
+        i[r] = arguments[r];
+      1 === i.length &&
+      i[0].constructor &&
+      "Object" === Object.prototype.toString.call(i[0]).slice(8, -1)
+        ? (t = i[0])
+        : ([e, t] = i),
+        t || (t = {}),
+        (t = p({}, t)),
+        e && !t.el && (t.el = e);
+      const n = a();
+      if (
+        t.el &&
+        "string" == typeof t.el &&
+        n.querySelectorAll(t.el).length > 1
+      ) {
+        const e = [];
+        return (
+          n.querySelectorAll(t.el).forEach((s) => {
+            const a = p({}, t, { el: s });
+            e.push(new ae(a));
+          }),
+          e
+        );
+      }
+      const l = this;
+      (l.__swiper__ = !0),
+        (l.support = L()),
+        (l.device = I({ userAgent: t.userAgent })),
+        (l.browser = A()),
+        (l.eventsListeners = {}),
+        (l.eventsAnyListeners = []),
+        (l.modules = [...l.__modules__]),
+        t.modules && Array.isArray(t.modules) && l.modules.push(...t.modules);
+      const o = {};
+      l.modules.forEach((e) => {
+        e({
+          params: t,
+          swiper: l,
+          extendParams: ee(t, o),
+          on: l.on.bind(l),
+          once: l.once.bind(l),
+          off: l.off.bind(l),
+          emit: l.emit.bind(l),
+        });
+      });
+      const d = p({}, J, o);
+      return (
+        (l.params = p({}, d, se, t)),
+        (l.originalParams = p({}, l.params)),
+        (l.passedParams = p({}, t)),
+        l.params &&
+          l.params.on &&
+          Object.keys(l.params.on).forEach((e) => {
+            l.on(e, l.params.on[e]);
+          }),
+        l.params && l.params.onAny && l.onAny(l.params.onAny),
+        Object.assign(l, {
+          enabled: l.params.enabled,
+          el: e,
+          classNames: [],
+          slides: [],
+          slidesGrid: [],
+          snapGrid: [],
+          slidesSizesGrid: [],
+          isHorizontal: () => "horizontal" === l.params.direction,
+          isVertical: () => "vertical" === l.params.direction,
+          activeIndex: 0,
+          realIndex: 0,
+          isBeginning: !0,
+          isEnd: !1,
+          translate: 0,
+          previousTranslate: 0,
+          progress: 0,
+          velocity: 0,
+          animating: !1,
+          cssOverflowAdjustment() {
+            return Math.trunc(this.translate / 2 ** 23) * 2 ** 23;
+          },
+          allowSlideNext: l.params.allowSlideNext,
+          allowSlidePrev: l.params.allowSlidePrev,
+          touchEventsData: {
+            isTouched: void 0,
+            isMoved: void 0,
+            allowTouchCallbacks: void 0,
+            touchStartTime: void 0,
+            isScrolling: void 0,
+            currentTranslate: void 0,
+            startTranslate: void 0,
+            allowThresholdMove: void 0,
+            focusableElements: l.params.focusableElements,
+            lastClickTime: 0,
+            clickTimeout: void 0,
+            velocities: [],
+            allowMomentumBounce: void 0,
+            startMoving: void 0,
+            pointerId: null,
+            touchId: null,
+          },
+          allowClick: !0,
+          allowTouchMove: l.params.allowTouchMove,
+          touches: { startX: 0, startY: 0, currentX: 0, currentY: 0, diff: 0 },
+          imagesToLoad: [],
+          imagesLoaded: 0,
+        }),
+        l.emit("_swiper"),
+        l.params.init && l.init(),
+        l
+      );
+    }
+    getDirectionLabel(e) {
+      return this.isHorizontal()
+        ? e
+        : {
+            width: "height",
+            "margin-top": "margin-left",
+            "margin-bottom ": "margin-right",
+            "margin-left": "margin-top",
+            "margin-right": "margin-bottom",
+            "padding-left": "padding-top",
+            "padding-right": "padding-bottom",
+            marginRight: "marginBottom",
+          }[e];
+    }
+    getSlideIndex(e) {
+      const { slidesEl: t, params: s } = this,
+        a = y(f(t, `.${s.slideClass}, swiper-slide`)[0]);
+      return y(e) - a;
+    }
+    getSlideIndexByData(e) {
+      return this.getSlideIndex(
+        this.slides.filter(
+          (t) => 1 * t.getAttribute("data-swiper-slide-index") === e
+        )[0]
+      );
+    }
+    recalcSlides() {
+      const { slidesEl: e, params: t } = this;
+      this.slides = f(e, `.${t.slideClass}, swiper-slide`);
+    }
+    enable() {
+      const e = this;
+      e.enabled ||
+        ((e.enabled = !0),
+        e.params.grabCursor && e.setGrabCursor(),
+        e.emit("enable"));
+    }
+    disable() {
+      const e = this;
+      e.enabled &&
+        ((e.enabled = !1),
+        e.params.grabCursor && e.unsetGrabCursor(),
+        e.emit("disable"));
+    }
+    setProgress(e, t) {
+      const s = this;
+      e = Math.min(Math.max(e, 0), 1);
+      const a = s.minTranslate(),
+        i = (s.maxTranslate() - a) * e + a;
+      s.translateTo(i, void 0 === t ? 0 : t),
+        s.updateActiveIndex(),
+        s.updateSlidesClasses();
+    }
+    emitContainerClasses() {
+      const e = this;
+      if (!e.params._emitClasses || !e.el) return;
+      const t = e.el.className
+        .split(" ")
+        .filter(
+          (t) =>
+            0 === t.indexOf("swiper") ||
+            0 === t.indexOf(e.params.containerModifierClass)
+        );
+      e.emit("_containerClasses", t.join(" "));
+    }
+    getSlideClasses(e) {
+      const t = this;
+      return t.destroyed
+        ? ""
+        : e.className
+            .split(" ")
+            .filter(
+              (e) =>
+                0 === e.indexOf("swiper-slide") ||
+                0 === e.indexOf(t.params.slideClass)
+            )
+            .join(" ");
+    }
+    emitSlidesClasses() {
+      const e = this;
+      if (!e.params._emitClasses || !e.el) return;
+      const t = [];
+      e.slides.forEach((s) => {
+        const a = e.getSlideClasses(s);
+        t.push({ slideEl: s, classNames: a }), e.emit("_slideClass", s, a);
+      }),
+        e.emit("_slideClasses", t);
+    }
+    slidesPerViewDynamic(e, t) {
+      void 0 === e && (e = "current"), void 0 === t && (t = !1);
+      const {
+        params: s,
+        slides: a,
+        slidesGrid: i,
+        slidesSizesGrid: r,
+        size: n,
+        activeIndex: l,
+      } = this;
+      let o = 1;
+      if ("number" == typeof s.slidesPerView) return s.slidesPerView;
+      if (s.centeredSlides) {
+        let e,
+          t = a[l] ? Math.ceil(a[l].swiperSlideSize) : 0;
+        for (let s = l + 1; s < a.length; s += 1)
+          a[s] &&
+            !e &&
+            ((t += Math.ceil(a[s].swiperSlideSize)),
+            (o += 1),
+            t > n && (e = !0));
+        for (let s = l - 1; s >= 0; s -= 1)
+          a[s] &&
+            !e &&
+            ((t += a[s].swiperSlideSize), (o += 1), t > n && (e = !0));
+      } else if ("current" === e)
+        for (let e = l + 1; e < a.length; e += 1) {
+          (t ? i[e] + r[e] - i[l] < n : i[e] - i[l] < n) && (o += 1);
+        }
+      else
+        for (let e = l - 1; e >= 0; e -= 1) {
+          i[l] - i[e] < n && (o += 1);
+        }
+      return o;
+    }
+    update() {
+      const e = this;
+      if (!e || e.destroyed) return;
+      const { snapGrid: t, params: s } = e;
+      function a() {
+        const t = e.rtlTranslate ? -1 * e.translate : e.translate,
+          s = Math.min(Math.max(t, e.maxTranslate()), e.minTranslate());
+        e.setTranslate(s), e.updateActiveIndex(), e.updateSlidesClasses();
+      }
+      let i;
+      if (
+        (s.breakpoints && e.setBreakpoint(),
+        [...e.el.querySelectorAll('[loading="lazy"]')].forEach((t) => {
+          t.complete && O(e, t);
+        }),
+        e.updateSize(),
+        e.updateSlides(),
+        e.updateProgress(),
+        e.updateSlidesClasses(),
+        s.freeMode && s.freeMode.enabled && !s.cssMode)
+      )
+        a(), s.autoHeight && e.updateAutoHeight();
+      else {
+        if (
+          ("auto" === s.slidesPerView || s.slidesPerView > 1) &&
+          e.isEnd &&
+          !s.centeredSlides
+        ) {
+          const t =
+            e.virtual && s.virtual.enabled ? e.virtual.slides : e.slides;
+          i = e.slideTo(t.length - 1, 0, !1, !0);
+        } else i = e.slideTo(e.activeIndex, 0, !1, !0);
+        i || a();
+      }
+      s.watchOverflow && t !== e.snapGrid && e.checkOverflow(),
+        e.emit("update");
+    }
+    changeDirection(e, t) {
+      void 0 === t && (t = !0);
+      const s = this,
+        a = s.params.direction;
+      return (
+        e || (e = "horizontal" === a ? "vertical" : "horizontal"),
+        e === a ||
+          ("horizontal" !== e && "vertical" !== e) ||
+          (s.el.classList.remove(`${s.params.containerModifierClass}${a}`),
+          s.el.classList.add(`${s.params.containerModifierClass}${e}`),
+          s.emitContainerClasses(),
+          (s.params.direction = e),
+          s.slides.forEach((t) => {
+            "vertical" === e ? (t.style.width = "") : (t.style.height = "");
+          }),
+          s.emit("changeDirection"),
+          t && s.update()),
+        s
+      );
+    }
+    changeLanguageDirection(e) {
+      const t = this;
+      (t.rtl && "rtl" === e) ||
+        (!t.rtl && "ltr" === e) ||
+        ((t.rtl = "rtl" === e),
+        (t.rtlTranslate = "horizontal" === t.params.direction && t.rtl),
+        t.rtl
+          ? (t.el.classList.add(`${t.params.containerModifierClass}rtl`),
+            (t.el.dir = "rtl"))
+          : (t.el.classList.remove(`${t.params.containerModifierClass}rtl`),
+            (t.el.dir = "ltr")),
+        t.update());
+    }
+    mount(e) {
+      const t = this;
+      if (t.mounted) return !0;
+      let s = e || t.params.el;
+      if (("string" == typeof s && (s = document.querySelector(s)), !s))
+        return !1;
+      (s.swiper = t),
+        s.parentNode &&
+          s.parentNode.host &&
+          s.parentNode.host.nodeName ===
+            t.params.swiperElementNodeName.toUpperCase() &&
+          (t.isElement = !0);
+      const a = () =>
+        `.${(t.params.wrapperClass || "").trim().split(" ").join(".")}`;
+      let i = (() => {
+        if (s && s.shadowRoot && s.shadowRoot.querySelector) {
+          return s.shadowRoot.querySelector(a());
+        }
+        return f(s, a())[0];
+      })();
+      return (
+        !i &&
+          t.params.createElements &&
+          ((i = v("div", t.params.wrapperClass)),
+          s.append(i),
+          f(s, `.${t.params.slideClass}`).forEach((e) => {
+            i.append(e);
+          })),
+        Object.assign(t, {
+          el: s,
+          wrapperEl: i,
+          slidesEl:
+            t.isElement && !s.parentNode.host.slideSlots
+              ? s.parentNode.host
+              : i,
+          hostEl: t.isElement ? s.parentNode.host : s,
+          mounted: !0,
+          rtl: "rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction"),
+          rtlTranslate:
+            "horizontal" === t.params.direction &&
+            ("rtl" === s.dir.toLowerCase() || "rtl" === b(s, "direction")),
+          wrongRTL: "-webkit-box" === b(i, "display"),
+        }),
+        !0
+      );
+    }
+    init(e) {
+      const t = this;
+      if (t.initialized) return t;
+      if (!1 === t.mount(e)) return t;
+      t.emit("beforeInit"),
+        t.params.breakpoints && t.setBreakpoint(),
+        t.addClasses(),
+        t.updateSize(),
+        t.updateSlides(),
+        t.params.watchOverflow && t.checkOverflow(),
+        t.params.grabCursor && t.enabled && t.setGrabCursor(),
+        t.params.loop && t.virtual && t.params.virtual.enabled
+          ? t.slideTo(
+              t.params.initialSlide + t.virtual.slidesBefore,
+              0,
+              t.params.runCallbacksOnInit,
+              !1,
+              !0
+            )
+          : t.slideTo(
+              t.params.initialSlide,
+              0,
+              t.params.runCallbacksOnInit,
+              !1,
+              !0
+            ),
+        t.params.loop && t.loopCreate(),
+        t.attachEvents();
+      const s = [...t.el.querySelectorAll('[loading="lazy"]')];
+      return (
+        t.isElement && s.push(...t.hostEl.querySelectorAll('[loading="lazy"]')),
+        s.forEach((e) => {
+          e.complete
+            ? O(t, e)
+            : e.addEventListener("load", (e) => {
+                O(t, e.target);
+              });
+        }),
+        G(t),
+        (t.initialized = !0),
+        G(t),
+        t.emit("init"),
+        t.emit("afterInit"),
+        t
+      );
+    }
+    destroy(e, t) {
+      void 0 === e && (e = !0), void 0 === t && (t = !0);
+      const s = this,
+        { params: a, el: i, wrapperEl: r, slides: n } = s;
+      return (
+        void 0 === s.params ||
+          s.destroyed ||
+          (s.emit("beforeDestroy"),
+          (s.initialized = !1),
+          s.detachEvents(),
+          a.loop && s.loopDestroy(),
+          t &&
+            (s.removeClasses(),
+            i && "string" != typeof i && i.removeAttribute("style"),
+            r && r.removeAttribute("style"),
+            n &&
+              n.length &&
+              n.forEach((e) => {
+                e.classList.remove(
+                  a.slideVisibleClass,
+                  a.slideFullyVisibleClass,
+                  a.slideActiveClass,
+                  a.slideNextClass,
+                  a.slidePrevClass
+                ),
+                  e.removeAttribute("style"),
+                  e.removeAttribute("data-swiper-slide-index");
+              })),
+          s.emit("destroy"),
+          Object.keys(s.eventsListeners).forEach((e) => {
+            s.off(e);
+          }),
+          !1 !== e &&
+            (s.el && "string" != typeof s.el && (s.el.swiper = null),
+            (function (e) {
+              const t = e;
+              Object.keys(t).forEach((e) => {
+                try {
+                  t[e] = null;
+                } catch (e) {}
+                try {
+                  delete t[e];
+                } catch (e) {}
+              });
+            })(s)),
+          (s.destroyed = !0)),
+        null
+      );
+    }
+    static extendDefaults(e) {
+      p(se, e);
+    }
+    static get extendedDefaults() {
+      return se;
+    }
+    static get defaults() {
+      return J;
+    }
+    static installModule(e) {
+      ae.prototype.__modules__ || (ae.prototype.__modules__ = []);
+      const t = ae.prototype.__modules__;
+      "function" == typeof e && t.indexOf(e) < 0 && t.push(e);
+    }
+    static use(e) {
+      return Array.isArray(e)
+        ? (e.forEach((e) => ae.installModule(e)), ae)
+        : (ae.installModule(e), ae);
+    }
+  }
+  function ie(e, t, s, a) {
+    return (
+      e.params.createElements &&
+        Object.keys(a).forEach((i) => {
+          if (!s[i] && !0 === s.auto) {
+            let r = f(e.el, `.${a[i]}`)[0];
+            r || ((r = v("div", a[i])), (r.className = a[i]), e.el.append(r)),
+              (s[i] = r),
+              (t[i] = r);
+          }
+        }),
+      s
+    );
+  }
+  function re(e) {
+    return (
+      void 0 === e && (e = ""),
+      `.${e
+        .trim()
+        .replace(/([\.:!+\/])/g, "\\$1")
+        .replace(/ /g, ".")}`
+    );
+  }
+  function ne(e) {
+    const t = this,
+      { params: s, slidesEl: a } = t;
+    s.loop && t.loopDestroy();
+    const i = (e) => {
+      if ("string" == typeof e) {
+        const t = document.createElement("div");
+        (t.innerHTML = e), a.append(t.children[0]), (t.innerHTML = "");
+      } else a.append(e);
+    };
+    if ("object" == typeof e && "length" in e)
+      for (let t = 0; t < e.length; t += 1) e[t] && i(e[t]);
+    else i(e);
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update();
+  }
+  function le(e) {
+    const t = this,
+      { params: s, activeIndex: a, slidesEl: i } = t;
+    s.loop && t.loopDestroy();
+    let r = a + 1;
+    const n = (e) => {
+      if ("string" == typeof e) {
+        const t = document.createElement("div");
+        (t.innerHTML = e), i.prepend(t.children[0]), (t.innerHTML = "");
+      } else i.prepend(e);
+    };
+    if ("object" == typeof e && "length" in e) {
+      for (let t = 0; t < e.length; t += 1) e[t] && n(e[t]);
+      r = a + e.length;
+    } else n(e);
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update(),
+      t.slideTo(r, 0, !1);
+  }
+  function oe(e, t) {
+    const s = this,
+      { params: a, activeIndex: i, slidesEl: r } = s;
+    let n = i;
+    a.loop && ((n -= s.loopedSlides), s.loopDestroy(), s.recalcSlides());
+    const l = s.slides.length;
+    if (e <= 0) return void s.prependSlide(t);
+    if (e >= l) return void s.appendSlide(t);
+    let o = n > e ? n + 1 : n;
+    const d = [];
+    for (let t = l - 1; t >= e; t -= 1) {
+      const e = s.slides[t];
+      e.remove(), d.unshift(e);
+    }
+    if ("object" == typeof t && "length" in t) {
+      for (let e = 0; e < t.length; e += 1) t[e] && r.append(t[e]);
+      o = n > e ? n + t.length : n;
+    } else r.append(t);
+    for (let e = 0; e < d.length; e += 1) r.append(d[e]);
+    s.recalcSlides(),
+      a.loop && s.loopCreate(),
+      (a.observer && !s.isElement) || s.update(),
+      a.loop ? s.slideTo(o + s.loopedSlides, 0, !1) : s.slideTo(o, 0, !1);
+  }
+  function de(e) {
+    const t = this,
+      { params: s, activeIndex: a } = t;
+    let i = a;
+    s.loop && ((i -= t.loopedSlides), t.loopDestroy());
+    let r,
+      n = i;
+    if ("object" == typeof e && "length" in e) {
+      for (let s = 0; s < e.length; s += 1)
+        (r = e[s]), t.slides[r] && t.slides[r].remove(), r < n && (n -= 1);
+      n = Math.max(n, 0);
+    } else
+      (r = e),
+        t.slides[r] && t.slides[r].remove(),
+        r < n && (n -= 1),
+        (n = Math.max(n, 0));
+    t.recalcSlides(),
+      s.loop && t.loopCreate(),
+      (s.observer && !t.isElement) || t.update(),
+      s.loop ? t.slideTo(n + t.loopedSlides, 0, !1) : t.slideTo(n, 0, !1);
+  }
+  function ce() {
+    const e = this,
+      t = [];
+    for (let s = 0; s < e.slides.length; s += 1) t.push(s);
+    e.removeSlide(t);
+  }
+  function pe(e) {
+    const {
+      effect: t,
+      swiper: s,
+      on: a,
+      setTranslate: i,
+      setTransition: r,
+      overwriteParams: n,
+      perspective: l,
+      recreateShadows: o,
+      getEffectParams: d,
+    } = e;
+    let c;
+    a("beforeInit", () => {
+      if (s.params.effect !== t) return;
+      s.classNames.push(`${s.params.containerModifierClass}${t}`),
+        l && l() && s.classNames.push(`${s.params.containerModifierClass}3d`);
+      const e = n ? n() : {};
+      Object.assign(s.params, e), Object.assign(s.originalParams, e);
+    }),
+      a("setTranslate", () => {
+        s.params.effect === t && i();
+      }),
+      a("setTransition", (e, a) => {
+        s.params.effect === t && r(a);
+      }),
+      a("transitionEnd", () => {
+        if (s.params.effect === t && o) {
+          if (!d || !d().slideShadows) return;
+          s.slides.forEach((e) => {
+            e.querySelectorAll(
+              ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+            ).forEach((e) => e.remove());
+          }),
+            o();
+        }
+      }),
+      a("virtualUpdate", () => {
+        s.params.effect === t &&
+          (s.slides.length || (c = !0),
+          requestAnimationFrame(() => {
+            c && s.slides && s.slides.length && (i(), (c = !1));
+          }));
+      });
+  }
+  function ue(e, t) {
+    const s = h(t);
+    return (
+      s !== t &&
+        ((s.style.backfaceVisibility = "hidden"),
+        (s.style["-webkit-backface-visibility"] = "hidden")),
+      s
+    );
+  }
+  function me(e) {
+    let { swiper: t, duration: s, transformElements: a, allSlides: i } = e;
+    const { activeIndex: r } = t;
+    if (t.params.virtualTranslate && 0 !== s) {
+      let e,
+        s = !1;
+      (e = i
+        ? a
+        : a.filter((e) => {
+            const s = e.classList.contains("swiper-slide-transform")
+              ? ((e) => {
+                  if (!e.parentElement)
+                    return t.slides.filter(
+                      (t) => t.shadowRoot && t.shadowRoot === e.parentNode
+                    )[0];
+                  return e.parentElement;
+                })(e)
+              : e;
+            return t.getSlideIndex(s) === r;
+          })),
+        e.forEach((e) => {
+          x(e, () => {
+            if (s) return;
+            if (!t || t.destroyed) return;
+            (s = !0), (t.animating = !1);
+            const e = new window.CustomEvent("transitionend", {
+              bubbles: !0,
+              cancelable: !0,
+            });
+            t.wrapperEl.dispatchEvent(e);
+          });
+        });
+    }
+  }
+  function he(e, t, s) {
+    const a = `swiper-slide-shadow${s ? `-${s}` : ""}${
+        e ? ` swiper-slide-shadow-${e}` : ""
+      }`,
+      i = h(t);
+    let r = i.querySelector(`.${a.split(" ").join(".")}`);
+    return r || ((r = v("div", a.split(" "))), i.append(r)), r;
+  }
+  Object.keys(te).forEach((e) => {
+    Object.keys(te[e]).forEach((t) => {
+      ae.prototype[t] = te[e][t];
+    });
+  }),
+    ae.use([
+      function (e) {
+        let { swiper: t, on: s, emit: a } = e;
+        const i = r();
+        let n = null,
+          l = null;
+        const o = () => {
+            t &&
+              !t.destroyed &&
+              t.initialized &&
+              (a("beforeResize"), a("resize"));
+          },
+          d = () => {
+            t && !t.destroyed && t.initialized && a("orientationchange");
+          };
+        s("init", () => {
+          t.params.resizeObserver && void 0 !== i.ResizeObserver
+            ? t &&
+              !t.destroyed &&
+              t.initialized &&
+              ((n = new ResizeObserver((e) => {
+                l = i.requestAnimationFrame(() => {
+                  const { width: s, height: a } = t;
+                  let i = s,
+                    r = a;
+                  e.forEach((e) => {
+                    let { contentBoxSize: s, contentRect: a, target: n } = e;
+                    (n && n !== t.el) ||
+                      ((i = a ? a.width : (s[0] || s).inlineSize),
+                      (r = a ? a.height : (s[0] || s).blockSize));
+                  }),
+                    (i === s && r === a) || o();
+                });
+              })),
+              n.observe(t.el))
+            : (i.addEventListener("resize", o),
+              i.addEventListener("orientationchange", d));
+        }),
+          s("destroy", () => {
+            l && i.cancelAnimationFrame(l),
+              n && n.unobserve && t.el && (n.unobserve(t.el), (n = null)),
+              i.removeEventListener("resize", o),
+              i.removeEventListener("orientationchange", d);
+          });
+      },
+      function (e) {
+        let { swiper: t, extendParams: s, on: a, emit: i } = e;
+        const n = [],
+          l = r(),
+          o = function (e, s) {
+            void 0 === s && (s = {});
+            const a = new (l.MutationObserver || l.WebkitMutationObserver)(
+              (e) => {
+                if (t.__preventObserver__) return;
+                if (1 === e.length) return void i("observerUpdate", e[0]);
+                const s = function () {
+                  i("observerUpdate", e[0]);
+                };
+                l.requestAnimationFrame
+                  ? l.requestAnimationFrame(s)
+                  : l.setTimeout(s, 0);
+              }
+            );
+            a.observe(e, {
+              attributes: void 0 === s.attributes || s.attributes,
+              childList: void 0 === s.childList || s.childList,
+              characterData: void 0 === s.characterData || s.characterData,
+            }),
+              n.push(a);
+          };
+        s({ observer: !1, observeParents: !1, observeSlideChildren: !1 }),
+          a("init", () => {
+            if (t.params.observer) {
+              if (t.params.observeParents) {
+                const e = E(t.hostEl);
+                for (let t = 0; t < e.length; t += 1) o(e[t]);
+              }
+              o(t.hostEl, { childList: t.params.observeSlideChildren }),
+                o(t.wrapperEl, { attributes: !1 });
+            }
+          }),
+          a("destroy", () => {
+            n.forEach((e) => {
+              e.disconnect();
+            }),
+              n.splice(0, n.length);
+          });
+      },
+    ]);
+  const fe = [
+    function (e) {
+      let t,
+        { swiper: s, extendParams: i, on: r, emit: n } = e;
+      i({
+        virtual: {
+          enabled: !1,
+          slides: [],
+          cache: !0,
+          renderSlide: null,
+          renderExternal: null,
+          renderExternalUpdate: !0,
+          addSlidesBefore: 0,
+          addSlidesAfter: 0,
+        },
+      });
+      const l = a();
+      s.virtual = {
+        cache: {},
+        from: void 0,
+        to: void 0,
+        slides: [],
+        offset: 0,
+        slidesGrid: [],
+      };
+      const o = l.createElement("div");
+      function d(e, t) {
+        const a = s.params.virtual;
+        if (a.cache && s.virtual.cache[t]) return s.virtual.cache[t];
+        let i;
+        return (
+          a.renderSlide
+            ? ((i = a.renderSlide.call(s, e, t)),
+              "string" == typeof i && ((o.innerHTML = i), (i = o.children[0])))
+            : (i = s.isElement
+                ? v("swiper-slide")
+                : v("div", s.params.slideClass)),
+          i.setAttribute("data-swiper-slide-index", t),
+          a.renderSlide || (i.innerHTML = e),
+          a.cache && (s.virtual.cache[t] = i),
+          i
+        );
+      }
+      function c(e, t) {
+        const {
+          slidesPerView: a,
+          slidesPerGroup: i,
+          centeredSlides: r,
+          loop: l,
+          initialSlide: o,
+        } = s.params;
+        if (t && !l && o > 0) return;
+        const { addSlidesBefore: c, addSlidesAfter: p } = s.params.virtual,
+          { from: u, to: m, slides: h, slidesGrid: g, offset: v } = s.virtual;
+        s.params.cssMode || s.updateActiveIndex();
+        const w = s.activeIndex || 0;
+        let b, y, E;
+        (b = s.rtlTranslate ? "right" : s.isHorizontal() ? "left" : "top"),
+          r
+            ? ((y = Math.floor(a / 2) + i + p), (E = Math.floor(a / 2) + i + c))
+            : ((y = a + (i - 1) + p), (E = (l ? a : i) + c));
+        let x = w - E,
+          S = w + y;
+        l || ((x = Math.max(x, 0)), (S = Math.min(S, h.length - 1)));
+        let T = (s.slidesGrid[x] || 0) - (s.slidesGrid[0] || 0);
+        function M() {
+          s.updateSlides(),
+            s.updateProgress(),
+            s.updateSlidesClasses(),
+            n("virtualUpdate");
+        }
+        if (
+          (l && w >= E
+            ? ((x -= E), r || (T += s.slidesGrid[0]))
+            : l && w < E && ((x = -E), r && (T += s.slidesGrid[0])),
+          Object.assign(s.virtual, {
+            from: x,
+            to: S,
+            offset: T,
+            slidesGrid: s.slidesGrid,
+            slidesBefore: E,
+            slidesAfter: y,
+          }),
+          u === x && m === S && !e)
+        )
+          return (
+            s.slidesGrid !== g &&
+              T !== v &&
+              s.slides.forEach((e) => {
+                e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px";
+              }),
+            s.updateProgress(),
+            void n("virtualUpdate")
+          );
+        if (s.params.virtual.renderExternal)
+          return (
+            s.params.virtual.renderExternal.call(s, {
+              offset: T,
+              from: x,
+              to: S,
+              slides: (function () {
+                const e = [];
+                for (let t = x; t <= S; t += 1) e.push(h[t]);
+                return e;
+              })(),
+            }),
+            void (s.params.virtual.renderExternalUpdate
+              ? M()
+              : n("virtualUpdate"))
+          );
+        const C = [],
+          P = [],
+          L = (e) => {
+            let t = e;
+            return (
+              e < 0 ? (t = h.length + e) : t >= h.length && (t -= h.length), t
+            );
+          };
+        if (e)
+          s.slides
+            .filter((e) => e.matches(`.${s.params.slideClass}, swiper-slide`))
+            .forEach((e) => {
+              e.remove();
+            });
+        else
+          for (let e = u; e <= m; e += 1)
+            if (e < x || e > S) {
+              const t = L(e);
+              s.slides
+                .filter((e) =>
+                  e.matches(
+                    `.${s.params.slideClass}[data-swiper-slide-index="${t}"], swiper-slide[data-swiper-slide-index="${t}"]`
+                  )
+                )
+                .forEach((e) => {
+                  e.remove();
+                });
+            }
+        const I = l ? -h.length : 0,
+          A = l ? 2 * h.length : h.length;
+        for (let t = I; t < A; t += 1)
+          if (t >= x && t <= S) {
+            const s = L(t);
+            void 0 === m || e
+              ? P.push(s)
+              : (t > m && P.push(s), t < u && C.push(s));
+          }
+        if (
+          (P.forEach((e) => {
+            s.slidesEl.append(d(h[e], e));
+          }),
+          l)
+        )
+          for (let e = C.length - 1; e >= 0; e -= 1) {
+            const t = C[e];
+            s.slidesEl.prepend(d(h[t], t));
+          }
+        else
+          C.sort((e, t) => t - e),
+            C.forEach((e) => {
+              s.slidesEl.prepend(d(h[e], e));
+            });
+        f(s.slidesEl, ".swiper-slide, swiper-slide").forEach((e) => {
+          e.style[b] = T - Math.abs(s.cssOverflowAdjustment()) + "px";
+        }),
+          M();
+      }
+      r("beforeInit", () => {
+        if (!s.params.virtual.enabled) return;
+        let e;
+        if (void 0 === s.passedParams.virtual.slides) {
+          const t = [...s.slidesEl.children].filter((e) =>
+            e.matches(`.${s.params.slideClass}, swiper-slide`)
+          );
+          t &&
+            t.length &&
+            ((s.virtual.slides = [...t]),
+            (e = !0),
+            t.forEach((e, t) => {
+              e.setAttribute("data-swiper-slide-index", t),
+                (s.virtual.cache[t] = e),
+                e.remove();
+            }));
+        }
+        e || (s.virtual.slides = s.params.virtual.slides),
+          s.classNames.push(`${s.params.containerModifierClass}virtual`),
+          (s.params.watchSlidesProgress = !0),
+          (s.originalParams.watchSlidesProgress = !0),
+          c(!1, !0);
+      }),
+        r("setTranslate", () => {
+          s.params.virtual.enabled &&
+            (s.params.cssMode && !s._immediateVirtual
+              ? (clearTimeout(t),
+                (t = setTimeout(() => {
+                  c();
+                }, 100)))
+              : c());
+        }),
+        r("init update resize", () => {
+          s.params.virtual.enabled &&
+            s.params.cssMode &&
+            u(s.wrapperEl, "--swiper-virtual-size", `${s.virtualSize}px`);
+        }),
+        Object.assign(s.virtual, {
+          appendSlide: function (e) {
+            if ("object" == typeof e && "length" in e)
+              for (let t = 0; t < e.length; t += 1)
+                e[t] && s.virtual.slides.push(e[t]);
+            else s.virtual.slides.push(e);
+            c(!0);
+          },
+          prependSlide: function (e) {
+            const t = s.activeIndex;
+            let a = t + 1,
+              i = 1;
+            if (Array.isArray(e)) {
+              for (let t = 0; t < e.length; t += 1)
+                e[t] && s.virtual.slides.unshift(e[t]);
+              (a = t + e.length), (i = e.length);
+            } else s.virtual.slides.unshift(e);
+            if (s.params.virtual.cache) {
+              const e = s.virtual.cache,
+                t = {};
+              Object.keys(e).forEach((s) => {
+                const a = e[s],
+                  r = a.getAttribute("data-swiper-slide-index");
+                r &&
+                  a.setAttribute(
+                    "data-swiper-slide-index",
+                    parseInt(r, 10) + i
+                  ),
+                  (t[parseInt(s, 10) + i] = a);
+              }),
+                (s.virtual.cache = t);
+            }
+            c(!0), s.slideTo(a, 0);
+          },
+          removeSlide: function (e) {
+            if (null == e) return;
+            let t = s.activeIndex;
+            if (Array.isArray(e))
+              for (let a = e.length - 1; a >= 0; a -= 1)
+                s.params.virtual.cache &&
+                  (delete s.virtual.cache[e[a]],
+                  Object.keys(s.virtual.cache).forEach((t) => {
+                    t > e &&
+                      ((s.virtual.cache[t - 1] = s.virtual.cache[t]),
+                      s.virtual.cache[t - 1].setAttribute(
+                        "data-swiper-slide-index",
+                        t - 1
+                      ),
+                      delete s.virtual.cache[t]);
+                  })),
+                  s.virtual.slides.splice(e[a], 1),
+                  e[a] < t && (t -= 1),
+                  (t = Math.max(t, 0));
+            else
+              s.params.virtual.cache &&
+                (delete s.virtual.cache[e],
+                Object.keys(s.virtual.cache).forEach((t) => {
+                  t > e &&
+                    ((s.virtual.cache[t - 1] = s.virtual.cache[t]),
+                    s.virtual.cache[t - 1].setAttribute(
+                      "data-swiper-slide-index",
+                      t - 1
+                    ),
+                    delete s.virtual.cache[t]);
+                })),
+                s.virtual.slides.splice(e, 1),
+                e < t && (t -= 1),
+                (t = Math.max(t, 0));
+            c(!0), s.slideTo(t, 0);
+          },
+          removeAllSlides: function () {
+            (s.virtual.slides = []),
+              s.params.virtual.cache && (s.virtual.cache = {}),
+              c(!0),
+              s.slideTo(0, 0);
+          },
+          update: c,
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i, emit: n } = e;
+      const l = a(),
+        o = r();
+      function d(e) {
+        if (!t.enabled) return;
+        const { rtlTranslate: s } = t;
+        let a = e;
+        a.originalEvent && (a = a.originalEvent);
+        const i = a.keyCode || a.charCode,
+          r = t.params.keyboard.pageUpDown,
+          d = r && 33 === i,
+          c = r && 34 === i,
+          p = 37 === i,
+          u = 39 === i,
+          m = 38 === i,
+          h = 40 === i;
+        if (
+          !t.allowSlideNext &&
+          ((t.isHorizontal() && u) || (t.isVertical() && h) || c)
+        )
+          return !1;
+        if (
+          !t.allowSlidePrev &&
+          ((t.isHorizontal() && p) || (t.isVertical() && m) || d)
+        )
+          return !1;
+        if (
+          !(
+            a.shiftKey ||
+            a.altKey ||
+            a.ctrlKey ||
+            a.metaKey ||
+            (l.activeElement &&
+              l.activeElement.nodeName &&
+              ("input" === l.activeElement.nodeName.toLowerCase() ||
+                "textarea" === l.activeElement.nodeName.toLowerCase()))
+          )
+        ) {
+          if (
+            t.params.keyboard.onlyInViewport &&
+            (d || c || p || u || m || h)
+          ) {
+            let e = !1;
+            if (
+              E(t.el, `.${t.params.slideClass}, swiper-slide`).length > 0 &&
+              0 === E(t.el, `.${t.params.slideActiveClass}`).length
+            )
+              return;
+            const a = t.el,
+              i = a.clientWidth,
+              r = a.clientHeight,
+              n = o.innerWidth,
+              l = o.innerHeight,
+              d = w(a);
+            s && (d.left -= a.scrollLeft);
+            const c = [
+              [d.left, d.top],
+              [d.left + i, d.top],
+              [d.left, d.top + r],
+              [d.left + i, d.top + r],
+            ];
+            for (let t = 0; t < c.length; t += 1) {
+              const s = c[t];
+              if (s[0] >= 0 && s[0] <= n && s[1] >= 0 && s[1] <= l) {
+                if (0 === s[0] && 0 === s[1]) continue;
+                e = !0;
+              }
+            }
+            if (!e) return;
+          }
+          t.isHorizontal()
+            ? ((d || c || p || u) &&
+                (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)),
+              (((c || u) && !s) || ((d || p) && s)) && t.slideNext(),
+              (((d || p) && !s) || ((c || u) && s)) && t.slidePrev())
+            : ((d || c || m || h) &&
+                (a.preventDefault ? a.preventDefault() : (a.returnValue = !1)),
+              (c || h) && t.slideNext(),
+              (d || m) && t.slidePrev()),
+            n("keyPress", i);
+        }
+      }
+      function c() {
+        t.keyboard.enabled ||
+          (l.addEventListener("keydown", d), (t.keyboard.enabled = !0));
+      }
+      function p() {
+        t.keyboard.enabled &&
+          (l.removeEventListener("keydown", d), (t.keyboard.enabled = !1));
+      }
+      (t.keyboard = { enabled: !1 }),
+        s({ keyboard: { enabled: !1, onlyInViewport: !0, pageUpDown: !0 } }),
+        i("init", () => {
+          t.params.keyboard.enabled && c();
+        }),
+        i("destroy", () => {
+          t.keyboard.enabled && p();
+        }),
+        Object.assign(t.keyboard, { enable: c, disable: p });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const n = r();
+      let d;
+      s({
+        mousewheel: {
+          enabled: !1,
+          releaseOnEdges: !1,
+          invert: !1,
+          forceToAxis: !1,
+          sensitivity: 1,
+          eventsTarget: "container",
+          thresholdDelta: null,
+          thresholdTime: null,
+          noMousewheelClass: "swiper-no-mousewheel",
+        },
+      }),
+        (t.mousewheel = { enabled: !1 });
+      let c,
+        p = o();
+      const u = [];
+      function m() {
+        t.enabled && (t.mouseEntered = !0);
+      }
+      function h() {
+        t.enabled && (t.mouseEntered = !1);
+      }
+      function f(e) {
+        return (
+          !(
+            t.params.mousewheel.thresholdDelta &&
+            e.delta < t.params.mousewheel.thresholdDelta
+          ) &&
+          !(
+            t.params.mousewheel.thresholdTime &&
+            o() - p < t.params.mousewheel.thresholdTime
+          ) &&
+          ((e.delta >= 6 && o() - p < 60) ||
+            (e.direction < 0
+              ? (t.isEnd && !t.params.loop) ||
+                t.animating ||
+                (t.slideNext(), i("scroll", e.raw))
+              : (t.isBeginning && !t.params.loop) ||
+                t.animating ||
+                (t.slidePrev(), i("scroll", e.raw)),
+            (p = new n.Date().getTime()),
+            !1))
+        );
+      }
+      function g(e) {
+        let s = e,
+          a = !0;
+        if (!t.enabled) return;
+        if (e.target.closest(`.${t.params.mousewheel.noMousewheelClass}`))
+          return;
+        const r = t.params.mousewheel;
+        t.params.cssMode && s.preventDefault();
+        let n = t.el;
+        "container" !== t.params.mousewheel.eventsTarget &&
+          (n = document.querySelector(t.params.mousewheel.eventsTarget));
+        const p = n && n.contains(s.target);
+        if (!t.mouseEntered && !p && !r.releaseOnEdges) return !0;
+        s.originalEvent && (s = s.originalEvent);
+        let m = 0;
+        const h = t.rtlTranslate ? -1 : 1,
+          g = (function (e) {
+            let t = 0,
+              s = 0,
+              a = 0,
+              i = 0;
+            return (
+              "detail" in e && (s = e.detail),
+              "wheelDelta" in e && (s = -e.wheelDelta / 120),
+              "wheelDeltaY" in e && (s = -e.wheelDeltaY / 120),
+              "wheelDeltaX" in e && (t = -e.wheelDeltaX / 120),
+              "axis" in e && e.axis === e.HORIZONTAL_AXIS && ((t = s), (s = 0)),
+              (a = 10 * t),
+              (i = 10 * s),
+              "deltaY" in e && (i = e.deltaY),
+              "deltaX" in e && (a = e.deltaX),
+              e.shiftKey && !a && ((a = i), (i = 0)),
+              (a || i) &&
+                e.deltaMode &&
+                (1 === e.deltaMode
+                  ? ((a *= 40), (i *= 40))
+                  : ((a *= 800), (i *= 800))),
+              a && !t && (t = a < 1 ? -1 : 1),
+              i && !s && (s = i < 1 ? -1 : 1),
+              { spinX: t, spinY: s, pixelX: a, pixelY: i }
+            );
+          })(s);
+        if (r.forceToAxis)
+          if (t.isHorizontal()) {
+            if (!(Math.abs(g.pixelX) > Math.abs(g.pixelY))) return !0;
+            m = -g.pixelX * h;
+          } else {
+            if (!(Math.abs(g.pixelY) > Math.abs(g.pixelX))) return !0;
+            m = -g.pixelY;
+          }
+        else
+          m =
+            Math.abs(g.pixelX) > Math.abs(g.pixelY) ? -g.pixelX * h : -g.pixelY;
+        if (0 === m) return !0;
+        r.invert && (m = -m);
+        let v = t.getTranslate() + m * r.sensitivity;
+        if (
+          (v >= t.minTranslate() && (v = t.minTranslate()),
+          v <= t.maxTranslate() && (v = t.maxTranslate()),
+          (a =
+            !!t.params.loop ||
+            !(v === t.minTranslate() || v === t.maxTranslate())),
+          a && t.params.nested && s.stopPropagation(),
+          t.params.freeMode && t.params.freeMode.enabled)
+        ) {
+          const e = { time: o(), delta: Math.abs(m), direction: Math.sign(m) },
+            a =
+              c &&
+              e.time < c.time + 500 &&
+              e.delta <= c.delta &&
+              e.direction === c.direction;
+          if (!a) {
+            c = void 0;
+            let n = t.getTranslate() + m * r.sensitivity;
+            const o = t.isBeginning,
+              p = t.isEnd;
+            if (
+              (n >= t.minTranslate() && (n = t.minTranslate()),
+              n <= t.maxTranslate() && (n = t.maxTranslate()),
+              t.setTransition(0),
+              t.setTranslate(n),
+              t.updateProgress(),
+              t.updateActiveIndex(),
+              t.updateSlidesClasses(),
+              ((!o && t.isBeginning) || (!p && t.isEnd)) &&
+                t.updateSlidesClasses(),
+              t.params.loop &&
+                t.loopFix({
+                  direction: e.direction < 0 ? "next" : "prev",
+                  byMousewheel: !0,
+                }),
+              t.params.freeMode.sticky)
+            ) {
+              clearTimeout(d), (d = void 0), u.length >= 15 && u.shift();
+              const s = u.length ? u[u.length - 1] : void 0,
+                a = u[0];
+              if (
+                (u.push(e),
+                s && (e.delta > s.delta || e.direction !== s.direction))
+              )
+                u.splice(0);
+              else if (
+                u.length >= 15 &&
+                e.time - a.time < 500 &&
+                a.delta - e.delta >= 1 &&
+                e.delta <= 6
+              ) {
+                const s = m > 0 ? 0.8 : 0.2;
+                (c = e),
+                  u.splice(0),
+                  (d = l(() => {
+                    t.slideToClosest(t.params.speed, !0, void 0, s);
+                  }, 0));
+              }
+              d ||
+                (d = l(() => {
+                  (c = e),
+                    u.splice(0),
+                    t.slideToClosest(t.params.speed, !0, void 0, 0.5);
+                }, 500));
+            }
+            if (
+              (a || i("scroll", s),
+              t.params.autoplay &&
+                t.params.autoplayDisableOnInteraction &&
+                t.autoplay.stop(),
+              r.releaseOnEdges &&
+                (n === t.minTranslate() || n === t.maxTranslate()))
+            )
+              return !0;
+          }
+        } else {
+          const s = {
+            time: o(),
+            delta: Math.abs(m),
+            direction: Math.sign(m),
+            raw: e,
+          };
+          u.length >= 2 && u.shift();
+          const a = u.length ? u[u.length - 1] : void 0;
+          if (
+            (u.push(s),
+            a
+              ? (s.direction !== a.direction ||
+                  s.delta > a.delta ||
+                  s.time > a.time + 150) &&
+                f(s)
+              : f(s),
+            (function (e) {
+              const s = t.params.mousewheel;
+              if (e.direction < 0) {
+                if (t.isEnd && !t.params.loop && s.releaseOnEdges) return !0;
+              } else if (t.isBeginning && !t.params.loop && s.releaseOnEdges)
+                return !0;
+              return !1;
+            })(s))
+          )
+            return !0;
+        }
+        return s.preventDefault ? s.preventDefault() : (s.returnValue = !1), !1;
+      }
+      function v(e) {
+        let s = t.el;
+        "container" !== t.params.mousewheel.eventsTarget &&
+          (s = document.querySelector(t.params.mousewheel.eventsTarget)),
+          s[e]("mouseenter", m),
+          s[e]("mouseleave", h),
+          s[e]("wheel", g);
+      }
+      function w() {
+        return t.params.cssMode
+          ? (t.wrapperEl.removeEventListener("wheel", g), !0)
+          : !t.mousewheel.enabled &&
+              (v("addEventListener"), (t.mousewheel.enabled = !0), !0);
+      }
+      function b() {
+        return t.params.cssMode
+          ? (t.wrapperEl.addEventListener(event, g), !0)
+          : !!t.mousewheel.enabled &&
+              (v("removeEventListener"), (t.mousewheel.enabled = !1), !0);
+      }
+      a("init", () => {
+        !t.params.mousewheel.enabled && t.params.cssMode && b(),
+          t.params.mousewheel.enabled && w();
+      }),
+        a("destroy", () => {
+          t.params.cssMode && w(), t.mousewheel.enabled && b();
+        }),
+        Object.assign(t.mousewheel, { enable: w, disable: b });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      function r(e) {
+        let s;
+        return e &&
+          "string" == typeof e &&
+          t.isElement &&
+          ((s = t.el.querySelector(e)), s)
+          ? s
+          : (e &&
+              ("string" == typeof e && (s = [...document.querySelectorAll(e)]),
+              t.params.uniqueNavElements &&
+              "string" == typeof e &&
+              s &&
+              s.length > 1 &&
+              1 === t.el.querySelectorAll(e).length
+                ? (s = t.el.querySelector(e))
+                : s && 1 === s.length && (s = s[0])),
+            e && !s ? e : s);
+      }
+      function n(e, s) {
+        const a = t.params.navigation;
+        (e = T(e)).forEach((e) => {
+          e &&
+            (e.classList[s ? "add" : "remove"](...a.disabledClass.split(" ")),
+            "BUTTON" === e.tagName && (e.disabled = s),
+            t.params.watchOverflow &&
+              t.enabled &&
+              e.classList[t.isLocked ? "add" : "remove"](a.lockClass));
+        });
+      }
+      function l() {
+        const { nextEl: e, prevEl: s } = t.navigation;
+        if (t.params.loop) return n(s, !1), void n(e, !1);
+        n(s, t.isBeginning && !t.params.rewind),
+          n(e, t.isEnd && !t.params.rewind);
+      }
+      function o(e) {
+        e.preventDefault(),
+          (!t.isBeginning || t.params.loop || t.params.rewind) &&
+            (t.slidePrev(), i("navigationPrev"));
+      }
+      function d(e) {
+        e.preventDefault(),
+          (!t.isEnd || t.params.loop || t.params.rewind) &&
+            (t.slideNext(), i("navigationNext"));
+      }
+      function c() {
+        const e = t.params.navigation;
+        if (
+          ((t.params.navigation = ie(
+            t,
+            t.originalParams.navigation,
+            t.params.navigation,
+            { nextEl: "swiper-button-next", prevEl: "swiper-button-prev" }
+          )),
+          !e.nextEl && !e.prevEl)
+        )
+          return;
+        let s = r(e.nextEl),
+          a = r(e.prevEl);
+        Object.assign(t.navigation, { nextEl: s, prevEl: a }),
+          (s = T(s)),
+          (a = T(a));
+        const i = (s, a) => {
+          s && s.addEventListener("click", "next" === a ? d : o),
+            !t.enabled && s && s.classList.add(...e.lockClass.split(" "));
+        };
+        s.forEach((e) => i(e, "next")), a.forEach((e) => i(e, "prev"));
+      }
+      function p() {
+        let { nextEl: e, prevEl: s } = t.navigation;
+        (e = T(e)), (s = T(s));
+        const a = (e, s) => {
+          e.removeEventListener("click", "next" === s ? d : o),
+            e.classList.remove(...t.params.navigation.disabledClass.split(" "));
+        };
+        e.forEach((e) => a(e, "next")), s.forEach((e) => a(e, "prev"));
+      }
+      s({
+        navigation: {
+          nextEl: null,
+          prevEl: null,
+          hideOnClick: !1,
+          disabledClass: "swiper-button-disabled",
+          hiddenClass: "swiper-button-hidden",
+          lockClass: "swiper-button-lock",
+          navigationDisabledClass: "swiper-navigation-disabled",
+        },
+      }),
+        (t.navigation = { nextEl: null, prevEl: null }),
+        a("init", () => {
+          !1 === t.params.navigation.enabled ? u() : (c(), l());
+        }),
+        a("toEdge fromEdge lock unlock", () => {
+          l();
+        }),
+        a("destroy", () => {
+          p();
+        }),
+        a("enable disable", () => {
+          let { nextEl: e, prevEl: s } = t.navigation;
+          (e = T(e)),
+            (s = T(s)),
+            t.enabled
+              ? l()
+              : [...e, ...s]
+                  .filter((e) => !!e)
+                  .forEach((e) =>
+                    e.classList.add(t.params.navigation.lockClass)
+                  );
+        }),
+        a("click", (e, s) => {
+          let { nextEl: a, prevEl: r } = t.navigation;
+          (a = T(a)), (r = T(r));
+          const n = s.target;
+          let l = r.includes(n) || a.includes(n);
+          if (t.isElement && !l) {
+            const e = s.path || (s.composedPath && s.composedPath());
+            e && (l = e.find((e) => a.includes(e) || r.includes(e)));
+          }
+          if (t.params.navigation.hideOnClick && !l) {
+            if (
+              t.pagination &&
+              t.params.pagination &&
+              t.params.pagination.clickable &&
+              (t.pagination.el === n || t.pagination.el.contains(n))
+            )
+              return;
+            let e;
+            a.length
+              ? (e = a[0].classList.contains(t.params.navigation.hiddenClass))
+              : r.length &&
+                (e = r[0].classList.contains(t.params.navigation.hiddenClass)),
+              i(!0 === e ? "navigationShow" : "navigationHide"),
+              [...a, ...r]
+                .filter((e) => !!e)
+                .forEach((e) =>
+                  e.classList.toggle(t.params.navigation.hiddenClass)
+                );
+          }
+        });
+      const u = () => {
+        t.el.classList.add(
+          ...t.params.navigation.navigationDisabledClass.split(" ")
+        ),
+          p();
+      };
+      Object.assign(t.navigation, {
+        enable: () => {
+          t.el.classList.remove(
+            ...t.params.navigation.navigationDisabledClass.split(" ")
+          ),
+            c(),
+            l();
+        },
+        disable: u,
+        update: l,
+        init: c,
+        destroy: p,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const r = "swiper-pagination";
+      let n;
+      s({
+        pagination: {
+          el: null,
+          bulletElement: "span",
+          clickable: !1,
+          hideOnClick: !1,
+          renderBullet: null,
+          renderProgressbar: null,
+          renderFraction: null,
+          renderCustom: null,
+          progressbarOpposite: !1,
+          type: "bullets",
+          dynamicBullets: !1,
+          dynamicMainBullets: 1,
+          formatFractionCurrent: (e) => e,
+          formatFractionTotal: (e) => e,
+          bulletClass: `${r}-bullet`,
+          bulletActiveClass: `${r}-bullet-active`,
+          modifierClass: `${r}-`,
+          currentClass: `${r}-current`,
+          totalClass: `${r}-total`,
+          hiddenClass: `${r}-hidden`,
+          progressbarFillClass: `${r}-progressbar-fill`,
+          progressbarOppositeClass: `${r}-progressbar-opposite`,
+          clickableClass: `${r}-clickable`,
+          lockClass: `${r}-lock`,
+          horizontalClass: `${r}-horizontal`,
+          verticalClass: `${r}-vertical`,
+          paginationDisabledClass: `${r}-disabled`,
+        },
+      }),
+        (t.pagination = { el: null, bullets: [] });
+      let l = 0;
+      function o() {
+        return (
+          !t.params.pagination.el ||
+          !t.pagination.el ||
+          (Array.isArray(t.pagination.el) && 0 === t.pagination.el.length)
+        );
+      }
+      function d(e, s) {
+        const { bulletActiveClass: a } = t.params.pagination;
+        e &&
+          (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) &&
+          (e.classList.add(`${a}-${s}`),
+          (e = e[("prev" === s ? "previous" : "next") + "ElementSibling"]) &&
+            e.classList.add(`${a}-${s}-${s}`));
+      }
+      function c(e) {
+        const s = e.target.closest(re(t.params.pagination.bulletClass));
+        if (!s) return;
+        e.preventDefault();
+        const a = y(s) * t.params.slidesPerGroup;
+        if (t.params.loop) {
+          if (t.realIndex === a) return;
+          t.slideToLoop(a);
+        } else t.slideTo(a);
+      }
+      function p() {
+        const e = t.rtl,
+          s = t.params.pagination;
+        if (o()) return;
+        let a,
+          r,
+          c = t.pagination.el;
+        c = T(c);
+        const p =
+            t.virtual && t.params.virtual.enabled
+              ? t.virtual.slides.length
+              : t.slides.length,
+          u = t.params.loop
+            ? Math.ceil(p / t.params.slidesPerGroup)
+            : t.snapGrid.length;
+        if (
+          (t.params.loop
+            ? ((r = t.previousRealIndex || 0),
+              (a =
+                t.params.slidesPerGroup > 1
+                  ? Math.floor(t.realIndex / t.params.slidesPerGroup)
+                  : t.realIndex))
+            : void 0 !== t.snapIndex
+            ? ((a = t.snapIndex), (r = t.previousSnapIndex))
+            : ((r = t.previousIndex || 0), (a = t.activeIndex || 0)),
+          "bullets" === s.type &&
+            t.pagination.bullets &&
+            t.pagination.bullets.length > 0)
+        ) {
+          const i = t.pagination.bullets;
+          let o, p, u;
+          if (
+            (s.dynamicBullets &&
+              ((n = S(i[0], t.isHorizontal() ? "width" : "height", !0)),
+              c.forEach((e) => {
+                e.style[t.isHorizontal() ? "width" : "height"] =
+                  n * (s.dynamicMainBullets + 4) + "px";
+              }),
+              s.dynamicMainBullets > 1 &&
+                void 0 !== r &&
+                ((l += a - (r || 0)),
+                l > s.dynamicMainBullets - 1
+                  ? (l = s.dynamicMainBullets - 1)
+                  : l < 0 && (l = 0)),
+              (o = Math.max(a - l, 0)),
+              (p = o + (Math.min(i.length, s.dynamicMainBullets) - 1)),
+              (u = (p + o) / 2)),
+            i.forEach((e) => {
+              const t = [
+                ...[
+                  "",
+                  "-next",
+                  "-next-next",
+                  "-prev",
+                  "-prev-prev",
+                  "-main",
+                ].map((e) => `${s.bulletActiveClass}${e}`),
+              ]
+                .map((e) =>
+                  "string" == typeof e && e.includes(" ") ? e.split(" ") : e
+                )
+                .flat();
+              e.classList.remove(...t);
+            }),
+            c.length > 1)
+          )
+            i.forEach((e) => {
+              const i = y(e);
+              i === a
+                ? e.classList.add(...s.bulletActiveClass.split(" "))
+                : t.isElement && e.setAttribute("part", "bullet"),
+                s.dynamicBullets &&
+                  (i >= o &&
+                    i <= p &&
+                    e.classList.add(
+                      ...`${s.bulletActiveClass}-main`.split(" ")
+                    ),
+                  i === o && d(e, "prev"),
+                  i === p && d(e, "next"));
+            });
+          else {
+            const e = i[a];
+            if (
+              (e && e.classList.add(...s.bulletActiveClass.split(" ")),
+              t.isElement &&
+                i.forEach((e, t) => {
+                  e.setAttribute("part", t === a ? "bullet-active" : "bullet");
+                }),
+              s.dynamicBullets)
+            ) {
+              const e = i[o],
+                t = i[p];
+              for (let e = o; e <= p; e += 1)
+                i[e] &&
+                  i[e].classList.add(
+                    ...`${s.bulletActiveClass}-main`.split(" ")
+                  );
+              d(e, "prev"), d(t, "next");
+            }
+          }
+          if (s.dynamicBullets) {
+            const a = Math.min(i.length, s.dynamicMainBullets + 4),
+              r = (n * a - n) / 2 - u * n,
+              l = e ? "right" : "left";
+            i.forEach((e) => {
+              e.style[t.isHorizontal() ? l : "top"] = `${r}px`;
+            });
+          }
+        }
+        c.forEach((e, r) => {
+          if (
+            ("fraction" === s.type &&
+              (e.querySelectorAll(re(s.currentClass)).forEach((e) => {
+                e.textContent = s.formatFractionCurrent(a + 1);
+              }),
+              e.querySelectorAll(re(s.totalClass)).forEach((e) => {
+                e.textContent = s.formatFractionTotal(u);
+              })),
+            "progressbar" === s.type)
+          ) {
+            let i;
+            i = s.progressbarOpposite
+              ? t.isHorizontal()
+                ? "vertical"
+                : "horizontal"
+              : t.isHorizontal()
+              ? "horizontal"
+              : "vertical";
+            const r = (a + 1) / u;
+            let n = 1,
+              l = 1;
+            "horizontal" === i ? (n = r) : (l = r),
+              e.querySelectorAll(re(s.progressbarFillClass)).forEach((e) => {
+                (e.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${l})`),
+                  (e.style.transitionDuration = `${t.params.speed}ms`);
+              });
+          }
+          "custom" === s.type && s.renderCustom
+            ? ((e.innerHTML = s.renderCustom(t, a + 1, u)),
+              0 === r && i("paginationRender", e))
+            : (0 === r && i("paginationRender", e), i("paginationUpdate", e)),
+            t.params.watchOverflow &&
+              t.enabled &&
+              e.classList[t.isLocked ? "add" : "remove"](s.lockClass);
+        });
+      }
+      function u() {
+        const e = t.params.pagination;
+        if (o()) return;
+        const s =
+          t.virtual && t.params.virtual.enabled
+            ? t.virtual.slides.length
+            : t.grid && t.params.grid.rows > 1
+            ? t.slides.length / Math.ceil(t.params.grid.rows)
+            : t.slides.length;
+        let a = t.pagination.el;
+        a = T(a);
+        let r = "";
+        if ("bullets" === e.type) {
+          let a = t.params.loop
+            ? Math.ceil(s / t.params.slidesPerGroup)
+            : t.snapGrid.length;
+          t.params.freeMode && t.params.freeMode.enabled && a > s && (a = s);
+          for (let s = 0; s < a; s += 1)
+            e.renderBullet
+              ? (r += e.renderBullet.call(t, s, e.bulletClass))
+              : (r += `<${e.bulletElement} ${
+                  t.isElement ? 'part="bullet"' : ""
+                } class="${e.bulletClass}"></${e.bulletElement}>`);
+        }
+        "fraction" === e.type &&
+          (r = e.renderFraction
+            ? e.renderFraction.call(t, e.currentClass, e.totalClass)
+            : `<span class="${e.currentClass}"></span> / <span class="${e.totalClass}"></span>`),
+          "progressbar" === e.type &&
+            (r = e.renderProgressbar
+              ? e.renderProgressbar.call(t, e.progressbarFillClass)
+              : `<span class="${e.progressbarFillClass}"></span>`),
+          (t.pagination.bullets = []),
+          a.forEach((s) => {
+            "custom" !== e.type && (s.innerHTML = r || ""),
+              "bullets" === e.type &&
+                t.pagination.bullets.push(
+                  ...s.querySelectorAll(re(e.bulletClass))
+                );
+          }),
+          "custom" !== e.type && i("paginationRender", a[0]);
+      }
+      function m() {
+        t.params.pagination = ie(
+          t,
+          t.originalParams.pagination,
+          t.params.pagination,
+          { el: "swiper-pagination" }
+        );
+        const e = t.params.pagination;
+        if (!e.el) return;
+        let s;
+        "string" == typeof e.el &&
+          t.isElement &&
+          (s = t.el.querySelector(e.el)),
+          s ||
+            "string" != typeof e.el ||
+            (s = [...document.querySelectorAll(e.el)]),
+          s || (s = e.el),
+          s &&
+            0 !== s.length &&
+            (t.params.uniqueNavElements &&
+              "string" == typeof e.el &&
+              Array.isArray(s) &&
+              s.length > 1 &&
+              ((s = [...t.el.querySelectorAll(e.el)]),
+              s.length > 1 &&
+                (s = s.filter((e) => E(e, ".swiper")[0] === t.el)[0])),
+            Array.isArray(s) && 1 === s.length && (s = s[0]),
+            Object.assign(t.pagination, { el: s }),
+            (s = T(s)),
+            s.forEach((s) => {
+              "bullets" === e.type &&
+                e.clickable &&
+                s.classList.add(...(e.clickableClass || "").split(" ")),
+                s.classList.add(e.modifierClass + e.type),
+                s.classList.add(
+                  t.isHorizontal() ? e.horizontalClass : e.verticalClass
+                ),
+                "bullets" === e.type &&
+                  e.dynamicBullets &&
+                  (s.classList.add(`${e.modifierClass}${e.type}-dynamic`),
+                  (l = 0),
+                  e.dynamicMainBullets < 1 && (e.dynamicMainBullets = 1)),
+                "progressbar" === e.type &&
+                  e.progressbarOpposite &&
+                  s.classList.add(e.progressbarOppositeClass),
+                e.clickable && s.addEventListener("click", c),
+                t.enabled || s.classList.add(e.lockClass);
+            }));
+      }
+      function h() {
+        const e = t.params.pagination;
+        if (o()) return;
+        let s = t.pagination.el;
+        s &&
+          ((s = T(s)),
+          s.forEach((s) => {
+            s.classList.remove(e.hiddenClass),
+              s.classList.remove(e.modifierClass + e.type),
+              s.classList.remove(
+                t.isHorizontal() ? e.horizontalClass : e.verticalClass
+              ),
+              e.clickable &&
+                (s.classList.remove(...(e.clickableClass || "").split(" ")),
+                s.removeEventListener("click", c));
+          })),
+          t.pagination.bullets &&
+            t.pagination.bullets.forEach((t) =>
+              t.classList.remove(...e.bulletActiveClass.split(" "))
+            );
+      }
+      a("changeDirection", () => {
+        if (!t.pagination || !t.pagination.el) return;
+        const e = t.params.pagination;
+        let { el: s } = t.pagination;
+        (s = T(s)),
+          s.forEach((s) => {
+            s.classList.remove(e.horizontalClass, e.verticalClass),
+              s.classList.add(
+                t.isHorizontal() ? e.horizontalClass : e.verticalClass
+              );
+          });
+      }),
+        a("init", () => {
+          !1 === t.params.pagination.enabled ? f() : (m(), u(), p());
+        }),
+        a("activeIndexChange", () => {
+          void 0 === t.snapIndex && p();
+        }),
+        a("snapIndexChange", () => {
+          p();
+        }),
+        a("snapGridLengthChange", () => {
+          u(), p();
+        }),
+        a("destroy", () => {
+          h();
+        }),
+        a("enable disable", () => {
+          let { el: e } = t.pagination;
+          e &&
+            ((e = T(e)),
+            e.forEach((e) =>
+              e.classList[t.enabled ? "remove" : "add"](
+                t.params.pagination.lockClass
+              )
+            ));
+        }),
+        a("lock unlock", () => {
+          p();
+        }),
+        a("click", (e, s) => {
+          const a = s.target,
+            r = T(t.pagination.el);
+          if (
+            t.params.pagination.el &&
+            t.params.pagination.hideOnClick &&
+            r &&
+            r.length > 0 &&
+            !a.classList.contains(t.params.pagination.bulletClass)
+          ) {
+            if (
+              t.navigation &&
+              ((t.navigation.nextEl && a === t.navigation.nextEl) ||
+                (t.navigation.prevEl && a === t.navigation.prevEl))
+            )
+              return;
+            const e = r[0].classList.contains(t.params.pagination.hiddenClass);
+            i(!0 === e ? "paginationShow" : "paginationHide"),
+              r.forEach((e) =>
+                e.classList.toggle(t.params.pagination.hiddenClass)
+              );
+          }
+        });
+      const f = () => {
+        t.el.classList.add(t.params.pagination.paginationDisabledClass);
+        let { el: e } = t.pagination;
+        e &&
+          ((e = T(e)),
+          e.forEach((e) =>
+            e.classList.add(t.params.pagination.paginationDisabledClass)
+          )),
+          h();
+      };
+      Object.assign(t.pagination, {
+        enable: () => {
+          t.el.classList.remove(t.params.pagination.paginationDisabledClass);
+          let { el: e } = t.pagination;
+          e &&
+            ((e = T(e)),
+            e.forEach((e) =>
+              e.classList.remove(t.params.pagination.paginationDisabledClass)
+            )),
+            m(),
+            u(),
+            p();
+        },
+        disable: f,
+        render: u,
+        update: p,
+        init: m,
+        destroy: h,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i, emit: r } = e;
+      const o = a();
+      let d,
+        c,
+        p,
+        u,
+        m = !1,
+        h = null,
+        f = null;
+      function g() {
+        if (!t.params.scrollbar.el || !t.scrollbar.el) return;
+        const { scrollbar: e, rtlTranslate: s } = t,
+          { dragEl: a, el: i } = e,
+          r = t.params.scrollbar,
+          n = t.params.loop ? t.progressLoop : t.progress;
+        let l = c,
+          o = (p - c) * n;
+        s
+          ? ((o = -o),
+            o > 0 ? ((l = c - o), (o = 0)) : -o + c > p && (l = p + o))
+          : o < 0
+          ? ((l = c + o), (o = 0))
+          : o + c > p && (l = p - o),
+          t.isHorizontal()
+            ? ((a.style.transform = `translate3d(${o}px, 0, 0)`),
+              (a.style.width = `${l}px`))
+            : ((a.style.transform = `translate3d(0px, ${o}px, 0)`),
+              (a.style.height = `${l}px`)),
+          r.hide &&
+            (clearTimeout(h),
+            (i.style.opacity = 1),
+            (h = setTimeout(() => {
+              (i.style.opacity = 0), (i.style.transitionDuration = "400ms");
+            }, 1e3)));
+      }
+      function b() {
+        if (!t.params.scrollbar.el || !t.scrollbar.el) return;
+        const { scrollbar: e } = t,
+          { dragEl: s, el: a } = e;
+        (s.style.width = ""),
+          (s.style.height = ""),
+          (p = t.isHorizontal() ? a.offsetWidth : a.offsetHeight),
+          (u =
+            t.size /
+            (t.virtualSize +
+              t.params.slidesOffsetBefore -
+              (t.params.centeredSlides ? t.snapGrid[0] : 0))),
+          (c =
+            "auto" === t.params.scrollbar.dragSize
+              ? p * u
+              : parseInt(t.params.scrollbar.dragSize, 10)),
+          t.isHorizontal()
+            ? (s.style.width = `${c}px`)
+            : (s.style.height = `${c}px`),
+          (a.style.display = u >= 1 ? "none" : ""),
+          t.params.scrollbar.hide && (a.style.opacity = 0),
+          t.params.watchOverflow &&
+            t.enabled &&
+            e.el.classList[t.isLocked ? "add" : "remove"](
+              t.params.scrollbar.lockClass
+            );
+      }
+      function y(e) {
+        return t.isHorizontal() ? e.clientX : e.clientY;
+      }
+      function E(e) {
+        const { scrollbar: s, rtlTranslate: a } = t,
+          { el: i } = s;
+        let r;
+        (r =
+          (y(e) -
+            w(i)[t.isHorizontal() ? "left" : "top"] -
+            (null !== d ? d : c / 2)) /
+          (p - c)),
+          (r = Math.max(Math.min(r, 1), 0)),
+          a && (r = 1 - r);
+        const n = t.minTranslate() + (t.maxTranslate() - t.minTranslate()) * r;
+        t.updateProgress(n),
+          t.setTranslate(n),
+          t.updateActiveIndex(),
+          t.updateSlidesClasses();
+      }
+      function x(e) {
+        const s = t.params.scrollbar,
+          { scrollbar: a, wrapperEl: i } = t,
+          { el: n, dragEl: l } = a;
+        (m = !0),
+          (d =
+            e.target === l
+              ? y(e) -
+                e.target.getBoundingClientRect()[
+                  t.isHorizontal() ? "left" : "top"
+                ]
+              : null),
+          e.preventDefault(),
+          e.stopPropagation(),
+          (i.style.transitionDuration = "100ms"),
+          (l.style.transitionDuration = "100ms"),
+          E(e),
+          clearTimeout(f),
+          (n.style.transitionDuration = "0ms"),
+          s.hide && (n.style.opacity = 1),
+          t.params.cssMode && (t.wrapperEl.style["scroll-snap-type"] = "none"),
+          r("scrollbarDragStart", e);
+      }
+      function S(e) {
+        const { scrollbar: s, wrapperEl: a } = t,
+          { el: i, dragEl: n } = s;
+        m &&
+          (e.preventDefault && e.cancelable
+            ? e.preventDefault()
+            : (e.returnValue = !1),
+          E(e),
+          (a.style.transitionDuration = "0ms"),
+          (i.style.transitionDuration = "0ms"),
+          (n.style.transitionDuration = "0ms"),
+          r("scrollbarDragMove", e));
+      }
+      function M(e) {
+        const s = t.params.scrollbar,
+          { scrollbar: a, wrapperEl: i } = t,
+          { el: n } = a;
+        m &&
+          ((m = !1),
+          t.params.cssMode &&
+            ((t.wrapperEl.style["scroll-snap-type"] = ""),
+            (i.style.transitionDuration = "")),
+          s.hide &&
+            (clearTimeout(f),
+            (f = l(() => {
+              (n.style.opacity = 0), (n.style.transitionDuration = "400ms");
+            }, 1e3))),
+          r("scrollbarDragEnd", e),
+          s.snapOnRelease && t.slideToClosest());
+      }
+      function C(e) {
+        const { scrollbar: s, params: a } = t,
+          i = s.el;
+        if (!i) return;
+        const r = i,
+          n = !!a.passiveListeners && { passive: !1, capture: !1 },
+          l = !!a.passiveListeners && { passive: !0, capture: !1 };
+        if (!r) return;
+        const d = "on" === e ? "addEventListener" : "removeEventListener";
+        r[d]("pointerdown", x, n),
+          o[d]("pointermove", S, n),
+          o[d]("pointerup", M, l);
+      }
+      function P() {
+        const { scrollbar: e, el: s } = t;
+        t.params.scrollbar = ie(
+          t,
+          t.originalParams.scrollbar,
+          t.params.scrollbar,
+          { el: "swiper-scrollbar" }
+        );
+        const a = t.params.scrollbar;
+        if (!a.el) return;
+        let i, r;
+        if (
+          ("string" == typeof a.el &&
+            t.isElement &&
+            (i = t.el.querySelector(a.el)),
+          i || "string" != typeof a.el)
+        )
+          i || (i = a.el);
+        else if (((i = o.querySelectorAll(a.el)), !i.length)) return;
+        t.params.uniqueNavElements &&
+          "string" == typeof a.el &&
+          i.length > 1 &&
+          1 === s.querySelectorAll(a.el).length &&
+          (i = s.querySelector(a.el)),
+          i.length > 0 && (i = i[0]),
+          i.classList.add(
+            t.isHorizontal() ? a.horizontalClass : a.verticalClass
+          ),
+          i &&
+            ((r = i.querySelector(re(t.params.scrollbar.dragClass))),
+            r || ((r = v("div", t.params.scrollbar.dragClass)), i.append(r))),
+          Object.assign(e, { el: i, dragEl: r }),
+          a.draggable && t.params.scrollbar.el && t.scrollbar.el && C("on"),
+          i &&
+            i.classList[t.enabled ? "remove" : "add"](
+              ...n(t.params.scrollbar.lockClass)
+            );
+      }
+      function L() {
+        const e = t.params.scrollbar,
+          s = t.scrollbar.el;
+        s &&
+          s.classList.remove(
+            ...n(t.isHorizontal() ? e.horizontalClass : e.verticalClass)
+          ),
+          t.params.scrollbar.el && t.scrollbar.el && C("off");
+      }
+      s({
+        scrollbar: {
+          el: null,
+          dragSize: "auto",
+          hide: !1,
+          draggable: !1,
+          snapOnRelease: !0,
+          lockClass: "swiper-scrollbar-lock",
+          dragClass: "swiper-scrollbar-drag",
+          scrollbarDisabledClass: "swiper-scrollbar-disabled",
+          horizontalClass: "swiper-scrollbar-horizontal",
+          verticalClass: "swiper-scrollbar-vertical",
+        },
+      }),
+        (t.scrollbar = { el: null, dragEl: null }),
+        i("changeDirection", () => {
+          if (!t.scrollbar || !t.scrollbar.el) return;
+          const e = t.params.scrollbar;
+          let { el: s } = t.scrollbar;
+          (s = T(s)),
+            s.forEach((s) => {
+              s.classList.remove(e.horizontalClass, e.verticalClass),
+                s.classList.add(
+                  t.isHorizontal() ? e.horizontalClass : e.verticalClass
+                );
+            });
+        }),
+        i("init", () => {
+          !1 === t.params.scrollbar.enabled ? I() : (P(), b(), g());
+        }),
+        i("update resize observerUpdate lock unlock changeDirection", () => {
+          b();
+        }),
+        i("setTranslate", () => {
+          g();
+        }),
+        i("setTransition", (e, s) => {
+          !(function (e) {
+            t.params.scrollbar.el &&
+              t.scrollbar.el &&
+              (t.scrollbar.dragEl.style.transitionDuration = `${e}ms`);
+          })(s);
+        }),
+        i("enable disable", () => {
+          const { el: e } = t.scrollbar;
+          e &&
+            e.classList[t.enabled ? "remove" : "add"](
+              ...n(t.params.scrollbar.lockClass)
+            );
+        }),
+        i("destroy", () => {
+          L();
+        });
+      const I = () => {
+        t.el.classList.add(...n(t.params.scrollbar.scrollbarDisabledClass)),
+          t.scrollbar.el &&
+            t.scrollbar.el.classList.add(
+              ...n(t.params.scrollbar.scrollbarDisabledClass)
+            ),
+          L();
+      };
+      Object.assign(t.scrollbar, {
+        enable: () => {
+          t.el.classList.remove(
+            ...n(t.params.scrollbar.scrollbarDisabledClass)
+          ),
+            t.scrollbar.el &&
+              t.scrollbar.el.classList.remove(
+                ...n(t.params.scrollbar.scrollbarDisabledClass)
+              ),
+            P(),
+            b(),
+            g();
+        },
+        disable: I,
+        updateSize: b,
+        setTranslate: g,
+        init: P,
+        destroy: L,
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ parallax: { enabled: !1 } });
+      const i =
+          "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",
+        r = (e, s) => {
+          const { rtl: a } = t,
+            i = a ? -1 : 1,
+            r = e.getAttribute("data-swiper-parallax") || "0";
+          let n = e.getAttribute("data-swiper-parallax-x"),
+            l = e.getAttribute("data-swiper-parallax-y");
+          const o = e.getAttribute("data-swiper-parallax-scale"),
+            d = e.getAttribute("data-swiper-parallax-opacity"),
+            c = e.getAttribute("data-swiper-parallax-rotate");
+          if (
+            (n || l
+              ? ((n = n || "0"), (l = l || "0"))
+              : t.isHorizontal()
+              ? ((n = r), (l = "0"))
+              : ((l = r), (n = "0")),
+            (n =
+              n.indexOf("%") >= 0
+                ? parseInt(n, 10) * s * i + "%"
+                : n * s * i + "px"),
+            (l =
+              l.indexOf("%") >= 0 ? parseInt(l, 10) * s + "%" : l * s + "px"),
+            null != d)
+          ) {
+            const t = d - (d - 1) * (1 - Math.abs(s));
+            e.style.opacity = t;
+          }
+          let p = `translate3d(${n}, ${l}, 0px)`;
+          if (null != o) {
+            p += ` scale(${o - (o - 1) * (1 - Math.abs(s))})`;
+          }
+          if (c && null != c) {
+            p += ` rotate(${c * s * -1}deg)`;
+          }
+          e.style.transform = p;
+        },
+        n = () => {
+          const {
+              el: e,
+              slides: s,
+              progress: a,
+              snapGrid: n,
+              isElement: l,
+            } = t,
+            o = f(e, i);
+          t.isElement && o.push(...f(t.hostEl, i)),
+            o.forEach((e) => {
+              r(e, a);
+            }),
+            s.forEach((e, s) => {
+              let l = e.progress;
+              t.params.slidesPerGroup > 1 &&
+                "auto" !== t.params.slidesPerView &&
+                (l += Math.ceil(s / 2) - a * (n.length - 1)),
+                (l = Math.min(Math.max(l, -1), 1)),
+                e
+                  .querySelectorAll(`${i}, [data-swiper-parallax-rotate]`)
+                  .forEach((e) => {
+                    r(e, l);
+                  });
+            });
+        };
+      a("beforeInit", () => {
+        t.params.parallax.enabled &&
+          ((t.params.watchSlidesProgress = !0),
+          (t.originalParams.watchSlidesProgress = !0));
+      }),
+        a("init", () => {
+          t.params.parallax.enabled && n();
+        }),
+        a("setTranslate", () => {
+          t.params.parallax.enabled && n();
+        }),
+        a("setTransition", (e, s) => {
+          t.params.parallax.enabled &&
+            (function (e) {
+              void 0 === e && (e = t.params.speed);
+              const { el: s, hostEl: a } = t,
+                r = [...s.querySelectorAll(i)];
+              t.isElement && r.push(...a.querySelectorAll(i)),
+                r.forEach((t) => {
+                  let s =
+                    parseInt(
+                      t.getAttribute("data-swiper-parallax-duration"),
+                      10
+                    ) || e;
+                  0 === e && (s = 0), (t.style.transitionDuration = `${s}ms`);
+                });
+            })(s);
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a, emit: i } = e;
+      const n = r();
+      s({
+        zoom: {
+          enabled: !1,
+          limitToOriginalSize: !1,
+          maxRatio: 3,
+          minRatio: 1,
+          toggle: !0,
+          containerClass: "swiper-zoom-container",
+          zoomedSlideClass: "swiper-slide-zoomed",
+        },
+      }),
+        (t.zoom = { enabled: !1 });
+      let l,
+        o,
+        c = 1,
+        p = !1;
+      const u = [],
+        m = {
+          originX: 0,
+          originY: 0,
+          slideEl: void 0,
+          slideWidth: void 0,
+          slideHeight: void 0,
+          imageEl: void 0,
+          imageWrapEl: void 0,
+          maxRatio: 3,
+        },
+        h = {
+          isTouched: void 0,
+          isMoved: void 0,
+          currentX: void 0,
+          currentY: void 0,
+          minX: void 0,
+          minY: void 0,
+          maxX: void 0,
+          maxY: void 0,
+          width: void 0,
+          height: void 0,
+          startX: void 0,
+          startY: void 0,
+          touchesStart: {},
+          touchesCurrent: {},
+        },
+        g = {
+          x: void 0,
+          y: void 0,
+          prevPositionX: void 0,
+          prevPositionY: void 0,
+          prevTime: void 0,
+        };
+      let v,
+        b = 1;
+      function y() {
+        if (u.length < 2) return 1;
+        const e = u[0].pageX,
+          t = u[0].pageY,
+          s = u[1].pageX,
+          a = u[1].pageY;
+        return Math.sqrt((s - e) ** 2 + (a - t) ** 2);
+      }
+      function x() {
+        const e = t.params.zoom,
+          s = m.imageWrapEl.getAttribute("data-swiper-zoom") || e.maxRatio;
+        if (e.limitToOriginalSize && m.imageEl && m.imageEl.naturalWidth) {
+          const e = m.imageEl.naturalWidth / m.imageEl.offsetWidth;
+          return Math.min(e, s);
+        }
+        return s;
+      }
+      function S(e) {
+        const s = t.isElement ? "swiper-slide" : `.${t.params.slideClass}`;
+        return (
+          !!e.target.matches(s) ||
+          t.slides.filter((t) => t.contains(e.target)).length > 0
+        );
+      }
+      function T(e) {
+        if (("mouse" === e.pointerType && u.splice(0, u.length), !S(e))) return;
+        const s = t.params.zoom;
+        if (((l = !1), (o = !1), u.push(e), !(u.length < 2))) {
+          if (((l = !0), (m.scaleStart = y()), !m.slideEl)) {
+            (m.slideEl = e.target.closest(
+              `.${t.params.slideClass}, swiper-slide`
+            )),
+              m.slideEl || (m.slideEl = t.slides[t.activeIndex]);
+            let a = m.slideEl.querySelector(`.${s.containerClass}`);
+            if (
+              (a &&
+                (a = a.querySelectorAll(
+                  "picture, img, svg, canvas, .swiper-zoom-target"
+                )[0]),
+              (m.imageEl = a),
+              (m.imageWrapEl = a
+                ? E(m.imageEl, `.${s.containerClass}`)[0]
+                : void 0),
+              !m.imageWrapEl)
+            )
+              return void (m.imageEl = void 0);
+            m.maxRatio = x();
+          }
+          if (m.imageEl) {
+            const [e, t] = (function () {
+              if (u.length < 2) return { x: null, y: null };
+              const e = m.imageEl.getBoundingClientRect();
+              return [
+                (u[0].pageX + (u[1].pageX - u[0].pageX) / 2 - e.x - n.scrollX) /
+                  c,
+                (u[0].pageY + (u[1].pageY - u[0].pageY) / 2 - e.y - n.scrollY) /
+                  c,
+              ];
+            })();
+            (m.originX = e),
+              (m.originY = t),
+              (m.imageEl.style.transitionDuration = "0ms");
+          }
+          p = !0;
+        }
+      }
+      function M(e) {
+        if (!S(e)) return;
+        const s = t.params.zoom,
+          a = t.zoom,
+          i = u.findIndex((t) => t.pointerId === e.pointerId);
+        i >= 0 && (u[i] = e),
+          u.length < 2 ||
+            ((o = !0),
+            (m.scaleMove = y()),
+            m.imageEl &&
+              ((a.scale = (m.scaleMove / m.scaleStart) * c),
+              a.scale > m.maxRatio &&
+                (a.scale = m.maxRatio - 1 + (a.scale - m.maxRatio + 1) ** 0.5),
+              a.scale < s.minRatio &&
+                (a.scale = s.minRatio + 1 - (s.minRatio - a.scale + 1) ** 0.5),
+              (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`)));
+      }
+      function C(e) {
+        if (!S(e)) return;
+        if ("mouse" === e.pointerType && "pointerout" === e.type) return;
+        const s = t.params.zoom,
+          a = t.zoom,
+          i = u.findIndex((t) => t.pointerId === e.pointerId);
+        i >= 0 && u.splice(i, 1),
+          l &&
+            o &&
+            ((l = !1),
+            (o = !1),
+            m.imageEl &&
+              ((a.scale = Math.max(Math.min(a.scale, m.maxRatio), s.minRatio)),
+              (m.imageEl.style.transitionDuration = `${t.params.speed}ms`),
+              (m.imageEl.style.transform = `translate3d(0,0,0) scale(${a.scale})`),
+              (c = a.scale),
+              (p = !1),
+              a.scale > 1 && m.slideEl
+                ? m.slideEl.classList.add(`${s.zoomedSlideClass}`)
+                : a.scale <= 1 &&
+                  m.slideEl &&
+                  m.slideEl.classList.remove(`${s.zoomedSlideClass}`),
+              1 === a.scale &&
+                ((m.originX = 0), (m.originY = 0), (m.slideEl = void 0))));
+      }
+      function P() {
+        t.touchEventsData.preventTouchMoveFromPointerMove = !1;
+      }
+      function L(e) {
+        if (
+          !S(e) ||
+          !(function (e) {
+            const s = `.${t.params.zoom.containerClass}`;
+            return (
+              !!e.target.matches(s) ||
+              [...t.hostEl.querySelectorAll(s)].filter((t) =>
+                t.contains(e.target)
+              ).length > 0
+            );
+          })(e)
+        )
+          return;
+        const s = t.zoom;
+        if (!m.imageEl) return;
+        if (!h.isTouched || !m.slideEl) return;
+        h.isMoved ||
+          ((h.width = m.imageEl.offsetWidth || m.imageEl.clientWidth),
+          (h.height = m.imageEl.offsetHeight || m.imageEl.clientHeight),
+          (h.startX = d(m.imageWrapEl, "x") || 0),
+          (h.startY = d(m.imageWrapEl, "y") || 0),
+          (m.slideWidth = m.slideEl.offsetWidth),
+          (m.slideHeight = m.slideEl.offsetHeight),
+          (m.imageWrapEl.style.transitionDuration = "0ms"));
+        const a = h.width * s.scale,
+          i = h.height * s.scale;
+        (h.minX = Math.min(m.slideWidth / 2 - a / 2, 0)),
+          (h.maxX = -h.minX),
+          (h.minY = Math.min(m.slideHeight / 2 - i / 2, 0)),
+          (h.maxY = -h.minY),
+          (h.touchesCurrent.x = u.length > 0 ? u[0].pageX : e.pageX),
+          (h.touchesCurrent.y = u.length > 0 ? u[0].pageY : e.pageY);
+        if (
+          (Math.max(
+            Math.abs(h.touchesCurrent.x - h.touchesStart.x),
+            Math.abs(h.touchesCurrent.y - h.touchesStart.y)
+          ) > 5 && (t.allowClick = !1),
+          !h.isMoved && !p)
+        ) {
+          if (
+            t.isHorizontal() &&
+            ((Math.floor(h.minX) === Math.floor(h.startX) &&
+              h.touchesCurrent.x < h.touchesStart.x) ||
+              (Math.floor(h.maxX) === Math.floor(h.startX) &&
+                h.touchesCurrent.x > h.touchesStart.x))
+          )
+            return (h.isTouched = !1), void P();
+          if (
+            !t.isHorizontal() &&
+            ((Math.floor(h.minY) === Math.floor(h.startY) &&
+              h.touchesCurrent.y < h.touchesStart.y) ||
+              (Math.floor(h.maxY) === Math.floor(h.startY) &&
+                h.touchesCurrent.y > h.touchesStart.y))
+          )
+            return (h.isTouched = !1), void P();
+        }
+        e.cancelable && e.preventDefault(),
+          e.stopPropagation(),
+          clearTimeout(v),
+          (t.touchEventsData.preventTouchMoveFromPointerMove = !0),
+          (v = setTimeout(() => {
+            P();
+          })),
+          (h.isMoved = !0);
+        const r = (s.scale - c) / (m.maxRatio - t.params.zoom.minRatio),
+          { originX: n, originY: l } = m;
+        (h.currentX =
+          h.touchesCurrent.x -
+          h.touchesStart.x +
+          h.startX +
+          r * (h.width - 2 * n)),
+          (h.currentY =
+            h.touchesCurrent.y -
+            h.touchesStart.y +
+            h.startY +
+            r * (h.height - 2 * l)),
+          h.currentX < h.minX &&
+            (h.currentX = h.minX + 1 - (h.minX - h.currentX + 1) ** 0.8),
+          h.currentX > h.maxX &&
+            (h.currentX = h.maxX - 1 + (h.currentX - h.maxX + 1) ** 0.8),
+          h.currentY < h.minY &&
+            (h.currentY = h.minY + 1 - (h.minY - h.currentY + 1) ** 0.8),
+          h.currentY > h.maxY &&
+            (h.currentY = h.maxY - 1 + (h.currentY - h.maxY + 1) ** 0.8),
+          g.prevPositionX || (g.prevPositionX = h.touchesCurrent.x),
+          g.prevPositionY || (g.prevPositionY = h.touchesCurrent.y),
+          g.prevTime || (g.prevTime = Date.now()),
+          (g.x =
+            (h.touchesCurrent.x - g.prevPositionX) /
+            (Date.now() - g.prevTime) /
+            2),
+          (g.y =
+            (h.touchesCurrent.y - g.prevPositionY) /
+            (Date.now() - g.prevTime) /
+            2),
+          Math.abs(h.touchesCurrent.x - g.prevPositionX) < 2 && (g.x = 0),
+          Math.abs(h.touchesCurrent.y - g.prevPositionY) < 2 && (g.y = 0),
+          (g.prevPositionX = h.touchesCurrent.x),
+          (g.prevPositionY = h.touchesCurrent.y),
+          (g.prevTime = Date.now()),
+          (m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)`);
+      }
+      function I() {
+        const e = t.zoom;
+        m.slideEl &&
+          t.activeIndex !== t.slides.indexOf(m.slideEl) &&
+          (m.imageEl &&
+            (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"),
+          m.imageWrapEl &&
+            (m.imageWrapEl.style.transform = "translate3d(0,0,0)"),
+          m.slideEl.classList.remove(`${t.params.zoom.zoomedSlideClass}`),
+          (e.scale = 1),
+          (c = 1),
+          (m.slideEl = void 0),
+          (m.imageEl = void 0),
+          (m.imageWrapEl = void 0),
+          (m.originX = 0),
+          (m.originY = 0));
+      }
+      function A(e) {
+        const s = t.zoom,
+          a = t.params.zoom;
+        if (!m.slideEl) {
+          e &&
+            e.target &&
+            (m.slideEl = e.target.closest(
+              `.${t.params.slideClass}, swiper-slide`
+            )),
+            m.slideEl ||
+              (t.params.virtual && t.params.virtual.enabled && t.virtual
+                ? (m.slideEl = f(
+                    t.slidesEl,
+                    `.${t.params.slideActiveClass}`
+                  )[0])
+                : (m.slideEl = t.slides[t.activeIndex]));
+          let s = m.slideEl.querySelector(`.${a.containerClass}`);
+          s &&
+            (s = s.querySelectorAll(
+              "picture, img, svg, canvas, .swiper-zoom-target"
+            )[0]),
+            (m.imageEl = s),
+            (m.imageWrapEl = s
+              ? E(m.imageEl, `.${a.containerClass}`)[0]
+              : void 0);
+        }
+        if (!m.imageEl || !m.imageWrapEl) return;
+        let i, r, l, o, d, p, u, g, v, b, y, S, T, M, C, P, L, I;
+        t.params.cssMode &&
+          ((t.wrapperEl.style.overflow = "hidden"),
+          (t.wrapperEl.style.touchAction = "none")),
+          m.slideEl.classList.add(`${a.zoomedSlideClass}`),
+          void 0 === h.touchesStart.x && e
+            ? ((i = e.pageX), (r = e.pageY))
+            : ((i = h.touchesStart.x), (r = h.touchesStart.y));
+        const A = "number" == typeof e ? e : null;
+        1 === c && A && ((i = void 0), (r = void 0));
+        const z = x();
+        (s.scale = A || z),
+          (c = A || z),
+          !e || (1 === c && A)
+            ? ((u = 0), (g = 0))
+            : ((L = m.slideEl.offsetWidth),
+              (I = m.slideEl.offsetHeight),
+              (l = w(m.slideEl).left + n.scrollX),
+              (o = w(m.slideEl).top + n.scrollY),
+              (d = l + L / 2 - i),
+              (p = o + I / 2 - r),
+              (v = m.imageEl.offsetWidth || m.imageEl.clientWidth),
+              (b = m.imageEl.offsetHeight || m.imageEl.clientHeight),
+              (y = v * s.scale),
+              (S = b * s.scale),
+              (T = Math.min(L / 2 - y / 2, 0)),
+              (M = Math.min(I / 2 - S / 2, 0)),
+              (C = -T),
+              (P = -M),
+              (u = d * s.scale),
+              (g = p * s.scale),
+              u < T && (u = T),
+              u > C && (u = C),
+              g < M && (g = M),
+              g > P && (g = P)),
+          A && 1 === s.scale && ((m.originX = 0), (m.originY = 0)),
+          (m.imageWrapEl.style.transitionDuration = "300ms"),
+          (m.imageWrapEl.style.transform = `translate3d(${u}px, ${g}px,0)`),
+          (m.imageEl.style.transitionDuration = "300ms"),
+          (m.imageEl.style.transform = `translate3d(0,0,0) scale(${s.scale})`);
+      }
+      function z() {
+        const e = t.zoom,
+          s = t.params.zoom;
+        if (!m.slideEl) {
+          t.params.virtual && t.params.virtual.enabled && t.virtual
+            ? (m.slideEl = f(t.slidesEl, `.${t.params.slideActiveClass}`)[0])
+            : (m.slideEl = t.slides[t.activeIndex]);
+          let e = m.slideEl.querySelector(`.${s.containerClass}`);
+          e &&
+            (e = e.querySelectorAll(
+              "picture, img, svg, canvas, .swiper-zoom-target"
+            )[0]),
+            (m.imageEl = e),
+            (m.imageWrapEl = e
+              ? E(m.imageEl, `.${s.containerClass}`)[0]
+              : void 0);
+        }
+        m.imageEl &&
+          m.imageWrapEl &&
+          (t.params.cssMode &&
+            ((t.wrapperEl.style.overflow = ""),
+            (t.wrapperEl.style.touchAction = "")),
+          (e.scale = 1),
+          (c = 1),
+          (m.imageWrapEl.style.transitionDuration = "300ms"),
+          (m.imageWrapEl.style.transform = "translate3d(0,0,0)"),
+          (m.imageEl.style.transitionDuration = "300ms"),
+          (m.imageEl.style.transform = "translate3d(0,0,0) scale(1)"),
+          m.slideEl.classList.remove(`${s.zoomedSlideClass}`),
+          (m.slideEl = void 0),
+          (m.originX = 0),
+          (m.originY = 0));
+      }
+      function $(e) {
+        const s = t.zoom;
+        s.scale && 1 !== s.scale ? z() : A(e);
+      }
+      function k() {
+        return {
+          passiveListener: !!t.params.passiveListeners && {
+            passive: !0,
+            capture: !1,
+          },
+          activeListenerWithCapture: !t.params.passiveListeners || {
+            passive: !1,
+            capture: !0,
+          },
+        };
+      }
+      function O() {
+        const e = t.zoom;
+        if (e.enabled) return;
+        e.enabled = !0;
+        const { passiveListener: s, activeListenerWithCapture: a } = k();
+        t.wrapperEl.addEventListener("pointerdown", T, s),
+          t.wrapperEl.addEventListener("pointermove", M, a),
+          ["pointerup", "pointercancel", "pointerout"].forEach((e) => {
+            t.wrapperEl.addEventListener(e, C, s);
+          }),
+          t.wrapperEl.addEventListener("pointermove", L, a);
+      }
+      function D() {
+        const e = t.zoom;
+        if (!e.enabled) return;
+        e.enabled = !1;
+        const { passiveListener: s, activeListenerWithCapture: a } = k();
+        t.wrapperEl.removeEventListener("pointerdown", T, s),
+          t.wrapperEl.removeEventListener("pointermove", M, a),
+          ["pointerup", "pointercancel", "pointerout"].forEach((e) => {
+            t.wrapperEl.removeEventListener(e, C, s);
+          }),
+          t.wrapperEl.removeEventListener("pointermove", L, a);
+      }
+      Object.defineProperty(t.zoom, "scale", {
+        get: () => b,
+        set(e) {
+          if (b !== e) {
+            const t = m.imageEl,
+              s = m.slideEl;
+            i("zoomChange", e, t, s);
+          }
+          b = e;
+        },
+      }),
+        a("init", () => {
+          t.params.zoom.enabled && O();
+        }),
+        a("destroy", () => {
+          D();
+        }),
+        a("touchStart", (e, s) => {
+          t.zoom.enabled &&
+            (function (e) {
+              const s = t.device;
+              if (!m.imageEl) return;
+              if (h.isTouched) return;
+              s.android && e.cancelable && e.preventDefault(),
+                (h.isTouched = !0);
+              const a = u.length > 0 ? u[0] : e;
+              (h.touchesStart.x = a.pageX), (h.touchesStart.y = a.pageY);
+            })(s);
+        }),
+        a("touchEnd", (e, s) => {
+          t.zoom.enabled &&
+            (function () {
+              const e = t.zoom;
+              if (!m.imageEl) return;
+              if (!h.isTouched || !h.isMoved)
+                return (h.isTouched = !1), void (h.isMoved = !1);
+              (h.isTouched = !1), (h.isMoved = !1);
+              let s = 300,
+                a = 300;
+              const i = g.x * s,
+                r = h.currentX + i,
+                n = g.y * a,
+                l = h.currentY + n;
+              0 !== g.x && (s = Math.abs((r - h.currentX) / g.x)),
+                0 !== g.y && (a = Math.abs((l - h.currentY) / g.y));
+              const o = Math.max(s, a);
+              (h.currentX = r), (h.currentY = l);
+              const d = h.width * e.scale,
+                c = h.height * e.scale;
+              (h.minX = Math.min(m.slideWidth / 2 - d / 2, 0)),
+                (h.maxX = -h.minX),
+                (h.minY = Math.min(m.slideHeight / 2 - c / 2, 0)),
+                (h.maxY = -h.minY),
+                (h.currentX = Math.max(Math.min(h.currentX, h.maxX), h.minX)),
+                (h.currentY = Math.max(Math.min(h.currentY, h.maxY), h.minY)),
+                (m.imageWrapEl.style.transitionDuration = `${o}ms`),
+                (m.imageWrapEl.style.transform = `translate3d(${h.currentX}px, ${h.currentY}px,0)`);
+            })();
+        }),
+        a("doubleTap", (e, s) => {
+          !t.animating &&
+            t.params.zoom.enabled &&
+            t.zoom.enabled &&
+            t.params.zoom.toggle &&
+            $(s);
+        }),
+        a("transitionEnd", () => {
+          t.zoom.enabled && t.params.zoom.enabled && I();
+        }),
+        a("slideChange", () => {
+          t.zoom.enabled && t.params.zoom.enabled && t.params.cssMode && I();
+        }),
+        Object.assign(t.zoom, {
+          enable: O,
+          disable: D,
+          in: A,
+          out: z,
+          toggle: $,
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      function i(e, t) {
+        const s = (function () {
+          let e, t, s;
+          return (a, i) => {
+            for (t = -1, e = a.length; e - t > 1; )
+              (s = (e + t) >> 1), a[s] <= i ? (t = s) : (e = s);
+            return e;
+          };
+        })();
+        let a, i;
+        return (
+          (this.x = e),
+          (this.y = t),
+          (this.lastIndex = e.length - 1),
+          (this.interpolate = function (e) {
+            return e
+              ? ((i = s(this.x, e)),
+                (a = i - 1),
+                ((e - this.x[a]) * (this.y[i] - this.y[a])) /
+                  (this.x[i] - this.x[a]) +
+                  this.y[a])
+              : 0;
+          }),
+          this
+        );
+      }
+      function r() {
+        t.controller.control &&
+          t.controller.spline &&
+          ((t.controller.spline = void 0), delete t.controller.spline);
+      }
+      s({ controller: { control: void 0, inverse: !1, by: "slide" } }),
+        (t.controller = { control: void 0 }),
+        a("beforeInit", () => {
+          if (
+            "undefined" != typeof window &&
+            ("string" == typeof t.params.controller.control ||
+              t.params.controller.control instanceof HTMLElement)
+          ) {
+            const e = document.querySelector(t.params.controller.control);
+            if (e && e.swiper) t.controller.control = e.swiper;
+            else if (e) {
+              const s = (a) => {
+                (t.controller.control = a.detail[0]),
+                  t.update(),
+                  e.removeEventListener("init", s);
+              };
+              e.addEventListener("init", s);
+            }
+          } else t.controller.control = t.params.controller.control;
+        }),
+        a("update", () => {
+          r();
+        }),
+        a("resize", () => {
+          r();
+        }),
+        a("observerUpdate", () => {
+          r();
+        }),
+        a("setTranslate", (e, s, a) => {
+          t.controller.control &&
+            !t.controller.control.destroyed &&
+            t.controller.setTranslate(s, a);
+        }),
+        a("setTransition", (e, s, a) => {
+          t.controller.control &&
+            !t.controller.control.destroyed &&
+            t.controller.setTransition(s, a);
+        }),
+        Object.assign(t.controller, {
+          setTranslate: function (e, s) {
+            const a = t.controller.control;
+            let r, n;
+            const l = t.constructor;
+            function o(e) {
+              if (e.destroyed) return;
+              const s = t.rtlTranslate ? -t.translate : t.translate;
+              "slide" === t.params.controller.by &&
+                (!(function (e) {
+                  t.controller.spline = t.params.loop
+                    ? new i(t.slidesGrid, e.slidesGrid)
+                    : new i(t.snapGrid, e.snapGrid);
+                })(e),
+                (n = -t.controller.spline.interpolate(-s))),
+                (n && "container" !== t.params.controller.by) ||
+                  ((r =
+                    (e.maxTranslate() - e.minTranslate()) /
+                    (t.maxTranslate() - t.minTranslate())),
+                  (!Number.isNaN(r) && Number.isFinite(r)) || (r = 1),
+                  (n = (s - t.minTranslate()) * r + e.minTranslate())),
+                t.params.controller.inverse && (n = e.maxTranslate() - n),
+                e.updateProgress(n),
+                e.setTranslate(n, t),
+                e.updateActiveIndex(),
+                e.updateSlidesClasses();
+            }
+            if (Array.isArray(a))
+              for (let e = 0; e < a.length; e += 1)
+                a[e] !== s && a[e] instanceof l && o(a[e]);
+            else a instanceof l && s !== a && o(a);
+          },
+          setTransition: function (e, s) {
+            const a = t.constructor,
+              i = t.controller.control;
+            let r;
+            function n(s) {
+              s.destroyed ||
+                (s.setTransition(e, t),
+                0 !== e &&
+                  (s.transitionStart(),
+                  s.params.autoHeight &&
+                    l(() => {
+                      s.updateAutoHeight();
+                    }),
+                  x(s.wrapperEl, () => {
+                    i && s.transitionEnd();
+                  })));
+            }
+            if (Array.isArray(i))
+              for (r = 0; r < i.length; r += 1)
+                i[r] !== s && i[r] instanceof a && n(i[r]);
+            else i instanceof a && s !== i && n(i);
+          },
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i } = e;
+      s({
+        a11y: {
+          enabled: !0,
+          notificationClass: "swiper-notification",
+          prevSlideMessage: "Previous slide",
+          nextSlideMessage: "Next slide",
+          firstSlideMessage: "This is the first slide",
+          lastSlideMessage: "This is the last slide",
+          paginationBulletMessage: "Go to slide {{index}}",
+          slideLabelMessage: "{{index}} / {{slidesLength}}",
+          containerMessage: null,
+          containerRoleDescriptionMessage: null,
+          itemRoleDescriptionMessage: null,
+          slideRole: "group",
+          id: null,
+        },
+      }),
+        (t.a11y = { clicked: !1 });
+      let r,
+        n,
+        l = null,
+        o = new Date().getTime();
+      function d(e) {
+        const t = l;
+        0 !== t.length && ((t.innerHTML = ""), (t.innerHTML = e));
+      }
+      function c(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("tabIndex", "0");
+        });
+      }
+      function p(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("tabIndex", "-1");
+        });
+      }
+      function u(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("role", t);
+        });
+      }
+      function m(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-roledescription", t);
+        });
+      }
+      function h(e, t) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-label", t);
+        });
+      }
+      function f(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-disabled", !0);
+        });
+      }
+      function g(e) {
+        (e = T(e)).forEach((e) => {
+          e.setAttribute("aria-disabled", !1);
+        });
+      }
+      function w(e) {
+        if (13 !== e.keyCode && 32 !== e.keyCode) return;
+        const s = t.params.a11y,
+          a = e.target;
+        if (
+          !t.pagination ||
+          !t.pagination.el ||
+          (a !== t.pagination.el && !t.pagination.el.contains(e.target)) ||
+          e.target.matches(re(t.params.pagination.bulletClass))
+        ) {
+          if (t.navigation && t.navigation.prevEl && t.navigation.nextEl) {
+            const e = T(t.navigation.prevEl);
+            T(t.navigation.nextEl).includes(a) &&
+              ((t.isEnd && !t.params.loop) || t.slideNext(),
+              t.isEnd ? d(s.lastSlideMessage) : d(s.nextSlideMessage)),
+              e.includes(a) &&
+                ((t.isBeginning && !t.params.loop) || t.slidePrev(),
+                t.isBeginning ? d(s.firstSlideMessage) : d(s.prevSlideMessage));
+          }
+          t.pagination &&
+            a.matches(re(t.params.pagination.bulletClass)) &&
+            a.click();
+        }
+      }
+      function b() {
+        return (
+          t.pagination && t.pagination.bullets && t.pagination.bullets.length
+        );
+      }
+      function E() {
+        return b() && t.params.pagination.clickable;
+      }
+      const x = (e, t, s) => {
+          c(e),
+            "BUTTON" !== e.tagName &&
+              (u(e, "button"), e.addEventListener("keydown", w)),
+            h(e, s),
+            (function (e, t) {
+              (e = T(e)).forEach((e) => {
+                e.setAttribute("aria-controls", t);
+              });
+            })(e, t);
+        },
+        S = (e) => {
+          n && n !== e.target && !n.contains(e.target) && (r = !0),
+            (t.a11y.clicked = !0);
+        },
+        M = () => {
+          (r = !1),
+            requestAnimationFrame(() => {
+              requestAnimationFrame(() => {
+                t.destroyed || (t.a11y.clicked = !1);
+              });
+            });
+        },
+        C = (e) => {
+          o = new Date().getTime();
+        },
+        P = (e) => {
+          if (t.a11y.clicked) return;
+          if (new Date().getTime() - o < 100) return;
+          const s = e.target.closest(`.${t.params.slideClass}, swiper-slide`);
+          if (!s || !t.slides.includes(s)) return;
+          n = s;
+          const a = t.slides.indexOf(s) === t.activeIndex,
+            i =
+              t.params.watchSlidesProgress &&
+              t.visibleSlides &&
+              t.visibleSlides.includes(s);
+          a ||
+            i ||
+            (e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents) ||
+            (t.isHorizontal() ? (t.el.scrollLeft = 0) : (t.el.scrollTop = 0),
+            requestAnimationFrame(() => {
+              r ||
+                (t.params.loop
+                  ? t.slideToLoop(
+                      parseInt(s.getAttribute("data-swiper-slide-index")),
+                      0
+                    )
+                  : t.slideTo(t.slides.indexOf(s), 0),
+                (r = !1));
+            }));
+        },
+        L = () => {
+          const e = t.params.a11y;
+          e.itemRoleDescriptionMessage &&
+            m(t.slides, e.itemRoleDescriptionMessage),
+            e.slideRole && u(t.slides, e.slideRole);
+          const s = t.slides.length;
+          e.slideLabelMessage &&
+            t.slides.forEach((a, i) => {
+              const r = t.params.loop
+                ? parseInt(a.getAttribute("data-swiper-slide-index"), 10)
+                : i;
+              h(
+                a,
+                e.slideLabelMessage
+                  .replace(/\{\{index\}\}/, r + 1)
+                  .replace(/\{\{slidesLength\}\}/, s)
+              );
+            });
+        },
+        I = () => {
+          const e = t.params.a11y;
+          t.el.append(l);
+          const s = t.el;
+          e.containerRoleDescriptionMessage &&
+            m(s, e.containerRoleDescriptionMessage),
+            e.containerMessage && h(s, e.containerMessage);
+          const i = t.wrapperEl,
+            r =
+              e.id ||
+              i.getAttribute("id") ||
+              `swiper-wrapper-${
+                ((n = 16),
+                void 0 === n && (n = 16),
+                "x"
+                  .repeat(n)
+                  .replace(/x/g, () =>
+                    Math.round(16 * Math.random()).toString(16)
+                  ))
+              }`;
+          var n;
+          const o =
+            t.params.autoplay && t.params.autoplay.enabled ? "off" : "polite";
+          var d;
+          (d = r),
+            T(i).forEach((e) => {
+              e.setAttribute("id", d);
+            }),
+            (function (e, t) {
+              (e = T(e)).forEach((e) => {
+                e.setAttribute("aria-live", t);
+              });
+            })(i, o),
+            L();
+          let { nextEl: c, prevEl: p } = t.navigation ? t.navigation : {};
+          if (
+            ((c = T(c)),
+            (p = T(p)),
+            c && c.forEach((t) => x(t, r, e.nextSlideMessage)),
+            p && p.forEach((t) => x(t, r, e.prevSlideMessage)),
+            E())
+          ) {
+            T(t.pagination.el).forEach((e) => {
+              e.addEventListener("keydown", w);
+            });
+          }
+          a().addEventListener("visibilitychange", C),
+            t.el.addEventListener("focus", P, !0),
+            t.el.addEventListener("focus", P, !0),
+            t.el.addEventListener("pointerdown", S, !0),
+            t.el.addEventListener("pointerup", M, !0);
+        };
+      i("beforeInit", () => {
+        (l = v("span", t.params.a11y.notificationClass)),
+          l.setAttribute("aria-live", "assertive"),
+          l.setAttribute("aria-atomic", "true");
+      }),
+        i("afterInit", () => {
+          t.params.a11y.enabled && I();
+        }),
+        i(
+          "slidesLengthChange snapGridLengthChange slidesGridLengthChange",
+          () => {
+            t.params.a11y.enabled && L();
+          }
+        ),
+        i("fromEdge toEdge afterInit lock unlock", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              if (t.params.loop || t.params.rewind || !t.navigation) return;
+              const { nextEl: e, prevEl: s } = t.navigation;
+              s && (t.isBeginning ? (f(s), p(s)) : (g(s), c(s))),
+                e && (t.isEnd ? (f(e), p(e)) : (g(e), c(e)));
+            })();
+        }),
+        i("paginationUpdate", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              const e = t.params.a11y;
+              b() &&
+                t.pagination.bullets.forEach((s) => {
+                  t.params.pagination.clickable &&
+                    (c(s),
+                    t.params.pagination.renderBullet ||
+                      (u(s, "button"),
+                      h(
+                        s,
+                        e.paginationBulletMessage.replace(
+                          /\{\{index\}\}/,
+                          y(s) + 1
+                        )
+                      ))),
+                    s.matches(re(t.params.pagination.bulletActiveClass))
+                      ? s.setAttribute("aria-current", "true")
+                      : s.removeAttribute("aria-current");
+                });
+            })();
+        }),
+        i("destroy", () => {
+          t.params.a11y.enabled &&
+            (function () {
+              l && l.remove();
+              let { nextEl: e, prevEl: s } = t.navigation ? t.navigation : {};
+              (e = T(e)),
+                (s = T(s)),
+                e && e.forEach((e) => e.removeEventListener("keydown", w)),
+                s && s.forEach((e) => e.removeEventListener("keydown", w)),
+                E() &&
+                  T(t.pagination.el).forEach((e) => {
+                    e.removeEventListener("keydown", w);
+                  });
+              a().removeEventListener("visibilitychange", C),
+                t.el &&
+                  "string" != typeof t.el &&
+                  (t.el.removeEventListener("focus", P, !0),
+                  t.el.removeEventListener("pointerdown", S, !0),
+                  t.el.removeEventListener("pointerup", M, !0));
+            })();
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        history: {
+          enabled: !1,
+          root: "",
+          replaceState: !1,
+          key: "slides",
+          keepQuery: !1,
+        },
+      });
+      let i = !1,
+        n = {};
+      const l = (e) =>
+          e
+            .toString()
+            .replace(/\s+/g, "-")
+            .replace(/[^\w-]+/g, "")
+            .replace(/--+/g, "-")
+            .replace(/^-+/, "")
+            .replace(/-+$/, ""),
+        o = (e) => {
+          const t = r();
+          let s;
+          s = e ? new URL(e) : t.location;
+          const a = s.pathname
+              .slice(1)
+              .split("/")
+              .filter((e) => "" !== e),
+            i = a.length;
+          return { key: a[i - 2], value: a[i - 1] };
+        },
+        d = (e, s) => {
+          const a = r();
+          if (!i || !t.params.history.enabled) return;
+          let n;
+          n = t.params.url ? new URL(t.params.url) : a.location;
+          const o =
+            t.virtual && t.params.virtual.enabled
+              ? t.slidesEl.querySelector(`[data-swiper-slide-index="${s}"]`)
+              : t.slides[s];
+          let d = l(o.getAttribute("data-history"));
+          if (t.params.history.root.length > 0) {
+            let s = t.params.history.root;
+            "/" === s[s.length - 1] && (s = s.slice(0, s.length - 1)),
+              (d = `${s}/${e ? `${e}/` : ""}${d}`);
+          } else n.pathname.includes(e) || (d = `${e ? `${e}/` : ""}${d}`);
+          t.params.history.keepQuery && (d += n.search);
+          const c = a.history.state;
+          (c && c.value === d) ||
+            (t.params.history.replaceState
+              ? a.history.replaceState({ value: d }, null, d)
+              : a.history.pushState({ value: d }, null, d));
+        },
+        c = (e, s, a) => {
+          if (s)
+            for (let i = 0, r = t.slides.length; i < r; i += 1) {
+              const r = t.slides[i];
+              if (l(r.getAttribute("data-history")) === s) {
+                const s = t.getSlideIndex(r);
+                t.slideTo(s, e, a);
+              }
+            }
+          else t.slideTo(0, e, a);
+        },
+        p = () => {
+          (n = o(t.params.url)), c(t.params.speed, n.value, !1);
+        };
+      a("init", () => {
+        t.params.history.enabled &&
+          (() => {
+            const e = r();
+            if (t.params.history) {
+              if (!e.history || !e.history.pushState)
+                return (
+                  (t.params.history.enabled = !1),
+                  void (t.params.hashNavigation.enabled = !0)
+                );
+              (i = !0),
+                (n = o(t.params.url)),
+                n.key || n.value
+                  ? (c(0, n.value, t.params.runCallbacksOnInit),
+                    t.params.history.replaceState ||
+                      e.addEventListener("popstate", p))
+                  : t.params.history.replaceState ||
+                    e.addEventListener("popstate", p);
+            }
+          })();
+      }),
+        a("destroy", () => {
+          t.params.history.enabled &&
+            (() => {
+              const e = r();
+              t.params.history.replaceState ||
+                e.removeEventListener("popstate", p);
+            })();
+        }),
+        a("transitionEnd _freeModeNoMomentumRelease", () => {
+          i && d(t.params.history.key, t.activeIndex);
+        }),
+        a("slideChange", () => {
+          i && t.params.cssMode && d(t.params.history.key, t.activeIndex);
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, emit: i, on: n } = e,
+        l = !1;
+      const o = a(),
+        d = r();
+      s({
+        hashNavigation: {
+          enabled: !1,
+          replaceState: !1,
+          watchState: !1,
+          getSlideIndex(e, s) {
+            if (t.virtual && t.params.virtual.enabled) {
+              const e = t.slides.filter(
+                (e) => e.getAttribute("data-hash") === s
+              )[0];
+              if (!e) return 0;
+              return parseInt(e.getAttribute("data-swiper-slide-index"), 10);
+            }
+            return t.getSlideIndex(
+              f(
+                t.slidesEl,
+                `.${t.params.slideClass}[data-hash="${s}"], swiper-slide[data-hash="${s}"]`
+              )[0]
+            );
+          },
+        },
+      });
+      const c = () => {
+          i("hashChange");
+          const e = o.location.hash.replace("#", ""),
+            s =
+              t.virtual && t.params.virtual.enabled
+                ? t.slidesEl.querySelector(
+                    `[data-swiper-slide-index="${t.activeIndex}"]`
+                  )
+                : t.slides[t.activeIndex];
+          if (e !== (s ? s.getAttribute("data-hash") : "")) {
+            const s = t.params.hashNavigation.getSlideIndex(t, e);
+            if (void 0 === s || Number.isNaN(s)) return;
+            t.slideTo(s);
+          }
+        },
+        p = () => {
+          if (!l || !t.params.hashNavigation.enabled) return;
+          const e =
+              t.virtual && t.params.virtual.enabled
+                ? t.slidesEl.querySelector(
+                    `[data-swiper-slide-index="${t.activeIndex}"]`
+                  )
+                : t.slides[t.activeIndex],
+            s = e
+              ? e.getAttribute("data-hash") || e.getAttribute("data-history")
+              : "";
+          t.params.hashNavigation.replaceState &&
+          d.history &&
+          d.history.replaceState
+            ? (d.history.replaceState(null, null, `#${s}` || ""), i("hashSet"))
+            : ((o.location.hash = s || ""), i("hashSet"));
+        };
+      n("init", () => {
+        t.params.hashNavigation.enabled &&
+          (() => {
+            if (
+              !t.params.hashNavigation.enabled ||
+              (t.params.history && t.params.history.enabled)
+            )
+              return;
+            l = !0;
+            const e = o.location.hash.replace("#", "");
+            if (e) {
+              const s = 0,
+                a = t.params.hashNavigation.getSlideIndex(t, e);
+              t.slideTo(a || 0, s, t.params.runCallbacksOnInit, !0);
+            }
+            t.params.hashNavigation.watchState &&
+              d.addEventListener("hashchange", c);
+          })();
+      }),
+        n("destroy", () => {
+          t.params.hashNavigation.enabled &&
+            t.params.hashNavigation.watchState &&
+            d.removeEventListener("hashchange", c);
+        }),
+        n("transitionEnd _freeModeNoMomentumRelease", () => {
+          l && p();
+        }),
+        n("slideChange", () => {
+          l && t.params.cssMode && p();
+        });
+    },
+    function (e) {
+      let t,
+        s,
+        { swiper: i, extendParams: r, on: n, emit: l, params: o } = e;
+      (i.autoplay = { running: !1, paused: !1, timeLeft: 0 }),
+        r({
+          autoplay: {
+            enabled: !1,
+            delay: 3e3,
+            waitForTransition: !0,
+            disableOnInteraction: !1,
+            stopOnLastSlide: !1,
+            reverseDirection: !1,
+            pauseOnMouseEnter: !1,
+          },
+        });
+      let d,
+        c,
+        p,
+        u,
+        m,
+        h,
+        f,
+        g,
+        v = o && o.autoplay ? o.autoplay.delay : 3e3,
+        w = o && o.autoplay ? o.autoplay.delay : 3e3,
+        b = new Date().getTime();
+      function y(e) {
+        i &&
+          !i.destroyed &&
+          i.wrapperEl &&
+          e.target === i.wrapperEl &&
+          (i.wrapperEl.removeEventListener("transitionend", y),
+          g || (e.detail && e.detail.bySwiperTouchMove) || C());
+      }
+      const E = () => {
+          if (i.destroyed || !i.autoplay.running) return;
+          i.autoplay.paused ? (c = !0) : c && ((w = d), (c = !1));
+          const e = i.autoplay.paused ? d : b + w - new Date().getTime();
+          (i.autoplay.timeLeft = e),
+            l("autoplayTimeLeft", e, e / v),
+            (s = requestAnimationFrame(() => {
+              E();
+            }));
+        },
+        x = (e) => {
+          if (i.destroyed || !i.autoplay.running) return;
+          cancelAnimationFrame(s), E();
+          let a = void 0 === e ? i.params.autoplay.delay : e;
+          (v = i.params.autoplay.delay), (w = i.params.autoplay.delay);
+          const r = (() => {
+            let e;
+            if (
+              ((e =
+                i.virtual && i.params.virtual.enabled
+                  ? i.slides.filter((e) =>
+                      e.classList.contains("swiper-slide-active")
+                    )[0]
+                  : i.slides[i.activeIndex]),
+              !e)
+            )
+              return;
+            return parseInt(e.getAttribute("data-swiper-autoplay"), 10);
+          })();
+          !Number.isNaN(r) &&
+            r > 0 &&
+            void 0 === e &&
+            ((a = r), (v = r), (w = r)),
+            (d = a);
+          const n = i.params.speed,
+            o = () => {
+              i &&
+                !i.destroyed &&
+                (i.params.autoplay.reverseDirection
+                  ? !i.isBeginning || i.params.loop || i.params.rewind
+                    ? (i.slidePrev(n, !0, !0), l("autoplay"))
+                    : i.params.autoplay.stopOnLastSlide ||
+                      (i.slideTo(i.slides.length - 1, n, !0, !0), l("autoplay"))
+                  : !i.isEnd || i.params.loop || i.params.rewind
+                  ? (i.slideNext(n, !0, !0), l("autoplay"))
+                  : i.params.autoplay.stopOnLastSlide ||
+                    (i.slideTo(0, n, !0, !0), l("autoplay")),
+                i.params.cssMode &&
+                  ((b = new Date().getTime()),
+                  requestAnimationFrame(() => {
+                    x();
+                  })));
+            };
+          return (
+            a > 0
+              ? (clearTimeout(t),
+                (t = setTimeout(() => {
+                  o();
+                }, a)))
+              : requestAnimationFrame(() => {
+                  o();
+                }),
+            a
+          );
+        },
+        S = () => {
+          (b = new Date().getTime()),
+            (i.autoplay.running = !0),
+            x(),
+            l("autoplayStart");
+        },
+        T = () => {
+          (i.autoplay.running = !1),
+            clearTimeout(t),
+            cancelAnimationFrame(s),
+            l("autoplayStop");
+        },
+        M = (e, s) => {
+          if (i.destroyed || !i.autoplay.running) return;
+          clearTimeout(t), e || (f = !0);
+          const a = () => {
+            l("autoplayPause"),
+              i.params.autoplay.waitForTransition
+                ? i.wrapperEl.addEventListener("transitionend", y)
+                : C();
+          };
+          if (((i.autoplay.paused = !0), s))
+            return h && (d = i.params.autoplay.delay), (h = !1), void a();
+          const r = d || i.params.autoplay.delay;
+          (d = r - (new Date().getTime() - b)),
+            (i.isEnd && d < 0 && !i.params.loop) || (d < 0 && (d = 0), a());
+        },
+        C = () => {
+          (i.isEnd && d < 0 && !i.params.loop) ||
+            i.destroyed ||
+            !i.autoplay.running ||
+            ((b = new Date().getTime()),
+            f ? ((f = !1), x(d)) : x(),
+            (i.autoplay.paused = !1),
+            l("autoplayResume"));
+        },
+        P = () => {
+          if (i.destroyed || !i.autoplay.running) return;
+          const e = a();
+          "hidden" === e.visibilityState && ((f = !0), M(!0)),
+            "visible" === e.visibilityState && C();
+        },
+        L = (e) => {
+          "mouse" === e.pointerType &&
+            ((f = !0), (g = !0), i.animating || i.autoplay.paused || M(!0));
+        },
+        I = (e) => {
+          "mouse" === e.pointerType && ((g = !1), i.autoplay.paused && C());
+        };
+      n("init", () => {
+        i.params.autoplay.enabled &&
+          (i.params.autoplay.pauseOnMouseEnter &&
+            (i.el.addEventListener("pointerenter", L),
+            i.el.addEventListener("pointerleave", I)),
+          a().addEventListener("visibilitychange", P),
+          S());
+      }),
+        n("destroy", () => {
+          i.el &&
+            "string" != typeof i.el &&
+            (i.el.removeEventListener("pointerenter", L),
+            i.el.removeEventListener("pointerleave", I)),
+            a().removeEventListener("visibilitychange", P),
+            i.autoplay.running && T();
+        }),
+        n("_freeModeStaticRelease", () => {
+          (u || f) && C();
+        }),
+        n("_freeModeNoMomentumRelease", () => {
+          i.params.autoplay.disableOnInteraction ? T() : M(!0, !0);
+        }),
+        n("beforeTransitionStart", (e, t, s) => {
+          !i.destroyed &&
+            i.autoplay.running &&
+            (s || !i.params.autoplay.disableOnInteraction ? M(!0, !0) : T());
+        }),
+        n("sliderFirstMove", () => {
+          !i.destroyed &&
+            i.autoplay.running &&
+            (i.params.autoplay.disableOnInteraction
+              ? T()
+              : ((p = !0),
+                (u = !1),
+                (f = !1),
+                (m = setTimeout(() => {
+                  (f = !0), (u = !0), M(!0);
+                }, 200))));
+        }),
+        n("touchEnd", () => {
+          if (!i.destroyed && i.autoplay.running && p) {
+            if (
+              (clearTimeout(m),
+              clearTimeout(t),
+              i.params.autoplay.disableOnInteraction)
+            )
+              return (u = !1), void (p = !1);
+            u && i.params.cssMode && C(), (u = !1), (p = !1);
+          }
+        }),
+        n("slideChange", () => {
+          !i.destroyed && i.autoplay.running && (h = !0);
+        }),
+        Object.assign(i.autoplay, { start: S, stop: T, pause: M, resume: C });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: i } = e;
+      s({
+        thumbs: {
+          swiper: null,
+          multipleActiveThumbs: !0,
+          autoScrollOffset: 0,
+          slideThumbActiveClass: "swiper-slide-thumb-active",
+          thumbsContainerClass: "swiper-thumbs",
+        },
+      });
+      let r = !1,
+        n = !1;
+      function l() {
+        const e = t.thumbs.swiper;
+        if (!e || e.destroyed) return;
+        const s = e.clickedIndex,
+          a = e.clickedSlide;
+        if (a && a.classList.contains(t.params.thumbs.slideThumbActiveClass))
+          return;
+        if (null == s) return;
+        let i;
+        (i = e.params.loop
+          ? parseInt(e.clickedSlide.getAttribute("data-swiper-slide-index"), 10)
+          : s),
+          t.params.loop ? t.slideToLoop(i) : t.slideTo(i);
+      }
+      function o() {
+        const { thumbs: e } = t.params;
+        if (r) return !1;
+        r = !0;
+        const s = t.constructor;
+        if (e.swiper instanceof s)
+          (t.thumbs.swiper = e.swiper),
+            Object.assign(t.thumbs.swiper.originalParams, {
+              watchSlidesProgress: !0,
+              slideToClickedSlide: !1,
+            }),
+            Object.assign(t.thumbs.swiper.params, {
+              watchSlidesProgress: !0,
+              slideToClickedSlide: !1,
+            }),
+            t.thumbs.swiper.update();
+        else if (c(e.swiper)) {
+          const a = Object.assign({}, e.swiper);
+          Object.assign(a, {
+            watchSlidesProgress: !0,
+            slideToClickedSlide: !1,
+          }),
+            (t.thumbs.swiper = new s(a)),
+            (n = !0);
+        }
+        return (
+          t.thumbs.swiper.el.classList.add(
+            t.params.thumbs.thumbsContainerClass
+          ),
+          t.thumbs.swiper.on("tap", l),
+          !0
+        );
+      }
+      function d(e) {
+        const s = t.thumbs.swiper;
+        if (!s || s.destroyed) return;
+        const a =
+          "auto" === s.params.slidesPerView
+            ? s.slidesPerViewDynamic()
+            : s.params.slidesPerView;
+        let i = 1;
+        const r = t.params.thumbs.slideThumbActiveClass;
+        if (
+          (t.params.slidesPerView > 1 &&
+            !t.params.centeredSlides &&
+            (i = t.params.slidesPerView),
+          t.params.thumbs.multipleActiveThumbs || (i = 1),
+          (i = Math.floor(i)),
+          s.slides.forEach((e) => e.classList.remove(r)),
+          s.params.loop || (s.params.virtual && s.params.virtual.enabled))
+        )
+          for (let e = 0; e < i; e += 1)
+            f(
+              s.slidesEl,
+              `[data-swiper-slide-index="${t.realIndex + e}"]`
+            ).forEach((e) => {
+              e.classList.add(r);
+            });
+        else
+          for (let e = 0; e < i; e += 1)
+            s.slides[t.realIndex + e] &&
+              s.slides[t.realIndex + e].classList.add(r);
+        const n = t.params.thumbs.autoScrollOffset,
+          l = n && !s.params.loop;
+        if (t.realIndex !== s.realIndex || l) {
+          const i = s.activeIndex;
+          let r, o;
+          if (s.params.loop) {
+            const e = s.slides.filter(
+              (e) =>
+                e.getAttribute("data-swiper-slide-index") === `${t.realIndex}`
+            )[0];
+            (r = s.slides.indexOf(e)),
+              (o = t.activeIndex > t.previousIndex ? "next" : "prev");
+          } else (r = t.realIndex), (o = r > t.previousIndex ? "next" : "prev");
+          l && (r += "next" === o ? n : -1 * n),
+            s.visibleSlidesIndexes &&
+              s.visibleSlidesIndexes.indexOf(r) < 0 &&
+              (s.params.centeredSlides
+                ? (r =
+                    r > i
+                      ? r - Math.floor(a / 2) + 1
+                      : r + Math.floor(a / 2) - 1)
+                : r > i && s.params.slidesPerGroup,
+              s.slideTo(r, e ? 0 : void 0));
+        }
+      }
+      (t.thumbs = { swiper: null }),
+        i("beforeInit", () => {
+          const { thumbs: e } = t.params;
+          if (e && e.swiper)
+            if (
+              "string" == typeof e.swiper ||
+              e.swiper instanceof HTMLElement
+            ) {
+              const s = a(),
+                i = () => {
+                  const a =
+                    "string" == typeof e.swiper
+                      ? s.querySelector(e.swiper)
+                      : e.swiper;
+                  if (a && a.swiper) (e.swiper = a.swiper), o(), d(!0);
+                  else if (a) {
+                    const s = (i) => {
+                      (e.swiper = i.detail[0]),
+                        a.removeEventListener("init", s),
+                        o(),
+                        d(!0),
+                        e.swiper.update(),
+                        t.update();
+                    };
+                    a.addEventListener("init", s);
+                  }
+                  return a;
+                },
+                r = () => {
+                  if (t.destroyed) return;
+                  i() || requestAnimationFrame(r);
+                };
+              requestAnimationFrame(r);
+            } else o(), d(!0);
+        }),
+        i("slideChange update resize observerUpdate", () => {
+          d();
+        }),
+        i("setTransition", (e, s) => {
+          const a = t.thumbs.swiper;
+          a && !a.destroyed && a.setTransition(s);
+        }),
+        i("beforeDestroy", () => {
+          const e = t.thumbs.swiper;
+          e && !e.destroyed && n && e.destroy();
+        }),
+        Object.assign(t.thumbs, { init: o, update: d });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, emit: a, once: i } = e;
+      s({
+        freeMode: {
+          enabled: !1,
+          momentum: !0,
+          momentumRatio: 1,
+          momentumBounce: !0,
+          momentumBounceRatio: 1,
+          momentumVelocityRatio: 1,
+          sticky: !1,
+          minimumVelocity: 0.02,
+        },
+      }),
+        Object.assign(t, {
+          freeMode: {
+            onTouchStart: function () {
+              if (t.params.cssMode) return;
+              const e = t.getTranslate();
+              t.setTranslate(e),
+                t.setTransition(0),
+                (t.touchEventsData.velocities.length = 0),
+                t.freeMode.onTouchEnd({
+                  currentPos: t.rtl ? t.translate : -t.translate,
+                });
+            },
+            onTouchMove: function () {
+              if (t.params.cssMode) return;
+              const { touchEventsData: e, touches: s } = t;
+              0 === e.velocities.length &&
+                e.velocities.push({
+                  position: s[t.isHorizontal() ? "startX" : "startY"],
+                  time: e.touchStartTime,
+                }),
+                e.velocities.push({
+                  position: s[t.isHorizontal() ? "currentX" : "currentY"],
+                  time: o(),
+                });
+            },
+            onTouchEnd: function (e) {
+              let { currentPos: s } = e;
+              if (t.params.cssMode) return;
+              const {
+                  params: r,
+                  wrapperEl: n,
+                  rtlTranslate: l,
+                  snapGrid: d,
+                  touchEventsData: c,
+                } = t,
+                p = o() - c.touchStartTime;
+              if (s < -t.minTranslate()) t.slideTo(t.activeIndex);
+              else if (s > -t.maxTranslate())
+                t.slides.length < d.length
+                  ? t.slideTo(d.length - 1)
+                  : t.slideTo(t.slides.length - 1);
+              else {
+                if (r.freeMode.momentum) {
+                  if (c.velocities.length > 1) {
+                    const e = c.velocities.pop(),
+                      s = c.velocities.pop(),
+                      a = e.position - s.position,
+                      i = e.time - s.time;
+                    (t.velocity = a / i),
+                      (t.velocity /= 2),
+                      Math.abs(t.velocity) < r.freeMode.minimumVelocity &&
+                        (t.velocity = 0),
+                      (i > 150 || o() - e.time > 300) && (t.velocity = 0);
+                  } else t.velocity = 0;
+                  (t.velocity *= r.freeMode.momentumVelocityRatio),
+                    (c.velocities.length = 0);
+                  let e = 1e3 * r.freeMode.momentumRatio;
+                  const s = t.velocity * e;
+                  let p = t.translate + s;
+                  l && (p = -p);
+                  let u,
+                    m = !1;
+                  const h =
+                    20 * Math.abs(t.velocity) * r.freeMode.momentumBounceRatio;
+                  let f;
+                  if (p < t.maxTranslate())
+                    r.freeMode.momentumBounce
+                      ? (p + t.maxTranslate() < -h &&
+                          (p = t.maxTranslate() - h),
+                        (u = t.maxTranslate()),
+                        (m = !0),
+                        (c.allowMomentumBounce = !0))
+                      : (p = t.maxTranslate()),
+                      r.loop && r.centeredSlides && (f = !0);
+                  else if (p > t.minTranslate())
+                    r.freeMode.momentumBounce
+                      ? (p - t.minTranslate() > h && (p = t.minTranslate() + h),
+                        (u = t.minTranslate()),
+                        (m = !0),
+                        (c.allowMomentumBounce = !0))
+                      : (p = t.minTranslate()),
+                      r.loop && r.centeredSlides && (f = !0);
+                  else if (r.freeMode.sticky) {
+                    let e;
+                    for (let t = 0; t < d.length; t += 1)
+                      if (d[t] > -p) {
+                        e = t;
+                        break;
+                      }
+                    (p =
+                      Math.abs(d[e] - p) < Math.abs(d[e - 1] - p) ||
+                      "next" === t.swipeDirection
+                        ? d[e]
+                        : d[e - 1]),
+                      (p = -p);
+                  }
+                  if (
+                    (f &&
+                      i("transitionEnd", () => {
+                        t.loopFix();
+                      }),
+                    0 !== t.velocity)
+                  ) {
+                    if (
+                      ((e = l
+                        ? Math.abs((-p - t.translate) / t.velocity)
+                        : Math.abs((p - t.translate) / t.velocity)),
+                      r.freeMode.sticky)
+                    ) {
+                      const s = Math.abs((l ? -p : p) - t.translate),
+                        a = t.slidesSizesGrid[t.activeIndex];
+                      e =
+                        s < a
+                          ? r.speed
+                          : s < 2 * a
+                          ? 1.5 * r.speed
+                          : 2.5 * r.speed;
+                    }
+                  } else if (r.freeMode.sticky) return void t.slideToClosest();
+                  r.freeMode.momentumBounce && m
+                    ? (t.updateProgress(u),
+                      t.setTransition(e),
+                      t.setTranslate(p),
+                      t.transitionStart(!0, t.swipeDirection),
+                      (t.animating = !0),
+                      x(n, () => {
+                        t &&
+                          !t.destroyed &&
+                          c.allowMomentumBounce &&
+                          (a("momentumBounce"),
+                          t.setTransition(r.speed),
+                          setTimeout(() => {
+                            t.setTranslate(u),
+                              x(n, () => {
+                                t && !t.destroyed && t.transitionEnd();
+                              });
+                          }, 0));
+                      }))
+                    : t.velocity
+                    ? (a("_freeModeNoMomentumRelease"),
+                      t.updateProgress(p),
+                      t.setTransition(e),
+                      t.setTranslate(p),
+                      t.transitionStart(!0, t.swipeDirection),
+                      t.animating ||
+                        ((t.animating = !0),
+                        x(n, () => {
+                          t && !t.destroyed && t.transitionEnd();
+                        })))
+                    : t.updateProgress(p),
+                    t.updateActiveIndex(),
+                    t.updateSlidesClasses();
+                } else {
+                  if (r.freeMode.sticky) return void t.slideToClosest();
+                  r.freeMode && a("_freeModeNoMomentumRelease");
+                }
+                (!r.freeMode.momentum || p >= r.longSwipesMs) &&
+                  (a("_freeModeStaticRelease"),
+                  t.updateProgress(),
+                  t.updateActiveIndex(),
+                  t.updateSlidesClasses());
+              }
+            },
+          },
+        });
+    },
+    function (e) {
+      let t,
+        s,
+        a,
+        i,
+        { swiper: r, extendParams: n, on: l } = e;
+      n({ grid: { rows: 1, fill: "column" } });
+      const o = () => {
+        let e = r.params.spaceBetween;
+        return (
+          "string" == typeof e && e.indexOf("%") >= 0
+            ? (e = (parseFloat(e.replace("%", "")) / 100) * r.size)
+            : "string" == typeof e && (e = parseFloat(e)),
+          e
+        );
+      };
+      l("init", () => {
+        i = r.params.grid && r.params.grid.rows > 1;
+      }),
+        l("update", () => {
+          const { params: e, el: t } = r,
+            s = e.grid && e.grid.rows > 1;
+          i && !s
+            ? (t.classList.remove(
+                `${e.containerModifierClass}grid`,
+                `${e.containerModifierClass}grid-column`
+              ),
+              (a = 1),
+              r.emitContainerClasses())
+            : !i &&
+              s &&
+              (t.classList.add(`${e.containerModifierClass}grid`),
+              "column" === e.grid.fill &&
+                t.classList.add(`${e.containerModifierClass}grid-column`),
+              r.emitContainerClasses()),
+            (i = s);
+        }),
+        (r.grid = {
+          initSlides: (e) => {
+            const { slidesPerView: i } = r.params,
+              { rows: n, fill: l } = r.params.grid,
+              o =
+                r.virtual && r.params.virtual.enabled
+                  ? r.virtual.slides.length
+                  : e.length;
+            (a = Math.floor(o / n)),
+              (t = Math.floor(o / n) === o / n ? o : Math.ceil(o / n) * n),
+              "auto" !== i && "row" === l && (t = Math.max(t, i * n)),
+              (s = t / n);
+          },
+          unsetSlides: () => {
+            r.slides &&
+              r.slides.forEach((e) => {
+                e.swiperSlideGridSet &&
+                  ((e.style.height = ""),
+                  (e.style[r.getDirectionLabel("margin-top")] = ""));
+              });
+          },
+          updateSlide: (e, i, n) => {
+            const { slidesPerGroup: l } = r.params,
+              d = o(),
+              { rows: c, fill: p } = r.params.grid,
+              u =
+                r.virtual && r.params.virtual.enabled
+                  ? r.virtual.slides.length
+                  : n.length;
+            let m, h, f;
+            if ("row" === p && l > 1) {
+              const s = Math.floor(e / (l * c)),
+                a = e - c * l * s,
+                r = 0 === s ? l : Math.min(Math.ceil((u - s * c * l) / c), l);
+              (f = Math.floor(a / r)),
+                (h = a - f * r + s * l),
+                (m = h + (f * t) / c),
+                (i.style.order = m);
+            } else
+              "column" === p
+                ? ((h = Math.floor(e / c)),
+                  (f = e - h * c),
+                  (h > a || (h === a && f === c - 1)) &&
+                    ((f += 1), f >= c && ((f = 0), (h += 1))))
+                : ((f = Math.floor(e / s)), (h = e - f * s));
+            (i.row = f),
+              (i.column = h),
+              (i.style.height = `calc((100% - ${(c - 1) * d}px) / ${c})`),
+              (i.style[r.getDirectionLabel("margin-top")] =
+                0 !== f ? d && `${d}px` : ""),
+              (i.swiperSlideGridSet = !0);
+          },
+          updateWrapperSize: (e, s) => {
+            const { centeredSlides: a, roundLengths: i } = r.params,
+              n = o(),
+              { rows: l } = r.params.grid;
+            if (
+              ((r.virtualSize = (e + n) * t),
+              (r.virtualSize = Math.ceil(r.virtualSize / l) - n),
+              r.params.cssMode ||
+                (r.wrapperEl.style[r.getDirectionLabel("width")] = `${
+                  r.virtualSize + n
+                }px`),
+              a)
+            ) {
+              const e = [];
+              for (let t = 0; t < s.length; t += 1) {
+                let a = s[t];
+                i && (a = Math.floor(a)),
+                  s[t] < r.virtualSize + s[0] && e.push(a);
+              }
+              s.splice(0, s.length), s.push(...e);
+            }
+          },
+        });
+    },
+    function (e) {
+      let { swiper: t } = e;
+      Object.assign(t, {
+        appendSlide: ne.bind(t),
+        prependSlide: le.bind(t),
+        addSlide: oe.bind(t),
+        removeSlide: de.bind(t),
+        removeAllSlides: ce.bind(t),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ fadeEffect: { crossFade: !1 } }),
+        pe({
+          effect: "fade",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { slides: e } = t;
+            t.params.fadeEffect;
+            for (let s = 0; s < e.length; s += 1) {
+              const e = t.slides[s];
+              let a = -e.swiperSlideOffset;
+              t.params.virtualTranslate || (a -= t.translate);
+              let i = 0;
+              t.isHorizontal() || ((i = a), (a = 0));
+              const r = t.params.fadeEffect.crossFade
+                  ? Math.max(1 - Math.abs(e.progress), 0)
+                  : 1 + Math.min(Math.max(e.progress, -1), 0),
+                n = ue(0, e);
+              (n.style.opacity = r),
+                (n.style.transform = `translate3d(${a}px, ${i}px, 0px)`);
+            }
+          },
+          setTransition: (e) => {
+            const s = t.slides.map((e) => h(e));
+            s.forEach((t) => {
+              t.style.transitionDuration = `${e}ms`;
+            }),
+              me({
+                swiper: t,
+                duration: e,
+                transformElements: s,
+                allSlides: !0,
+              });
+          },
+          overwriteParams: () => ({
+            slidesPerView: 1,
+            slidesPerGroup: 1,
+            watchSlidesProgress: !0,
+            spaceBetween: 0,
+            virtualTranslate: !t.params.cssMode,
+          }),
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        cubeEffect: {
+          slideShadows: !0,
+          shadow: !0,
+          shadowOffset: 20,
+          shadowScale: 0.94,
+        },
+      });
+      const i = (e, t, s) => {
+        let a = s
+            ? e.querySelector(".swiper-slide-shadow-left")
+            : e.querySelector(".swiper-slide-shadow-top"),
+          i = s
+            ? e.querySelector(".swiper-slide-shadow-right")
+            : e.querySelector(".swiper-slide-shadow-bottom");
+        a ||
+          ((a = v(
+            "div",
+            (
+              "swiper-slide-shadow-cube swiper-slide-shadow-" +
+              (s ? "left" : "top")
+            ).split(" ")
+          )),
+          e.append(a)),
+          i ||
+            ((i = v(
+              "div",
+              (
+                "swiper-slide-shadow-cube swiper-slide-shadow-" +
+                (s ? "right" : "bottom")
+              ).split(" ")
+            )),
+            e.append(i)),
+          a && (a.style.opacity = Math.max(-t, 0)),
+          i && (i.style.opacity = Math.max(t, 0));
+      };
+      pe({
+        effect: "cube",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const {
+              el: e,
+              wrapperEl: s,
+              slides: a,
+              width: r,
+              height: n,
+              rtlTranslate: l,
+              size: o,
+              browser: d,
+            } = t,
+            c = t.params.cubeEffect,
+            p = t.isHorizontal(),
+            u = t.virtual && t.params.virtual.enabled;
+          let m,
+            h = 0;
+          c.shadow &&
+            (p
+              ? ((m = t.wrapperEl.querySelector(".swiper-cube-shadow")),
+                m ||
+                  ((m = v("div", "swiper-cube-shadow")), t.wrapperEl.append(m)),
+                (m.style.height = `${r}px`))
+              : ((m = e.querySelector(".swiper-cube-shadow")),
+                m || ((m = v("div", "swiper-cube-shadow")), e.append(m))));
+          for (let e = 0; e < a.length; e += 1) {
+            const s = a[e];
+            let r = e;
+            u && (r = parseInt(s.getAttribute("data-swiper-slide-index"), 10));
+            let n = 90 * r,
+              d = Math.floor(n / 360);
+            l && ((n = -n), (d = Math.floor(-n / 360)));
+            const m = Math.max(Math.min(s.progress, 1), -1);
+            let f = 0,
+              g = 0,
+              v = 0;
+            r % 4 == 0
+              ? ((f = 4 * -d * o), (v = 0))
+              : (r - 1) % 4 == 0
+              ? ((f = 0), (v = 4 * -d * o))
+              : (r - 2) % 4 == 0
+              ? ((f = o + 4 * d * o), (v = o))
+              : (r - 3) % 4 == 0 && ((f = -o), (v = 3 * o + 4 * o * d)),
+              l && (f = -f),
+              p || ((g = f), (f = 0));
+            const w = `rotateX(${p ? 0 : -n}deg) rotateY(${
+              p ? n : 0
+            }deg) translate3d(${f}px, ${g}px, ${v}px)`;
+            m <= 1 &&
+              m > -1 &&
+              ((h = 90 * r + 90 * m),
+              l && (h = 90 * -r - 90 * m),
+              t.browser &&
+                t.browser.need3dFix &&
+                (Math.abs(h) / 90) % 2 == 1 &&
+                (h += 0.001)),
+              (s.style.transform = w),
+              c.slideShadows && i(s, m, p);
+          }
+          if (
+            ((s.style.transformOrigin = `50% 50% -${o / 2}px`),
+            (s.style["-webkit-transform-origin"] = `50% 50% -${o / 2}px`),
+            c.shadow)
+          )
+            if (p)
+              m.style.transform = `translate3d(0px, ${
+                r / 2 + c.shadowOffset
+              }px, ${-r / 2}px) rotateX(89.99deg) rotateZ(0deg) scale(${
+                c.shadowScale
+              })`;
+            else {
+              const e = Math.abs(h) - 90 * Math.floor(Math.abs(h) / 90),
+                t =
+                  1.5 -
+                  (Math.sin((2 * e * Math.PI) / 360) / 2 +
+                    Math.cos((2 * e * Math.PI) / 360) / 2),
+                s = c.shadowScale,
+                a = c.shadowScale / t,
+                i = c.shadowOffset;
+              m.style.transform = `scale3d(${s}, 1, ${a}) translate3d(0px, ${
+                n / 2 + i
+              }px, ${-n / 2 / a}px) rotateX(-89.99deg)`;
+            }
+          const f =
+            (d.isSafari || d.isWebView) && d.needPerspectiveFix ? -o / 2 : 0;
+          (s.style.transform = `translate3d(0px,0,${f}px) rotateX(${
+            t.isHorizontal() ? 0 : h
+          }deg) rotateY(${t.isHorizontal() ? -h : 0}deg)`),
+            s.style.setProperty("--swiper-cube-translate-z", `${f}px`);
+        },
+        setTransition: (e) => {
+          const { el: s, slides: a } = t;
+          if (
+            (a.forEach((t) => {
+              (t.style.transitionDuration = `${e}ms`),
+                t
+                  .querySelectorAll(
+                    ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                  )
+                  .forEach((t) => {
+                    t.style.transitionDuration = `${e}ms`;
+                  });
+            }),
+            t.params.cubeEffect.shadow && !t.isHorizontal())
+          ) {
+            const t = s.querySelector(".swiper-cube-shadow");
+            t && (t.style.transitionDuration = `${e}ms`);
+          }
+        },
+        recreateShadows: () => {
+          const e = t.isHorizontal();
+          t.slides.forEach((t) => {
+            const s = Math.max(Math.min(t.progress, 1), -1);
+            i(t, s, e);
+          });
+        },
+        getEffectParams: () => t.params.cubeEffect,
+        perspective: () => !0,
+        overwriteParams: () => ({
+          slidesPerView: 1,
+          slidesPerGroup: 1,
+          watchSlidesProgress: !0,
+          resistanceRatio: 0,
+          spaceBetween: 0,
+          centeredSlides: !1,
+          virtualTranslate: !0,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({ flipEffect: { slideShadows: !0, limitRotation: !0 } });
+      const i = (e, s) => {
+        let a = t.isHorizontal()
+            ? e.querySelector(".swiper-slide-shadow-left")
+            : e.querySelector(".swiper-slide-shadow-top"),
+          i = t.isHorizontal()
+            ? e.querySelector(".swiper-slide-shadow-right")
+            : e.querySelector(".swiper-slide-shadow-bottom");
+        a || (a = he("flip", e, t.isHorizontal() ? "left" : "top")),
+          i || (i = he("flip", e, t.isHorizontal() ? "right" : "bottom")),
+          a && (a.style.opacity = Math.max(-s, 0)),
+          i && (i.style.opacity = Math.max(s, 0));
+      };
+      pe({
+        effect: "flip",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const { slides: e, rtlTranslate: s } = t,
+            a = t.params.flipEffect;
+          for (let r = 0; r < e.length; r += 1) {
+            const n = e[r];
+            let l = n.progress;
+            t.params.flipEffect.limitRotation &&
+              (l = Math.max(Math.min(n.progress, 1), -1));
+            const o = n.swiperSlideOffset;
+            let d = -180 * l,
+              c = 0,
+              p = t.params.cssMode ? -o - t.translate : -o,
+              u = 0;
+            t.isHorizontal()
+              ? s && (d = -d)
+              : ((u = p), (p = 0), (c = -d), (d = 0)),
+              t.browser &&
+                t.browser.need3dFix &&
+                ((Math.abs(d) / 90) % 2 == 1 && (d += 0.001),
+                (Math.abs(c) / 90) % 2 == 1 && (c += 0.001)),
+              (n.style.zIndex = -Math.abs(Math.round(l)) + e.length),
+              a.slideShadows && i(n, l);
+            const m = `translate3d(${p}px, ${u}px, 0px) rotateX(${c}deg) rotateY(${d}deg)`;
+            ue(0, n).style.transform = m;
+          }
+        },
+        setTransition: (e) => {
+          const s = t.slides.map((e) => h(e));
+          s.forEach((t) => {
+            (t.style.transitionDuration = `${e}ms`),
+              t
+                .querySelectorAll(
+                  ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                )
+                .forEach((t) => {
+                  t.style.transitionDuration = `${e}ms`;
+                });
+          }),
+            me({ swiper: t, duration: e, transformElements: s });
+        },
+        recreateShadows: () => {
+          t.params.flipEffect,
+            t.slides.forEach((e) => {
+              let s = e.progress;
+              t.params.flipEffect.limitRotation &&
+                (s = Math.max(Math.min(e.progress, 1), -1)),
+                i(e, s);
+            });
+        },
+        getEffectParams: () => t.params.flipEffect,
+        perspective: () => !0,
+        overwriteParams: () => ({
+          slidesPerView: 1,
+          slidesPerGroup: 1,
+          watchSlidesProgress: !0,
+          spaceBetween: 0,
+          virtualTranslate: !t.params.cssMode,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        coverflowEffect: {
+          rotate: 50,
+          stretch: 0,
+          depth: 100,
+          scale: 1,
+          modifier: 1,
+          slideShadows: !0,
+        },
+      }),
+        pe({
+          effect: "coverflow",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { width: e, height: s, slides: a, slidesSizesGrid: i } = t,
+              r = t.params.coverflowEffect,
+              n = t.isHorizontal(),
+              l = t.translate,
+              o = n ? e / 2 - l : s / 2 - l,
+              d = n ? r.rotate : -r.rotate,
+              c = r.depth;
+            for (let e = 0, s = a.length; e < s; e += 1) {
+              const s = a[e],
+                l = i[e],
+                p = (o - s.swiperSlideOffset - l / 2) / l,
+                u =
+                  "function" == typeof r.modifier
+                    ? r.modifier(p)
+                    : p * r.modifier;
+              let m = n ? d * u : 0,
+                h = n ? 0 : d * u,
+                f = -c * Math.abs(u),
+                g = r.stretch;
+              "string" == typeof g &&
+                -1 !== g.indexOf("%") &&
+                (g = (parseFloat(r.stretch) / 100) * l);
+              let v = n ? 0 : g * u,
+                w = n ? g * u : 0,
+                b = 1 - (1 - r.scale) * Math.abs(u);
+              Math.abs(w) < 0.001 && (w = 0),
+                Math.abs(v) < 0.001 && (v = 0),
+                Math.abs(f) < 0.001 && (f = 0),
+                Math.abs(m) < 0.001 && (m = 0),
+                Math.abs(h) < 0.001 && (h = 0),
+                Math.abs(b) < 0.001 && (b = 0),
+                t.browser &&
+                  t.browser.need3dFix &&
+                  ((Math.abs(m) / 90) % 2 == 1 && (m += 0.001),
+                  (Math.abs(h) / 90) % 2 == 1 && (h += 0.001));
+              const y = `translate3d(${w}px,${v}px,${f}px)  rotateX(${h}deg) rotateY(${m}deg) scale(${b})`;
+              if (
+                ((ue(0, s).style.transform = y),
+                (s.style.zIndex = 1 - Math.abs(Math.round(u))),
+                r.slideShadows)
+              ) {
+                let e = n
+                    ? s.querySelector(".swiper-slide-shadow-left")
+                    : s.querySelector(".swiper-slide-shadow-top"),
+                  t = n
+                    ? s.querySelector(".swiper-slide-shadow-right")
+                    : s.querySelector(".swiper-slide-shadow-bottom");
+                e || (e = he("coverflow", s, n ? "left" : "top")),
+                  t || (t = he("coverflow", s, n ? "right" : "bottom")),
+                  e && (e.style.opacity = u > 0 ? u : 0),
+                  t && (t.style.opacity = -u > 0 ? -u : 0);
+              }
+            }
+          },
+          setTransition: (e) => {
+            t.slides
+              .map((e) => h(e))
+              .forEach((t) => {
+                (t.style.transitionDuration = `${e}ms`),
+                  t
+                    .querySelectorAll(
+                      ".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left"
+                    )
+                    .forEach((t) => {
+                      t.style.transitionDuration = `${e}ms`;
+                    });
+              });
+          },
+          perspective: () => !0,
+          overwriteParams: () => ({ watchSlidesProgress: !0 }),
+        });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        creativeEffect: {
+          limitProgress: 1,
+          shadowPerProgress: !1,
+          progressMultiplier: 1,
+          perspective: !0,
+          prev: {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            opacity: 1,
+            scale: 1,
+          },
+          next: {
+            translate: [0, 0, 0],
+            rotate: [0, 0, 0],
+            opacity: 1,
+            scale: 1,
+          },
+        },
+      });
+      const i = (e) => ("string" == typeof e ? e : `${e}px`);
+      pe({
+        effect: "creative",
+        swiper: t,
+        on: a,
+        setTranslate: () => {
+          const { slides: e, wrapperEl: s, slidesSizesGrid: a } = t,
+            r = t.params.creativeEffect,
+            { progressMultiplier: n } = r,
+            l = t.params.centeredSlides;
+          if (l) {
+            const e = a[0] / 2 - t.params.slidesOffsetBefore || 0;
+            s.style.transform = `translateX(calc(50% - ${e}px))`;
+          }
+          for (let s = 0; s < e.length; s += 1) {
+            const a = e[s],
+              o = a.progress,
+              d = Math.min(
+                Math.max(a.progress, -r.limitProgress),
+                r.limitProgress
+              );
+            let c = d;
+            l ||
+              (c = Math.min(
+                Math.max(a.originalProgress, -r.limitProgress),
+                r.limitProgress
+              ));
+            const p = a.swiperSlideOffset,
+              u = [t.params.cssMode ? -p - t.translate : -p, 0, 0],
+              m = [0, 0, 0];
+            let h = !1;
+            t.isHorizontal() || ((u[1] = u[0]), (u[0] = 0));
+            let f = {
+              translate: [0, 0, 0],
+              rotate: [0, 0, 0],
+              scale: 1,
+              opacity: 1,
+            };
+            d < 0
+              ? ((f = r.next), (h = !0))
+              : d > 0 && ((f = r.prev), (h = !0)),
+              u.forEach((e, t) => {
+                u[t] = `calc(${e}px + (${i(f.translate[t])} * ${Math.abs(
+                  d * n
+                )}))`;
+              }),
+              m.forEach((e, s) => {
+                let a = f.rotate[s] * Math.abs(d * n);
+                t.browser &&
+                  t.browser.need3dFix &&
+                  (Math.abs(a) / 90) % 2 == 1 &&
+                  (a += 0.001),
+                  (m[s] = a);
+              }),
+              (a.style.zIndex = -Math.abs(Math.round(o)) + e.length);
+            const g = u.join(", "),
+              v = `rotateX(${m[0]}deg) rotateY(${m[1]}deg) rotateZ(${m[2]}deg)`,
+              w =
+                c < 0
+                  ? `scale(${1 + (1 - f.scale) * c * n})`
+                  : `scale(${1 - (1 - f.scale) * c * n})`,
+              b =
+                c < 0
+                  ? 1 + (1 - f.opacity) * c * n
+                  : 1 - (1 - f.opacity) * c * n,
+              y = `translate3d(${g}) ${v} ${w}`;
+            if ((h && f.shadow) || !h) {
+              let e = a.querySelector(".swiper-slide-shadow");
+              if ((!e && f.shadow && (e = he("creative", a)), e)) {
+                const t = r.shadowPerProgress ? d * (1 / r.limitProgress) : d;
+                e.style.opacity = Math.min(Math.max(Math.abs(t), 0), 1);
+              }
+            }
+            const E = ue(0, a);
+            (E.style.transform = y),
+              (E.style.opacity = b),
+              f.origin && (E.style.transformOrigin = f.origin);
+          }
+        },
+        setTransition: (e) => {
+          const s = t.slides.map((e) => h(e));
+          s.forEach((t) => {
+            (t.style.transitionDuration = `${e}ms`),
+              t.querySelectorAll(".swiper-slide-shadow").forEach((t) => {
+                t.style.transitionDuration = `${e}ms`;
+              });
+          }),
+            me({ swiper: t, duration: e, transformElements: s, allSlides: !0 });
+        },
+        perspective: () => t.params.creativeEffect.perspective,
+        overwriteParams: () => ({
+          watchSlidesProgress: !0,
+          virtualTranslate: !t.params.cssMode,
+        }),
+      });
+    },
+    function (e) {
+      let { swiper: t, extendParams: s, on: a } = e;
+      s({
+        cardsEffect: {
+          slideShadows: !0,
+          rotate: !0,
+          perSlideRotate: 2,
+          perSlideOffset: 8,
+        },
+      }),
+        pe({
+          effect: "cards",
+          swiper: t,
+          on: a,
+          setTranslate: () => {
+            const { slides: e, activeIndex: s, rtlTranslate: a } = t,
+              i = t.params.cardsEffect,
+              { startTranslate: r, isTouched: n } = t.touchEventsData,
+              l = a ? -t.translate : t.translate;
+            for (let o = 0; o < e.length; o += 1) {
+              const d = e[o],
+                c = d.progress,
+                p = Math.min(Math.max(c, -4), 4);
+              let u = d.swiperSlideOffset;
+              t.params.centeredSlides &&
+                !t.params.cssMode &&
+                (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`),
+                t.params.centeredSlides &&
+                  t.params.cssMode &&
+                  (u -= e[0].swiperSlideOffset);
+              let m = t.params.cssMode ? -u - t.translate : -u,
+                h = 0;
+              const f = -100 * Math.abs(p);
+              let g = 1,
+                v = -i.perSlideRotate * p,
+                w = i.perSlideOffset - 0.75 * Math.abs(p);
+              const b =
+                  t.virtual && t.params.virtual.enabled
+                    ? t.virtual.from + o
+                    : o,
+                y =
+                  (b === s || b === s - 1) &&
+                  p > 0 &&
+                  p < 1 &&
+                  (n || t.params.cssMode) &&
+                  l < r,
+                E =
+                  (b === s || b === s + 1) &&
+                  p < 0 &&
+                  p > -1 &&
+                  (n || t.params.cssMode) &&
+                  l > r;
+              if (y || E) {
+                const e = (1 - Math.abs((Math.abs(p) - 0.5) / 0.5)) ** 0.5;
+                (v += -28 * p * e),
+                  (g += -0.5 * e),
+                  (w += 96 * e),
+                  (h = -25 * e * Math.abs(p) + "%");
+              }
+              if (
+                ((m =
+                  p < 0
+                    ? `calc(${m}px ${a ? "-" : "+"} (${w * Math.abs(p)}%))`
+                    : p > 0
+                    ? `calc(${m}px ${a ? "-" : "+"} (-${w * Math.abs(p)}%))`
+                    : `${m}px`),
+                !t.isHorizontal())
+              ) {
+                const e = h;
+                (h = m), (m = e);
+              }
+              const x = p < 0 ? "" + (1 + (1 - g) * p) : "" + (1 - (1 - g) * p),
+                S = `\n        translate3d(${m}, ${h}, ${f}px)\n        rotateZ(${
+                  i.rotate ? (a ? -v : v) : 0
+                }deg)\n        scale(${x})\n      `;
+              if (i.slideShadows) {
+                let e = d.querySelector(".swiper-slide-shadow");
+                e || (e = he("cards", d)),
+                  e &&
+                    (e.style.opacity = Math.min(
+                      Math.max((Math.abs(p) - 0.5) / 0.5, 0),
+                      1
+                    ));
+              }
+              d.style.zIndex = -Math.abs(Math.round(c)) + e.length;
+              ue(0, d).style.transform = S;
+            }
+          },
+          setTransition: (e) => {
+            const s = t.slides.map((e) => h(e));
+            s.forEach((t) => {
+              (t.style.transitionDuration = `${e}ms`),
+                t.querySelectorAll(".swiper-slide-shadow").forEach((t) => {
+                  t.style.transitionDuration = `${e}ms`;
+                });
+            }),
+              me({ swiper: t, duration: e, transformElements: s });
+          },
+          perspective: () => !0,
+          overwriteParams: () => ({
+            watchSlidesProgress: !0,
+            virtualTranslate: !t.params.cssMode,
+          }),
+        });
+    },
+  ];
+  return ae.use(fe), ae;
+})();
+//# sourceMappingURL=swiper-bundle.min.js.map
diff --git a/quarter/assets/js/tabs.js b/quarter/assets/js/tabs.js
new file mode 100644
index 0000000..b0a1dec
--- /dev/null
+++ b/quarter/assets/js/tabs.js
@@ -0,0 +1,97 @@
+// handle current tablink style
+const handleCurrentTabLinkStyle = (tabLinks, currentIndex) => {
+  tabLinks.forEach((tabLink, idx) => {
+    const currentTabLink = tabLinks[currentIndex];
+    const tabLinkClasses = tabLink.classList;
+    const currentTabLinkClasses = currentTabLink.classList;
+    const spanClasses = tabLink.querySelector("span")?.classList;
+
+    const currentSpanClasses = currentTabLink.querySelector("span")?.classList;
+
+    if (spanClasses) {
+      // button default style
+      tabLinkClasses.remove("bg-white", "shadow-bottom", "active");
+      tabLinkClasses.add(
+        "bg-lightGrey7",
+        "dark:bg-lightGrey7-dark",
+        "inActive"
+      );
+      spanClasses.replace("w-full", "w-0");
+      tabLink.disabled = false;
+      // current button style
+      if (currentIndex === idx) {
+        currentTabLink.disabled = true;
+        currentTabLinkClasses.remove(
+          "bg-lightGrey7",
+          "dark:bg-lightGrey7-dark",
+          "inActive"
+        );
+        currentTabLinkClasses.add(
+          "bg-white",
+          "dark:bg-whiteColor-dark",
+          "shadow-bottom",
+          "active"
+        );
+        currentSpanClasses.replace("w-0", "w-full");
+      }
+    } else {
+      tabLinkClasses.remove("before:w-full", "active");
+      if (currentIndex === idx) {
+        tabLinkClasses.add("before:w-full", "active");
+      }
+    }
+  });
+};
+
+// handle tab content
+const handleTabContents = (tab, currentIndex) => {
+  const nodeListOftabContents = tab.querySelector(".tab-contents").children;
+  const tabContents = [...nodeListOftabContents];
+  const currentTabContentClasses = tabContents[currentIndex].classList;
+  tabContents.forEach((tabContent, idx) => {
+    const tabContentClasses = tabContent.classList;
+
+    // tab contents default style
+    tabContentClasses.remove("block");
+    tabContentClasses.add("hidden");
+
+    if (currentIndex === idx) {
+      currentTabContentClasses.add("block", "opacity-0");
+      currentTabContentClasses.remove("hidden", "opacity-100");
+
+      // add accordion style
+      const accordion = tab.querySelector(".accordion.active");
+      if (accordion) {
+        const contents = accordion.querySelector(".accordion-content");
+        const contentHeight = contents.children[idx]?.offsetHeight;
+        if (contentHeight) {
+          contents.style.height = `${contentHeight}px`;
+        }
+      }
+      setTimeout(() => {
+        currentTabContentClasses.remove("opacity-0");
+        currentTabContentClasses.add("opacity-100");
+      }, 150);
+    }
+  });
+};
+
+// get tab links and listen link events
+const handleTabLinks = (tab) => {
+  const nodeListOfTabLinks = tab.querySelector(".tab-links").children;
+  const tabLinks = [...nodeListOfTabLinks];
+
+  tabLinks.forEach((tabLink, idx) => {
+    tabLink.addEventListener("click", () => {
+      handleCurrentTabLinkStyle(tabLinks, idx);
+      handleTabContents(tab, idx);
+    });
+  });
+};
+
+// main tab controller
+const tabsController = () => {
+  const nodeListOfTabs = document.querySelectorAll(".tab");
+  const tabs = [...nodeListOfTabs];
+  tabs.forEach((tab) => handleTabLinks(tab));
+};
diff --git a/quarter/assets/js/ui-widget.js b/quarter/assets/js/ui-widget.js
new file mode 100644
index 0000000..856aee8
--- /dev/null
+++ b/quarter/assets/js/ui-widget.js
@@ -0,0 +1,1255 @@
+/*-------------------------------------------------------------
+  14. jQuery UI / price range 
+---------------------------------------------------------------*/
+/*! jQuery UI - v1.11.4 - 2016-06-07
+ * http://jqueryui.com
+ * Includes: core.js, widget.js, mouse.js, slider.js
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
+
+(function (e) {
+  "function" == typeof define && define.amd ? define(["jquery"], e) : e(jQuery);
+})(function (e) {
+  function t(t, s) {
+    var n,
+      a,
+      o,
+      r = t.nodeName.toLowerCase();
+    return "area" === r
+      ? ((n = t.parentNode),
+        (a = n.name),
+        t.href && a && "map" === n.nodeName.toLowerCase()
+          ? ((o = e("img[usemap='#" + a + "']")[0]), !!o && i(o))
+          : !1)
+      : (/^(input|select|textarea|button|object)$/.test(r)
+          ? !t.disabled
+          : "a" === r
+          ? t.href || s
+          : s) && i(t);
+  }
+  function i(t) {
+    return (
+      e.expr.filters.visible(t) &&
+      !e(t)
+        .parents()
+        .addBack()
+        .filter(function () {
+          return "hidden" === e.css(this, "visibility");
+        }).length
+    );
+  }
+  (e.ui = e.ui || {}),
+    e.extend(e.ui, {
+      version: "1.11.4",
+      keyCode: {
+        BACKSPACE: 8,
+        COMMA: 188,
+        DELETE: 46,
+        DOWN: 40,
+        END: 35,
+        ENTER: 13,
+        ESCAPE: 27,
+        HOME: 36,
+        LEFT: 37,
+        PAGE_DOWN: 34,
+        PAGE_UP: 33,
+        PERIOD: 190,
+        RIGHT: 39,
+        SPACE: 32,
+        TAB: 9,
+        UP: 38,
+      },
+    }),
+    e.fn.extend({
+      scrollParent: function (t) {
+        var i = this.css("position"),
+          s = "absolute" === i,
+          n = t ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+          a = this.parents()
+            .filter(function () {
+              var t = e(this);
+              return s && "static" === t.css("position")
+                ? !1
+                : n.test(
+                    t.css("overflow") +
+                      t.css("overflow-y") +
+                      t.css("overflow-x")
+                  );
+            })
+            .eq(0);
+        return "fixed" !== i && a.length
+          ? a
+          : e(this[0].ownerDocument || document);
+      },
+      uniqueId: (function () {
+        var e = 0;
+        return function () {
+          return this.each(function () {
+            this.id || (this.id = "ui-id-" + ++e);
+          });
+        };
+      })(),
+      removeUniqueId: function () {
+        return this.each(function () {
+          /^ui-id-\d+$/.test(this.id) && e(this).removeAttr("id");
+        });
+      },
+    }),
+    e.extend(e.expr[":"], {
+      data: e.expr.createPseudo
+        ? e.expr.createPseudo(function (t) {
+            return function (i) {
+              return !!e.data(i, t);
+            };
+          })
+        : function (t, i, s) {
+            return !!e.data(t, s[3]);
+          },
+      focusable: function (i) {
+        return t(i, !isNaN(e.attr(i, "tabindex")));
+      },
+      tabbable: function (i) {
+        var s = e.attr(i, "tabindex"),
+          n = isNaN(s);
+        return (n || s >= 0) && t(i, !n);
+      },
+    }),
+    e("<a>").outerWidth(1).jquery ||
+      e.each(["Width", "Height"], function (t, i) {
+        function s(t, i, s, a) {
+          return (
+            e.each(n, function () {
+              (i -= parseFloat(e.css(t, "padding" + this)) || 0),
+                s &&
+                  (i -= parseFloat(e.css(t, "border" + this + "Width")) || 0),
+                a && (i -= parseFloat(e.css(t, "margin" + this)) || 0);
+            }),
+            i
+          );
+        }
+        var n = "Width" === i ? ["Left", "Right"] : ["Top", "Bottom"],
+          a = i.toLowerCase(),
+          o = {
+            innerWidth: e.fn.innerWidth,
+            innerHeight: e.fn.innerHeight,
+            outerWidth: e.fn.outerWidth,
+            outerHeight: e.fn.outerHeight,
+          };
+        (e.fn["inner" + i] = function (t) {
+          return void 0 === t
+            ? o["inner" + i].call(this)
+            : this.each(function () {
+                e(this).css(a, s(this, t) + "px");
+              });
+        }),
+          (e.fn["outer" + i] = function (t, n) {
+            return "number" != typeof t
+              ? o["outer" + i].call(this, t)
+              : this.each(function () {
+                  e(this).css(a, s(this, t, !0, n) + "px");
+                });
+          });
+      }),
+    e.fn.addBack ||
+      (e.fn.addBack = function (e) {
+        return this.add(
+          null == e ? this.prevObject : this.prevObject.filter(e)
+        );
+      }),
+    e("<a>").data("a-b", "a").removeData("a-b").data("a-b") &&
+      (e.fn.removeData = (function (t) {
+        return function (i) {
+          return arguments.length ? t.call(this, e.camelCase(i)) : t.call(this);
+        };
+      })(e.fn.removeData)),
+    (e.ui.ie = !!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase())),
+    e.fn.extend({
+      focus: (function (t) {
+        return function (i, s) {
+          return "number" == typeof i
+            ? this.each(function () {
+                var t = this;
+                setTimeout(function () {
+                  e(t).focus(), s && s.call(t);
+                }, i);
+              })
+            : t.apply(this, arguments);
+        };
+      })(e.fn.focus),
+      disableSelection: (function () {
+        var e =
+          "onselectstart" in document.createElement("div")
+            ? "selectstart"
+            : "mousedown";
+        return function () {
+          return this.bind(e + ".ui-disableSelection", function (e) {
+            e.preventDefault();
+          });
+        };
+      })(),
+      enableSelection: function () {
+        return this.unbind(".ui-disableSelection");
+      },
+      zIndex: function (t) {
+        if (void 0 !== t) return this.css("zIndex", t);
+        if (this.length)
+          for (var i, s, n = e(this[0]); n.length && n[0] !== document; ) {
+            if (
+              ((i = n.css("position")),
+              ("absolute" === i || "relative" === i || "fixed" === i) &&
+                ((s = parseInt(n.css("zIndex"), 10)), !isNaN(s) && 0 !== s))
+            )
+              return s;
+            n = n.parent();
+          }
+        return 0;
+      },
+    }),
+    (e.ui.plugin = {
+      add: function (t, i, s) {
+        var n,
+          a = e.ui[t].prototype;
+        for (n in s)
+          (a.plugins[n] = a.plugins[n] || []), a.plugins[n].push([i, s[n]]);
+      },
+      call: function (e, t, i, s) {
+        var n,
+          a = e.plugins[t];
+        if (
+          a &&
+          (s ||
+            (e.element[0].parentNode &&
+              11 !== e.element[0].parentNode.nodeType))
+        )
+          for (n = 0; a.length > n; n++)
+            e.options[a[n][0]] && a[n][1].apply(e.element, i);
+      },
+    });
+  var s = 0,
+    n = Array.prototype.slice;
+  (e.cleanData = (function (t) {
+    return function (i) {
+      var s, n, a;
+      for (a = 0; null != (n = i[a]); a++)
+        try {
+          (s = e._data(n, "events")),
+            s && s.remove && e(n).triggerHandler("remove");
+        } catch (o) {}
+      t(i);
+    };
+  })(e.cleanData)),
+    (e.widget = function (t, i, s) {
+      var n,
+        a,
+        o,
+        r,
+        h = {},
+        l = t.split(".")[0];
+      return (
+        (t = t.split(".")[1]),
+        (n = l + "-" + t),
+        s || ((s = i), (i = e.Widget)),
+        (e.expr[":"][n.toLowerCase()] = function (t) {
+          return !!e.data(t, n);
+        }),
+        (e[l] = e[l] || {}),
+        (a = e[l][t]),
+        (o = e[l][t] =
+          function (e, t) {
+            return this._createWidget
+              ? (arguments.length && this._createWidget(e, t), void 0)
+              : new o(e, t);
+          }),
+        e.extend(o, a, {
+          version: s.version,
+          _proto: e.extend({}, s),
+          _childConstructors: [],
+        }),
+        (r = new i()),
+        (r.options = e.widget.extend({}, r.options)),
+        e.each(s, function (t, s) {
+          return e.isFunction(s)
+            ? ((h[t] = (function () {
+                var e = function () {
+                    return i.prototype[t].apply(this, arguments);
+                  },
+                  n = function (e) {
+                    return i.prototype[t].apply(this, e);
+                  };
+                return function () {
+                  var t,
+                    i = this._super,
+                    a = this._superApply;
+                  return (
+                    (this._super = e),
+                    (this._superApply = n),
+                    (t = s.apply(this, arguments)),
+                    (this._super = i),
+                    (this._superApply = a),
+                    t
+                  );
+                };
+              })()),
+              void 0)
+            : ((h[t] = s), void 0);
+        }),
+        (o.prototype = e.widget.extend(
+          r,
+          { widgetEventPrefix: a ? r.widgetEventPrefix || t : t },
+          h,
+          { constructor: o, namespace: l, widgetName: t, widgetFullName: n }
+        )),
+        a
+          ? (e.each(a._childConstructors, function (t, i) {
+              var s = i.prototype;
+              e.widget(s.namespace + "." + s.widgetName, o, i._proto);
+            }),
+            delete a._childConstructors)
+          : i._childConstructors.push(o),
+        e.widget.bridge(t, o),
+        o
+      );
+    }),
+    (e.widget.extend = function (t) {
+      for (var i, s, a = n.call(arguments, 1), o = 0, r = a.length; r > o; o++)
+        for (i in a[o])
+          (s = a[o][i]),
+            a[o].hasOwnProperty(i) &&
+              void 0 !== s &&
+              (t[i] = e.isPlainObject(s)
+                ? e.isPlainObject(t[i])
+                  ? e.widget.extend({}, t[i], s)
+                  : e.widget.extend({}, s)
+                : s);
+      return t;
+    }),
+    (e.widget.bridge = function (t, i) {
+      var s = i.prototype.widgetFullName || t;
+      e.fn[t] = function (a) {
+        var o = "string" == typeof a,
+          r = n.call(arguments, 1),
+          h = this;
+        return (
+          o
+            ? this.each(function () {
+                var i,
+                  n = e.data(this, s);
+                return "instance" === a
+                  ? ((h = n), !1)
+                  : n
+                  ? e.isFunction(n[a]) && "_" !== a.charAt(0)
+                    ? ((i = n[a].apply(n, r)),
+                      i !== n && void 0 !== i
+                        ? ((h = i && i.jquery ? h.pushStack(i.get()) : i), !1)
+                        : void 0)
+                    : e.error(
+                        "no such method '" +
+                          a +
+                          "' for " +
+                          t +
+                          " widget instance"
+                      )
+                  : e.error(
+                      "cannot call methods on " +
+                        t +
+                        " prior to initialization; " +
+                        "attempted to call method '" +
+                        a +
+                        "'"
+                    );
+              })
+            : (r.length && (a = e.widget.extend.apply(null, [a].concat(r))),
+              this.each(function () {
+                var t = e.data(this, s);
+                t
+                  ? (t.option(a || {}), t._init && t._init())
+                  : e.data(this, s, new i(a, this));
+              })),
+          h
+        );
+      };
+    }),
+    (e.Widget = function () {}),
+    (e.Widget._childConstructors = []),
+    (e.Widget.prototype = {
+      widgetName: "widget",
+      widgetEventPrefix: "",
+      defaultElement: "<div>",
+      options: { disabled: !1, create: null },
+      _createWidget: function (t, i) {
+        (i = e(i || this.defaultElement || this)[0]),
+          (this.element = e(i)),
+          (this.uuid = s++),
+          (this.eventNamespace = "." + this.widgetName + this.uuid),
+          (this.bindings = e()),
+          (this.hoverable = e()),
+          (this.focusable = e()),
+          i !== this &&
+            (e.data(i, this.widgetFullName, this),
+            this._on(!0, this.element, {
+              remove: function (e) {
+                e.target === i && this.destroy();
+              },
+            }),
+            (this.document = e(i.style ? i.ownerDocument : i.document || i)),
+            (this.window = e(
+              this.document[0].defaultView || this.document[0].parentWindow
+            ))),
+          (this.options = e.widget.extend(
+            {},
+            this.options,
+            this._getCreateOptions(),
+            t
+          )),
+          this._create(),
+          this._trigger("create", null, this._getCreateEventData()),
+          this._init();
+      },
+      _getCreateOptions: e.noop,
+      _getCreateEventData: e.noop,
+      _create: e.noop,
+      _init: e.noop,
+      destroy: function () {
+        this._destroy(),
+          this.element
+            .unbind(this.eventNamespace)
+            .removeData(this.widgetFullName)
+            .removeData(e.camelCase(this.widgetFullName)),
+          this.widget()
+            .unbind(this.eventNamespace)
+            .removeAttr("aria-disabled")
+            .removeClass(
+              this.widgetFullName + "-disabled " + "ui-state-disabled"
+            ),
+          this.bindings.unbind(this.eventNamespace),
+          this.hoverable.removeClass("ui-state-hover"),
+          this.focusable.removeClass("ui-state-focus");
+      },
+      _destroy: e.noop,
+      widget: function () {
+        return this.element;
+      },
+      option: function (t, i) {
+        var s,
+          n,
+          a,
+          o = t;
+        if (0 === arguments.length) return e.widget.extend({}, this.options);
+        if ("string" == typeof t)
+          if (((o = {}), (s = t.split(".")), (t = s.shift()), s.length)) {
+            for (
+              n = o[t] = e.widget.extend({}, this.options[t]), a = 0;
+              s.length - 1 > a;
+              a++
+            )
+              (n[s[a]] = n[s[a]] || {}), (n = n[s[a]]);
+            if (((t = s.pop()), 1 === arguments.length))
+              return void 0 === n[t] ? null : n[t];
+            n[t] = i;
+          } else {
+            if (1 === arguments.length)
+              return void 0 === this.options[t] ? null : this.options[t];
+            o[t] = i;
+          }
+        return this._setOptions(o), this;
+      },
+      _setOptions: function (e) {
+        var t;
+        for (t in e) this._setOption(t, e[t]);
+        return this;
+      },
+      _setOption: function (e, t) {
+        return (
+          (this.options[e] = t),
+          "disabled" === e &&
+            (this.widget().toggleClass(this.widgetFullName + "-disabled", !!t),
+            t &&
+              (this.hoverable.removeClass("ui-state-hover"),
+              this.focusable.removeClass("ui-state-focus"))),
+          this
+        );
+      },
+      enable: function () {
+        return this._setOptions({ disabled: !1 });
+      },
+      disable: function () {
+        return this._setOptions({ disabled: !0 });
+      },
+      _on: function (t, i, s) {
+        var n,
+          a = this;
+        "boolean" != typeof t && ((s = i), (i = t), (t = !1)),
+          s
+            ? ((i = n = e(i)), (this.bindings = this.bindings.add(i)))
+            : ((s = i), (i = this.element), (n = this.widget())),
+          e.each(s, function (s, o) {
+            function r() {
+              return t ||
+                (a.options.disabled !== !0 &&
+                  !e(this).hasClass("ui-state-disabled"))
+                ? ("string" == typeof o ? a[o] : o).apply(a, arguments)
+                : void 0;
+            }
+            "string" != typeof o &&
+              (r.guid = o.guid = o.guid || r.guid || e.guid++);
+            var h = s.match(/^([\w:-]*)\s*(.*)$/),
+              l = h[1] + a.eventNamespace,
+              u = h[2];
+            u ? n.delegate(u, l, r) : i.bind(l, r);
+          });
+      },
+      _off: function (t, i) {
+        (i =
+          (i || "").split(" ").join(this.eventNamespace + " ") +
+          this.eventNamespace),
+          t.unbind(i).undelegate(i),
+          (this.bindings = e(this.bindings.not(t).get())),
+          (this.focusable = e(this.focusable.not(t).get())),
+          (this.hoverable = e(this.hoverable.not(t).get()));
+      },
+      _delay: function (e, t) {
+        function i() {
+          return ("string" == typeof e ? s[e] : e).apply(s, arguments);
+        }
+        var s = this;
+        return setTimeout(i, t || 0);
+      },
+      _hoverable: function (t) {
+        (this.hoverable = this.hoverable.add(t)),
+          this._on(t, {
+            mouseenter: function (t) {
+              e(t.currentTarget).addClass("ui-state-hover");
+            },
+            mouseleave: function (t) {
+              e(t.currentTarget).removeClass("ui-state-hover");
+            },
+          });
+      },
+      _focusable: function (t) {
+        (this.focusable = this.focusable.add(t)),
+          this._on(t, {
+            focusin: function (t) {
+              e(t.currentTarget).addClass("ui-state-focus");
+            },
+            focusout: function (t) {
+              e(t.currentTarget).removeClass("ui-state-focus");
+            },
+          });
+      },
+      _trigger: function (t, i, s) {
+        var n,
+          a,
+          o = this.options[t];
+        if (
+          ((s = s || {}),
+          (i = e.Event(i)),
+          (i.type = (
+            t === this.widgetEventPrefix ? t : this.widgetEventPrefix + t
+          ).toLowerCase()),
+          (i.target = this.element[0]),
+          (a = i.originalEvent))
+        )
+          for (n in a) n in i || (i[n] = a[n]);
+        return (
+          this.element.trigger(i, s),
+          !(
+            (e.isFunction(o) &&
+              o.apply(this.element[0], [i].concat(s)) === !1) ||
+            i.isDefaultPrevented()
+          )
+        );
+      },
+    }),
+    e.each({ show: "fadeIn", hide: "fadeOut" }, function (t, i) {
+      e.Widget.prototype["_" + t] = function (s, n, a) {
+        "string" == typeof n && (n = { effect: n });
+        var o,
+          r = n ? (n === !0 || "number" == typeof n ? i : n.effect || i) : t;
+        (n = n || {}),
+          "number" == typeof n && (n = { duration: n }),
+          (o = !e.isEmptyObject(n)),
+          (n.complete = a),
+          n.delay && s.delay(n.delay),
+          o && e.effects && e.effects.effect[r]
+            ? s[t](n)
+            : r !== t && s[r]
+            ? s[r](n.duration, n.easing, a)
+            : s.queue(function (i) {
+                e(this)[t](), a && a.call(s[0]), i();
+              });
+      };
+    }),
+    e.widget;
+  var a = !1;
+  e(document).mouseup(function () {
+    a = !1;
+  }),
+    e.widget("ui.mouse", {
+      version: "1.11.4",
+      options: {
+        cancel: "input,textarea,button,select,option",
+        distance: 1,
+        delay: 0,
+      },
+      _mouseInit: function () {
+        var t = this;
+        this.element
+          .bind("mousedown." + this.widgetName, function (e) {
+            return t._mouseDown(e);
+          })
+          .bind("click." + this.widgetName, function (i) {
+            return !0 === e.data(i.target, t.widgetName + ".preventClickEvent")
+              ? (e.removeData(i.target, t.widgetName + ".preventClickEvent"),
+                i.stopImmediatePropagation(),
+                !1)
+              : void 0;
+          }),
+          (this.started = !1);
+      },
+      _mouseDestroy: function () {
+        this.element.unbind("." + this.widgetName),
+          this._mouseMoveDelegate &&
+            this.document
+              .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+              .unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
+      },
+      _mouseDown: function (t) {
+        if (!a) {
+          (this._mouseMoved = !1),
+            this._mouseStarted && this._mouseUp(t),
+            (this._mouseDownEvent = t);
+          var i = this,
+            s = 1 === t.which,
+            n =
+              "string" == typeof this.options.cancel && t.target.nodeName
+                ? e(t.target).closest(this.options.cancel).length
+                : !1;
+          return s && !n && this._mouseCapture(t)
+            ? ((this.mouseDelayMet = !this.options.delay),
+              this.mouseDelayMet ||
+                (this._mouseDelayTimer = setTimeout(function () {
+                  i.mouseDelayMet = !0;
+                }, this.options.delay)),
+              this._mouseDistanceMet(t) &&
+              this._mouseDelayMet(t) &&
+              ((this._mouseStarted = this._mouseStart(t) !== !1),
+              !this._mouseStarted)
+                ? (t.preventDefault(), !0)
+                : (!0 ===
+                    e.data(t.target, this.widgetName + ".preventClickEvent") &&
+                    e.removeData(
+                      t.target,
+                      this.widgetName + ".preventClickEvent"
+                    ),
+                  (this._mouseMoveDelegate = function (e) {
+                    return i._mouseMove(e);
+                  }),
+                  (this._mouseUpDelegate = function (e) {
+                    return i._mouseUp(e);
+                  }),
+                  this.document
+                    .bind(
+                      "mousemove." + this.widgetName,
+                      this._mouseMoveDelegate
+                    )
+                    .bind("mouseup." + this.widgetName, this._mouseUpDelegate),
+                  t.preventDefault(),
+                  (a = !0),
+                  !0))
+            : !0;
+        }
+      },
+      _mouseMove: function (t) {
+        if (this._mouseMoved) {
+          if (
+            e.ui.ie &&
+            (!document.documentMode || 9 > document.documentMode) &&
+            !t.button
+          )
+            return this._mouseUp(t);
+          if (!t.which) return this._mouseUp(t);
+        }
+        return (
+          (t.which || t.button) && (this._mouseMoved = !0),
+          this._mouseStarted
+            ? (this._mouseDrag(t), t.preventDefault())
+            : (this._mouseDistanceMet(t) &&
+                this._mouseDelayMet(t) &&
+                ((this._mouseStarted =
+                  this._mouseStart(this._mouseDownEvent, t) !== !1),
+                this._mouseStarted ? this._mouseDrag(t) : this._mouseUp(t)),
+              !this._mouseStarted)
+        );
+      },
+      _mouseUp: function (t) {
+        return (
+          this.document
+            .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+            .unbind("mouseup." + this.widgetName, this._mouseUpDelegate),
+          this._mouseStarted &&
+            ((this._mouseStarted = !1),
+            t.target === this._mouseDownEvent.target &&
+              e.data(t.target, this.widgetName + ".preventClickEvent", !0),
+            this._mouseStop(t)),
+          (a = !1),
+          !1
+        );
+      },
+      _mouseDistanceMet: function (e) {
+        return (
+          Math.max(
+            Math.abs(this._mouseDownEvent.pageX - e.pageX),
+            Math.abs(this._mouseDownEvent.pageY - e.pageY)
+          ) >= this.options.distance
+        );
+      },
+      _mouseDelayMet: function () {
+        return this.mouseDelayMet;
+      },
+      _mouseStart: function () {},
+      _mouseDrag: function () {},
+      _mouseStop: function () {},
+      _mouseCapture: function () {
+        return !0;
+      },
+    }),
+    e.widget("ui.slider", e.ui.mouse, {
+      version: "1.11.4",
+      widgetEventPrefix: "slide",
+      options: {
+        animate: !1,
+        distance: 0,
+        max: 100,
+        min: 0,
+        orientation: "horizontal",
+        range: !1,
+        step: 1,
+        value: 0,
+        values: null,
+        change: null,
+        slide: null,
+        start: null,
+        stop: null,
+      },
+      numPages: 5,
+      _create: function () {
+        (this._keySliding = !1),
+          (this._mouseSliding = !1),
+          (this._animateOff = !0),
+          (this._handleIndex = null),
+          this._detectOrientation(),
+          this._mouseInit(),
+          this._calculateNewMax(),
+          this.element.addClass(
+            "ui-slider ui-slider-" +
+              this.orientation +
+              " ui-widget" +
+              " ui-widget-content" +
+              " ui-corner-all"
+          ),
+          this._refresh(),
+          this._setOption("disabled", this.options.disabled),
+          (this._animateOff = !1);
+      },
+      _refresh: function () {
+        this._createRange(),
+          this._createHandles(),
+          this._setupEvents(),
+          this._refreshValue();
+      },
+      _createHandles: function () {
+        var t,
+          i,
+          s = this.options,
+          n = this.element
+            .find(".ui-slider-handle")
+            .addClass("ui-state-default ui-corner-all"),
+          a =
+            "<span class='ui-slider-handle ui-state-default ui-corner-all' tabindex='0'></span>",
+          o = [];
+        for (
+          i = (s.values && s.values.length) || 1,
+            n.length > i && (n.slice(i).remove(), (n = n.slice(0, i))),
+            t = n.length;
+          i > t;
+          t++
+        )
+          o.push(a);
+        (this.handles = n.add(e(o.join("")).appendTo(this.element))),
+          (this.handle = this.handles.eq(0)),
+          this.handles.each(function (t) {
+            e(this).data("ui-slider-handle-index", t);
+          });
+      },
+      _createRange: function () {
+        var t = this.options,
+          i = "";
+        t.range
+          ? (t.range === !0 &&
+              (t.values
+                ? t.values.length && 2 !== t.values.length
+                  ? (t.values = [t.values[0], t.values[0]])
+                  : e.isArray(t.values) && (t.values = t.values.slice(0))
+                : (t.values = [this._valueMin(), this._valueMin()])),
+            this.range && this.range.length
+              ? this.range
+                  .removeClass("ui-slider-range-min ui-slider-range-max")
+                  .css({ left: "", bottom: "" })
+              : ((this.range = e("<div></div>").appendTo(this.element)),
+                (i = "ui-slider-range ui-widget-header ui-corner-all")),
+            this.range.addClass(
+              i +
+                ("min" === t.range || "max" === t.range
+                  ? " ui-slider-range-" + t.range
+                  : "")
+            ))
+          : (this.range && this.range.remove(), (this.range = null));
+      },
+      _setupEvents: function () {
+        this._off(this.handles),
+          this._on(this.handles, this._handleEvents),
+          this._hoverable(this.handles),
+          this._focusable(this.handles);
+      },
+      _destroy: function () {
+        this.handles.remove(),
+          this.range && this.range.remove(),
+          this.element.removeClass(
+            "ui-slider ui-slider-horizontal ui-slider-vertical ui-widget ui-widget-content ui-corner-all"
+          ),
+          this._mouseDestroy();
+      },
+      _mouseCapture: function (t) {
+        var i,
+          s,
+          n,
+          a,
+          o,
+          r,
+          h,
+          l,
+          u = this,
+          c = this.options;
+        return c.disabled
+          ? !1
+          : ((this.elementSize = {
+              width: this.element.outerWidth(),
+              height: this.element.outerHeight(),
+            }),
+            (this.elementOffset = this.element.offset()),
+            (i = { x: t.pageX, y: t.pageY }),
+            (s = this._normValueFromMouse(i)),
+            (n = this._valueMax() - this._valueMin() + 1),
+            this.handles.each(function (t) {
+              var i = Math.abs(s - u.values(t));
+              (n > i ||
+                (n === i &&
+                  (t === u._lastChangedValue || u.values(t) === c.min))) &&
+                ((n = i), (a = e(this)), (o = t));
+            }),
+            (r = this._start(t, o)),
+            r === !1
+              ? !1
+              : ((this._mouseSliding = !0),
+                (this._handleIndex = o),
+                a.addClass("ui-state-active").focus(),
+                (h = a.offset()),
+                (l = !e(t.target).parents().addBack().is(".ui-slider-handle")),
+                (this._clickOffset = l
+                  ? { left: 0, top: 0 }
+                  : {
+                      left: t.pageX - h.left - a.width() / 2,
+                      top:
+                        t.pageY -
+                        h.top -
+                        a.height() / 2 -
+                        (parseInt(a.css("borderTopWidth"), 10) || 0) -
+                        (parseInt(a.css("borderBottomWidth"), 10) || 0) +
+                        (parseInt(a.css("marginTop"), 10) || 0),
+                    }),
+                this.handles.hasClass("ui-state-hover") || this._slide(t, o, s),
+                (this._animateOff = !0),
+                !0));
+      },
+      _mouseStart: function () {
+        return !0;
+      },
+      _mouseDrag: function (e) {
+        var t = { x: e.pageX, y: e.pageY },
+          i = this._normValueFromMouse(t);
+        return this._slide(e, this._handleIndex, i), !1;
+      },
+      _mouseStop: function (e) {
+        return (
+          this.handles.removeClass("ui-state-active"),
+          (this._mouseSliding = !1),
+          this._stop(e, this._handleIndex),
+          this._change(e, this._handleIndex),
+          (this._handleIndex = null),
+          (this._clickOffset = null),
+          (this._animateOff = !1),
+          !1
+        );
+      },
+      _detectOrientation: function () {
+        this.orientation =
+          "vertical" === this.options.orientation ? "vertical" : "horizontal";
+      },
+      _normValueFromMouse: function (e) {
+        var t, i, s, n, a;
+        return (
+          "horizontal" === this.orientation
+            ? ((t = this.elementSize.width),
+              (i =
+                e.x -
+                this.elementOffset.left -
+                (this._clickOffset ? this._clickOffset.left : 0)))
+            : ((t = this.elementSize.height),
+              (i =
+                e.y -
+                this.elementOffset.top -
+                (this._clickOffset ? this._clickOffset.top : 0))),
+          (s = i / t),
+          s > 1 && (s = 1),
+          0 > s && (s = 0),
+          "vertical" === this.orientation && (s = 1 - s),
+          (n = this._valueMax() - this._valueMin()),
+          (a = this._valueMin() + s * n),
+          this._trimAlignValue(a)
+        );
+      },
+      _start: function (e, t) {
+        var i = { handle: this.handles[t], value: this.value() };
+        return (
+          this.options.values &&
+            this.options.values.length &&
+            ((i.value = this.values(t)), (i.values = this.values())),
+          this._trigger("start", e, i)
+        );
+      },
+      _slide: function (e, t, i) {
+        var s, n, a;
+        this.options.values && this.options.values.length
+          ? ((s = this.values(t ? 0 : 1)),
+            2 === this.options.values.length &&
+              this.options.range === !0 &&
+              ((0 === t && i > s) || (1 === t && s > i)) &&
+              (i = s),
+            i !== this.values(t) &&
+              ((n = this.values()),
+              (n[t] = i),
+              (a = this._trigger("slide", e, {
+                handle: this.handles[t],
+                value: i,
+                values: n,
+              })),
+              (s = this.values(t ? 0 : 1)),
+              a !== !1 && this.values(t, i)))
+          : i !== this.value() &&
+            ((a = this._trigger("slide", e, {
+              handle: this.handles[t],
+              value: i,
+            })),
+            a !== !1 && this.value(i));
+      },
+      _stop: function (e, t) {
+        var i = { handle: this.handles[t], value: this.value() };
+        this.options.values &&
+          this.options.values.length &&
+          ((i.value = this.values(t)), (i.values = this.values())),
+          this._trigger("stop", e, i);
+      },
+      _change: function (e, t) {
+        if (!this._keySliding && !this._mouseSliding) {
+          var i = { handle: this.handles[t], value: this.value() };
+          this.options.values &&
+            this.options.values.length &&
+            ((i.value = this.values(t)), (i.values = this.values())),
+            (this._lastChangedValue = t),
+            this._trigger("change", e, i);
+        }
+      },
+      value: function (e) {
+        return arguments.length
+          ? ((this.options.value = this._trimAlignValue(e)),
+            this._refreshValue(),
+            this._change(null, 0),
+            void 0)
+          : this._value();
+      },
+      values: function (t, i) {
+        var s, n, a;
+        if (arguments.length > 1)
+          return (
+            (this.options.values[t] = this._trimAlignValue(i)),
+            this._refreshValue(),
+            this._change(null, t),
+            void 0
+          );
+        if (!arguments.length) return this._values();
+        if (!e.isArray(arguments[0]))
+          return this.options.values && this.options.values.length
+            ? this._values(t)
+            : this.value();
+        for (
+          s = this.options.values, n = arguments[0], a = 0;
+          s.length > a;
+          a += 1
+        )
+          (s[a] = this._trimAlignValue(n[a])), this._change(null, a);
+        this._refreshValue();
+      },
+      _setOption: function (t, i) {
+        var s,
+          n = 0;
+        switch (
+          ("range" === t &&
+            this.options.range === !0 &&
+            ("min" === i
+              ? ((this.options.value = this._values(0)),
+                (this.options.values = null))
+              : "max" === i &&
+                ((this.options.value = this._values(
+                  this.options.values.length - 1
+                )),
+                (this.options.values = null))),
+          e.isArray(this.options.values) && (n = this.options.values.length),
+          "disabled" === t &&
+            this.element.toggleClass("ui-state-disabled", !!i),
+          this._super(t, i),
+          t)
+        ) {
+          case "orientation":
+            this._detectOrientation(),
+              this.element
+                .removeClass("ui-slider-horizontal ui-slider-vertical")
+                .addClass("ui-slider-" + this.orientation),
+              this._refreshValue(),
+              this.handles.css("horizontal" === i ? "bottom" : "left", "");
+            break;
+          case "value":
+            (this._animateOff = !0),
+              this._refreshValue(),
+              this._change(null, 0),
+              (this._animateOff = !1);
+            break;
+          case "values":
+            for (
+              this._animateOff = !0, this._refreshValue(), s = 0;
+              n > s;
+              s += 1
+            )
+              this._change(null, s);
+            this._animateOff = !1;
+            break;
+          case "step":
+          case "min":
+          case "max":
+            (this._animateOff = !0),
+              this._calculateNewMax(),
+              this._refreshValue(),
+              (this._animateOff = !1);
+            break;
+          case "range":
+            (this._animateOff = !0), this._refresh(), (this._animateOff = !1);
+        }
+      },
+      _value: function () {
+        var e = this.options.value;
+        return (e = this._trimAlignValue(e));
+      },
+      _values: function (e) {
+        var t, i, s;
+        if (arguments.length)
+          return (t = this.options.values[e]), (t = this._trimAlignValue(t));
+        if (this.options.values && this.options.values.length) {
+          for (i = this.options.values.slice(), s = 0; i.length > s; s += 1)
+            i[s] = this._trimAlignValue(i[s]);
+          return i;
+        }
+        return [];
+      },
+      _trimAlignValue: function (e) {
+        if (this._valueMin() >= e) return this._valueMin();
+        if (e >= this._valueMax()) return this._valueMax();
+        var t = this.options.step > 0 ? this.options.step : 1,
+          i = (e - this._valueMin()) % t,
+          s = e - i;
+        return (
+          2 * Math.abs(i) >= t && (s += i > 0 ? t : -t),
+          parseFloat(s.toFixed(5))
+        );
+      },
+      _calculateNewMax: function () {
+        var e = this.options.max,
+          t = this._valueMin(),
+          i = this.options.step,
+          s = Math.floor(+(e - t).toFixed(this._precision()) / i) * i;
+        (e = s + t), (this.max = parseFloat(e.toFixed(this._precision())));
+      },
+      _precision: function () {
+        var e = this._precisionOf(this.options.step);
+        return (
+          null !== this.options.min &&
+            (e = Math.max(e, this._precisionOf(this.options.min))),
+          e
+        );
+      },
+      _precisionOf: function (e) {
+        var t = "" + e,
+          i = t.indexOf(".");
+        return -1 === i ? 0 : t.length - i - 1;
+      },
+      _valueMin: function () {
+        return this.options.min;
+      },
+      _valueMax: function () {
+        return this.max;
+      },
+      _refreshValue: function () {
+        var t,
+          i,
+          s,
+          n,
+          a,
+          o = this.options.range,
+          r = this.options,
+          h = this,
+          l = this._animateOff ? !1 : r.animate,
+          u = {};
+        this.options.values && this.options.values.length
+          ? this.handles.each(function (s) {
+              (i =
+                100 *
+                ((h.values(s) - h._valueMin()) /
+                  (h._valueMax() - h._valueMin()))),
+                (u["horizontal" === h.orientation ? "left" : "bottom"] =
+                  i + "%"),
+                e(this).stop(1, 1)[l ? "animate" : "css"](u, r.animate),
+                h.options.range === !0 &&
+                  ("horizontal" === h.orientation
+                    ? (0 === s &&
+                        h.range
+                          .stop(1, 1)
+                          [l ? "animate" : "css"]({ left: i + "%" }, r.animate),
+                      1 === s &&
+                        h.range[l ? "animate" : "css"](
+                          { width: i - t + "%" },
+                          { queue: !1, duration: r.animate }
+                        ))
+                    : (0 === s &&
+                        h.range
+                          .stop(1, 1)
+                          [l ? "animate" : "css"](
+                            { bottom: i + "%" },
+                            r.animate
+                          ),
+                      1 === s &&
+                        h.range[l ? "animate" : "css"](
+                          { height: i - t + "%" },
+                          { queue: !1, duration: r.animate }
+                        ))),
+                (t = i);
+            })
+          : ((s = this.value()),
+            (n = this._valueMin()),
+            (a = this._valueMax()),
+            (i = a !== n ? 100 * ((s - n) / (a - n)) : 0),
+            (u["horizontal" === this.orientation ? "left" : "bottom"] =
+              i + "%"),
+            this.handle.stop(1, 1)[l ? "animate" : "css"](u, r.animate),
+            "min" === o &&
+              "horizontal" === this.orientation &&
+              this.range
+                .stop(1, 1)
+                [l ? "animate" : "css"]({ width: i + "%" }, r.animate),
+            "max" === o &&
+              "horizontal" === this.orientation &&
+              this.range[l ? "animate" : "css"](
+                { width: 100 - i + "%" },
+                { queue: !1, duration: r.animate }
+              ),
+            "min" === o &&
+              "vertical" === this.orientation &&
+              this.range
+                .stop(1, 1)
+                [l ? "animate" : "css"]({ height: i + "%" }, r.animate),
+            "max" === o &&
+              "vertical" === this.orientation &&
+              this.range[l ? "animate" : "css"](
+                { height: 100 - i + "%" },
+                { queue: !1, duration: r.animate }
+              ));
+      },
+      _handleEvents: {
+        keydown: function (t) {
+          var i,
+            s,
+            n,
+            a,
+            o = e(t.target).data("ui-slider-handle-index");
+          switch (t.keyCode) {
+            case e.ui.keyCode.HOME:
+            case e.ui.keyCode.END:
+            case e.ui.keyCode.PAGE_UP:
+            case e.ui.keyCode.PAGE_DOWN:
+            case e.ui.keyCode.UP:
+            case e.ui.keyCode.RIGHT:
+            case e.ui.keyCode.DOWN:
+            case e.ui.keyCode.LEFT:
+              if (
+                (t.preventDefault(),
+                !this._keySliding &&
+                  ((this._keySliding = !0),
+                  e(t.target).addClass("ui-state-active"),
+                  (i = this._start(t, o)),
+                  i === !1))
+              )
+                return;
+          }
+          switch (
+            ((a = this.options.step),
+            (s = n =
+              this.options.values && this.options.values.length
+                ? this.values(o)
+                : this.value()),
+            t.keyCode)
+          ) {
+            case e.ui.keyCode.HOME:
+              n = this._valueMin();
+              break;
+            case e.ui.keyCode.END:
+              n = this._valueMax();
+              break;
+            case e.ui.keyCode.PAGE_UP:
+              n = this._trimAlignValue(
+                s + (this._valueMax() - this._valueMin()) / this.numPages
+              );
+              break;
+            case e.ui.keyCode.PAGE_DOWN:
+              n = this._trimAlignValue(
+                s - (this._valueMax() - this._valueMin()) / this.numPages
+              );
+              break;
+            case e.ui.keyCode.UP:
+            case e.ui.keyCode.RIGHT:
+              if (s === this._valueMax()) return;
+              n = this._trimAlignValue(s + a);
+              break;
+            case e.ui.keyCode.DOWN:
+            case e.ui.keyCode.LEFT:
+              if (s === this._valueMin()) return;
+              n = this._trimAlignValue(s - a);
+          }
+          this._slide(t, o, n);
+        },
+        keyup: function (t) {
+          var i = e(t.target).data("ui-slider-handle-index");
+          this._keySliding &&
+            ((this._keySliding = !1),
+            this._stop(t, i),
+            this._change(t, i),
+            e(t.target).removeClass("ui-state-active"));
+        },
+      },
+    });
+});
diff --git a/quarter/assets/media/1.mp4 b/quarter/assets/media/1.mp4
new file mode 100644
index 0000000..0a4dd5b
Binary files /dev/null and b/quarter/assets/media/1.mp4 differ
diff --git a/quarter/assets/media/2.mp4 b/quarter/assets/media/2.mp4
new file mode 100644
index 0000000..0a4dd5b
Binary files /dev/null and b/quarter/assets/media/2.mp4 differ
diff --git a/quarter/assets/media/3.mp4 b/quarter/assets/media/3.mp4
new file mode 100644
index 0000000..c6ea939
Binary files /dev/null and b/quarter/assets/media/3.mp4 differ
diff --git a/quarter/assets/webfonts/fa-brands-400.ttf b/quarter/assets/webfonts/fa-brands-400.ttf
new file mode 100644
index 0000000..227f022
Binary files /dev/null and b/quarter/assets/webfonts/fa-brands-400.ttf differ
diff --git a/quarter/assets/webfonts/fa-brands-400.woff2 b/quarter/assets/webfonts/fa-brands-400.woff2
new file mode 100644
index 0000000..73c5c12
Binary files /dev/null and b/quarter/assets/webfonts/fa-brands-400.woff2 differ
diff --git a/quarter/assets/webfonts/fa-regular-400.ttf b/quarter/assets/webfonts/fa-regular-400.ttf
new file mode 100644
index 0000000..c8ed46d
Binary files /dev/null and b/quarter/assets/webfonts/fa-regular-400.ttf differ
diff --git a/quarter/assets/webfonts/fa-regular-400.woff2 b/quarter/assets/webfonts/fa-regular-400.woff2
new file mode 100644
index 0000000..c9291c7
Binary files /dev/null and b/quarter/assets/webfonts/fa-regular-400.woff2 differ
diff --git a/quarter/assets/webfonts/fa-solid-900.ttf b/quarter/assets/webfonts/fa-solid-900.ttf
new file mode 100644
index 0000000..99b35ad
Binary files /dev/null and b/quarter/assets/webfonts/fa-solid-900.ttf differ
diff --git a/quarter/assets/webfonts/fa-solid-900.woff2 b/quarter/assets/webfonts/fa-solid-900.woff2
new file mode 100644
index 0000000..c7bd59c
Binary files /dev/null and b/quarter/assets/webfonts/fa-solid-900.woff2 differ
diff --git a/quarter/assets/webfonts/fa-v4compatibility.ttf b/quarter/assets/webfonts/fa-v4compatibility.ttf
new file mode 100644
index 0000000..be0afc2
Binary files /dev/null and b/quarter/assets/webfonts/fa-v4compatibility.ttf differ
diff --git a/quarter/assets/webfonts/fa-v4compatibility.woff2 b/quarter/assets/webfonts/fa-v4compatibility.woff2
new file mode 100644
index 0000000..37a9b8c
Binary files /dev/null and b/quarter/assets/webfonts/fa-v4compatibility.woff2 differ
diff --git a/quarter/blog-details.html b/quarter/blog-details.html
new file mode 100644
index 0000000..1e88bf6
--- /dev/null
+++ b/quarter/blog-details.html
@@ -0,0 +1,4156 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                News Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- News Details section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <div
+                class="px-5 md:px-50px py-50px border-2 border-border-color-11"
+              >
+                <div>
+                  <ul class="mb-5">
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >REAL ESTATE</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+
+                  <h1
+                    class="text-2xl md:text-3xl font-semibold text-heading-color mb-5"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                      >Real estate is property consisting of land and the
+                      buildings on it, along with its</span
+                    >
+                  </h1>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                    <li>
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="flex items-center gap-10px text-xs md:text-sm font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-30px h-30px rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                    </li>
+
+                    <li>
+                      <p class="text-xs md:text-sm font-semibold">
+                        <span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-calendar-alt text-secondary-color mr-5px"
+                          ></i>
+                          June 22, 2024</span
+                        >
+                      </p>
+                    </li>
+                    <li>
+                      <a class="text-xs md:text-sm font-semibold" href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-comments text-secondary-color mr-5px"
+                          ></i>
+                          35 Comments</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+
+                  <!-- Description -->
+
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt mollit anim id est laborum. Sed ut
+                      perspiciatis unde omnis iste natus error sit voluptatem
+                      accusantium doloremque laudantium, totam rem aperiam,
+                      eaque ipsa quae ab illo inventore veritatis et quasi
+                      architecto beatae vitae dicta sunt explicabo. Nemo enim
+                      ipsam voluptatem quia voluptas sit aspernatur aut odit aut
+                      fugit, sed quia consequuntur magni dolores eos qui ratione
+                      voluptatem sequi nesciunt. Neque porro quisquam est, qui
+                      dolorem ipsum quia dolor sit amet, consectetur, adipisci
+                      velit, sed quia non numquam eius modi tempora incidunt ut
+                      labore et dolore magnam aliquam quaerat voluptatem.</span
+                    >
+                  </p>
+
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt.</span
+                    >
+                  </p>
+                  <!-- thumbnail -->
+                  <div class="leading1">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </div>
+                  <!-- hints 1 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >A cleansing hot shower or bath</span
+                      >
+                    </h4>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia.</span
+                      >
+                    </p>
+                    <hr
+                      class="my-50px border-b border-border-color-12 opacity-25"
+                    >
+                  </div>
+
+                  <!-- hints 2 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Setting the mood with incense</span
+                      >
+                    </h4>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia.</span
+                      >
+                    </p>
+                    <hr
+                      class="my-50px border-b border-border-color-12 opacity-25"
+                    >
+                  </div>
+
+                  <!-- hints 3 -->
+                  <div>
+                    <h4
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px mt-30px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Setting the mood with incense</span
+                      >
+                    </h4>
+
+                    <ul class="flex flex-col gap-y-4">
+                      <li
+                        class="pl-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:left-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pl-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:left-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pl-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:left-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pl-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:left-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                      <li
+                        class="pl-30px relative before:content-['\f00c'] before:font-[900] before:font-fontawesome before:text-xs before:absolute before:left-0 before:top-[5px] before:text-heading-color"
+                      >
+                        <p class="text-sm lg:text-base">
+                          <span class="leading-1.8 lg:leading-1.8"
+                            >Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                  <!-- blog quot -->
+                  <div class="bg-section-bg-1 relative z-0 my-50px">
+                    <div
+                      class="px-5 md:pl-60px md:pr-50px pt-70px pb-10 md:py-60px text-center relative"
+                    >
+                      <!-- main -->
+                      <div>
+                        <div
+                          class="before:content-['\e94d'] before:font-icomoon before:relative md:before:absolute md:before:right-[45px] md:before:top-1/2 before:text-6xl md:before:text-150px before:font-bold before:mb-10px md:before:mb-0 before:-translate-y-1/2 before:block before:text-center md:before:text-start before:text-white before:-z-1"
+                        >
+                          <h4
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-15px uppercase"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                              >BY HETMAYAR</span
+                            >
+                          </h4>
+                          <h4
+                            class="text-base md:text-lg font-bold text-paragraph-color hyphens-none"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                              >Viral dreamcatcher keytar typewriter, aest hetic
+                              offal umami. Aesthetic polaroid pug pitchfork
+                              post-ironic.</span
+                            >
+                          </h4>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- float -->
+                  <div>
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit
+                        anim id est laborum. Sed ut perspiciatis unde omnis iste
+                        natus error sit voluptatem accusantium.</span
+                      >
+                    </p>
+                    <div class="float-left clear-both mr-5 inline-block">
+                      <img
+                        src="./assets/img/blog/blog-details/1.jpg"
+                        alt=""
+                        class="max-w-[255px]"
+                      >
+                    </div>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                      sed do eiusmod tempor incididunt ut labore et dolore magna
+                      aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                      ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                      Duis aute irure dolor in reprehenderit in voluptate velit
+                      esse cillum dolore eu fugiat nulla pariatur. Excepteur
+                      sint occaecat cupidatat non proident, sunt in culpa qui
+                      officia deserunt mollit anim id est laborum. Sed ut
+                      perspiciatis unde omnis iste natus
+                    </p>
+
+                    <p class="text-sm lg:text-base my-5 lg:my-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum dolore eu
+                        fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+                        non proident, sunt in culpa qui officia deserunt mollit
+                        anim id est laborum. Sed ut perspiciatis unde omnis iste
+                        natus error sit voluptatem.</span
+                      >
+                    </p>
+                  </div>
+                  <h4
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px mt-30px"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing
+                      elit.</span
+                    >
+                  </h4>
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Consectetur expedita velit laboriosam est sint laborum eos
+                      assumenda, quam voluptatem adipisci, reprehenderit ut
+                      nobis blanditiis perspiciatis!</span
+                    >
+                  </p>
+                  <!-- grid of 2 -->
+                  <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                    <div>
+                      <img src="./assets/img/service/31.jpg" alt="" >
+                      <p class="text-sm">
+                        <span class="leading-1.8">Image caption here.</span>
+                      </p>
+                    </div>
+                    <div>
+                      <img src="./assets/img/service/32.jpg" alt="" >
+                    </div>
+                  </div>
+                  <p class="text-sm lg:text-base my-5 lg:my-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Consectetur expedita velit laboriosam est sint laborum eos
+                      assumenda, quam voluptatem adipisci, reprehenderit ut
+                      nobis blanditiis perspiciatis!</span
+                    >
+                  </p>
+                  <!-- tags and social -->
+                  <div
+                    class="flex flex-col lg:flex-row lg:justify-between mt-20"
+                  >
+                    <!-- tags -->
+                    <div>
+                      <h4
+                        class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Releted Tags</span
+                        >
+                      </h4>
+                      <ul
+                        class="flex gap-10px flex-wrap items-center font-poppins"
+                      >
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                            >POPULAR
+                          </a>
+                        </li>
+
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                          >
+                            DESGIN
+                          </a>
+                        </li>
+
+                        <li>
+                          <a
+                            href="#"
+                            class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                            >UX
+                          </a>
+                        </li>
+                      </ul>
+                    </div>
+
+                    <!-- social -->
+                    <div>
+                      <h4
+                        class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px mt-30px lg:mt-0"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Social Share</span
+                        >
+                      </h4>
+                      <ul
+                        class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                      >
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.facebook.com"
+                            ><i class="fab fa-facebook-f"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://x.com"
+                            ><i class="fab fa-twitter"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.linkedin.com"
+                            ><i class="fab fa-linkedin"></i
+                          ></a>
+                        </li>
+                        <li class="leading-1.8 lg:leading-1.8">
+                          <a href="https://www.youtube.com"
+                            ><i class="fab fa-youtube"></i
+                          ></a>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+
+                  <hr
+                    class="my-50px border-b border-border-color-12 opacity-25"
+                  >
+                  <!-- navigation -->
+
+                  <div
+                    class="grid grid-cols-1 lg:grid-cols-2 relative z-0 after:content-['\e958'] after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:text-3xl after:font-icomoon after:z-1 after:text-secondary-color"
+                  >
+                    <!-- prev blog -->
+                    <div>
+                      <h4
+                        class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-3"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Prev Post</span
+                        >
+                      </h4>
+                      <h4
+                        class="text-lg lg:text-2xl font-semibold text-heading-color"
+                      >
+                        <a
+                          href="#"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Tips On Minimalist</a
+                        >
+                      </h4>
+                    </div>
+                    <!-- next  blog -->
+                    <div class="text-end">
+                      <h4
+                        class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-3"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Next Post</span
+                        >
+                      </h4>
+                      <h4
+                        class="text-lg lg:text-2xl font-semibold text-heading-color"
+                      >
+                        <a
+                          href="#"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Less Is More</a
+                        >
+                      </h4>
+                    </div>
+                  </div>
+                  <hr
+                    class="my-50px border-0 border-b border-border-color-12 opacity-25"
+                  >
+
+                  <!-- related blogs -->
+
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      Related Post
+                    </h4>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-20">
+                      <!-- card 1 -->
+                      <div class="group shadow-box-shadow-5">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a href="blog-details.html" class="overflow-hidden">
+                            <img
+                              src="./assets/img/blog/blog-details/11.jpg"
+                              class="w-full transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 md:pl-35px md:pr-30px pt-35px pb-30px">
+                          <p
+                            class="text-xs md:text-sm mb-5 text-secondary-color"
+                          >
+                            <span class="leading-1.8 md:leading-1.8"
+                              ><i
+                                class="far fa-calendar-alt text-secondary-color mr-5px"
+                              ></i>
+                              June 22, 2024</span
+                            >
+                          </p>
+                          <h4
+                            class="text-xl font-semibold text-heading-color mb-5"
+                          >
+                            <a
+                              href="blog-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >A series of iOS 7 inspire vector icons sense.
+                            </a>
+                          </h4>
+                          <p class="text-sm">
+                            <span class="leading-1.8 lg:leading-1.8"
+                              >Lorem ipsum dolor sit amet, conse ctet ur
+                              adipisicing elit, sed doing.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="group shadow-box-shadow-5">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a href="blog-details.html" class="overflow-hidden">
+                            <img
+                              src="./assets/img/blog/blog-details/12.jpg"
+                              class="w-full transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 md:pl-35px md:pr-30px pt-35px pb-30px">
+                          <p
+                            class="text-xs md:text-sm mb-5 text-secondary-color"
+                          >
+                            <span class="leading-1.8 md:leading-1.8"
+                              ><i
+                                class="far fa-calendar-alt text-secondary-color mr-5px"
+                              ></i>
+                              June 22, 2024</span
+                            >
+                          </p>
+                          <h4
+                            class="text-xl font-semibold text-heading-color mb-5"
+                          >
+                            <a
+                              href="blog-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >A series of iOS 7 inspire vector icons sense.
+                            </a>
+                          </h4>
+                          <p class="text-sm">
+                            <span class="leading-1.8 lg:leading-1.8"
+                              >Lorem ipsum dolor sit amet, conse ctet ur
+                              adipisicing elit, sed doing.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- author -->
+                  <div
+                    class="flex flex-col md:flex-row p-10 px-5 md:px-10 border-2 border-border-color-11"
+                  >
+                    <div
+                      class="mr-0 md:mr-10 lg:mr-30px xl:mr-10 mb-30px md:mb-0 flex-shrink-0"
+                    >
+                      <img
+                        src="./assets/img/blog/author.jpg"
+                        class="max-full w-100px md:w-[180px] lg:w-[120px] xl:w-[180px]"
+                        alt=""
+                      >
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-secondary-color font-bold mb-0">
+                        <span class="leading-1.3">Written by</span>
+                      </h6>
+                      <h2
+                        class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-10px"
+                      >
+                        <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                          >Rosalina D. William
+                        </span>
+                      </h2>
+
+                      <p class="text-sm flex items-center gap-4 mt-2">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Ut enim ad minim veniam, quis
+                          nostrud exercitation is enougn for today.</span
+                        >
+                      </p>
+                    </div>
+                  </div>
+                  <!-- Comments -->
+                  <div class="mt-50px">
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      03 Comments
+                    </h4>
+                    <ul class="mb-20px">
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 pb-30px"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/1.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Adam Smit</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12 ml-0 md:ml-[70px]"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/3.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Jhone Doe</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                      <li
+                        class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                      >
+                        <div class="flex-shrink-0">
+                          <img
+                            src="./assets/img/testimonial/4.jpg"
+                            alt=""
+                            class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                          >
+                        </div>
+                        <div class="relative">
+                          <h4
+                            class="text-lg text-heading-color font-semibold mb-5px"
+                          >
+                            <a href="#" class="leading-1.3">Arnold Jack</a>
+                          </h4>
+                          <h6
+                            class="text-13px text-secondary-color font-bold mb-10px"
+                          >
+                            <span class="leading-1.3">20th May 2024</span>
+                          </h6>
+
+                          <p class="text-sm mb-5 md:mb-0">
+                            <span class="leading-1.8"
+                              >Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit. Doloribus, omnis fugit corporis
+                              iste magnam ratione.</span
+                            >
+                          </p>
+                          <p
+                            class="text-xs md:text-sm font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                          >
+                            <span class="leading-9 md:leading-9"
+                              ><i class="icon-reply-1 mr-1"></i> Reply</span
+                            >
+                          </p>
+                        </div>
+                      </li>
+                    </ul>
+                  </div>
+                  <hr
+                    class="my-50px border-b border-border-color-12 opacity-25"
+                  >
+                  <!-- Post Comment -->
+                  <div>
+                    <h4
+                      class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+                    >
+                      Post Comment
+                    </h4>
+
+                    <form
+                      class="form-primary bg-white-5 shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10"
+                    >
+                      <div class="grid gap-30px mb-35px">
+                        <!-- message -->
+                        <div class="relative mb-2">
+                          <textarea
+                           
+                            
+                            placeholder="Type your comments...."
+                            class="min-h-[150px] text-paragraph-color bg-white pl-5 pr-50px py-15px outline-none border-2 focus:border-0 border-white-5 h-65px block w-full rounded-none transition-none"
+                          ></textarea>
+                          <span
+                            class="absolute top-[30px] -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- name -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your name...."
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                        <!-- email -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your email...."
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+
+                        <!-- website -->
+                        <div class="relative">
+                          <input
+                            type="text"
+                            placeholder="Type your website...."
+                            class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                          >
+                          <span
+                            class="absolute top-1/2 -translate-y-1/2 right-4"
+                          >
+                            <i
+                              class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                            ></i>
+                          </span>
+                        </div>
+                      </div>
+                      <!-- agree -->
+                      <div class="text-sm mb-35px">
+                        <input
+                          type="checkbox"
+                          id="agree"
+                          class="float-left clear-both mt-0.5"
+                        >
+                        <label for="agree" class="text-sm ml-1">
+                          Save my name, email, and website in this browser for
+                          the next time I comment.
+                        </label>
+                      </div>
+
+                      <!-- submit button -->
+
+                      <div>
+                        <h5
+                          class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                          ></span>
+                          <button
+                            type="submit"
+                            class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                          >
+                            <i class="far fa-comments"></i> Post Comment
+                          </button>
+                        </h5>
+                      </div>
+                    </form>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/blog-grid.html b/quarter/blog-grid.html
new file mode 100644
index 0000000..1680f92
--- /dev/null
+++ b/quarter/blog-grid.html
@@ -0,0 +1,2858 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Blog Grid</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog Grid
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- blog grid section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-30px gap-y-50px mb-50px"
+          >
+            <!-- card 1 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/1.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Common Engine Oil Problems and Solutions</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/2.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Interior</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How and when to replace brake rotors</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 21, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/3.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Estate</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 22, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/4.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How to Prepare for your First Track Day!</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 5 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/5.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Trends</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How to: Make Your Tires Last Longer</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 6 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/6.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Common Engine Oil Problems and Solutions</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 7 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/7.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Interior</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >How and when to replace brake rotors</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 21, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 8 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/8.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i>
+                      Estate</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 22, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+
+            <!-- card 9 -->
+
+            <div class="group">
+              <!-- card thumbs -->
+              <div class="relative leading-1">
+                <a href="blog-details.html" class="overflow-hidden">
+                  <img
+                    src="./assets/img/blog/2.jpg"
+                    class="w-full group-hover:scale-110 transition-all duration-700"
+                    alt=""
+                  >
+                </a>
+              </div>
+              <!-- card body -->
+              <div class="p-30px shadow-box-shadow-4">
+                <ul class="mb-15px flex gap-x-25px items-center">
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="far fa-user text-secondary-color"></i> by:
+                      Admin</a
+                    >
+                  </li>
+                  <li class="text-xs md:text-sm font-semibold">
+                    <a
+                      href="#"
+                      class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                      ><i class="fas fa-tags text-secondary-color"></i> Room</a
+                    >
+                  </li>
+                </ul>
+                <h4
+                  class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                >
+                  <a
+                    href="blog-details.html"
+                    class="hover:text-secondary-color leading-1.3"
+                    >Electric Car Maintenance, Servicing & Repairs</a
+                  >
+                </h4>
+                <div class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1">
+                  <ul class="flex justify-between items-center">
+                    <li class="text-xs md:text-sm font-semibold">
+                      <p class="leading-1.8 flex gap-5px items-center">
+                        <i class="far fa-calendar-alt text-secondary-color"></i>
+                        June 24, 2024
+                      </p>
+                    </li>
+                    <li class="text-xs md:text-sm font-semibold">
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.8 text-secondary-color uppercase"
+                      >
+                        Read more</a
+                      >
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- pagination -->
+          <div class="flex justify-center pt-4">
+            <ul
+              class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+            >
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  ><i class="fas fa-angle-double-left"></i
+                ></a>
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >1</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >2</a
+                >
+              </li>
+
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >3</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >...</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  >10</a
+                >
+              </li>
+              <li>
+                <a
+                  href="#"
+                  class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                  ><i class="fas fa-angle-double-right"></i
+                ></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/blog-left-sidebar.html b/quarter/blog-left-sidebar.html
new file mode 100644
index 0000000..a02e8d9
--- /dev/null
+++ b/quarter/blog-left-sidebar.html
@@ -0,0 +1,4123 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Blog Left Sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-right" ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-left" ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pl-0 lg:pl-20 xl:pl-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:left-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pl-0 lg:pl-20 xl:pl-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-1 lg:col-span-4 lg:row-start-1 pt-100px lg:pt-0"
+            >
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/blog-right-sidebar.html b/quarter/blog-right-sidebar.html
new file mode 100644
index 0000000..286611b
--- /dev/null
+++ b/quarter/blog-right-sidebar.html
@@ -0,0 +1,4121 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Feeds</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-right" ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-left" ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pl-0 lg:pl-20 xl:pl-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:left-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pl-0 lg:pl-20 xl:pl-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/blog.html b/quarter/blog.html
new file mode 100644
index 0000000..286611b
--- /dev/null
+++ b/quarter/blog.html
@@ -0,0 +1,4121 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >News Feeds</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Blog
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div
+          class="container modal-container property-tab pt-30 pb-140px lg:pb-30"
+        >
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- news main content -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- blog 1 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="leading-1">
+                  <a href="blog-details.html">
+                    <img
+                      src="./assets/img/blog/31.jpg"
+                      class="w-full -mb-1"
+                      alt=""
+                    >
+                  </a>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >REAL ESTATE</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Real estate is property consisting of land and the
+                        buildings on it, along with its</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 2 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="relative leading-1 after:absolute after:left-0 after:top-0 after:w-full after:h-full after:bg-primary-color after:bg-opacity-30 after:z-1"
+                >
+                  <a href="blog-details.html" class="-mb-1">
+                    <img
+                      src="./assets/img/blog/32.jpg"
+                      class="w-full"
+                      alt=""
+                    >
+                  </a>
+
+                  <div
+                    class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                  >
+                    <a
+                      class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-white shadow-box-shadow-2 rounded-100% bg-secondary-color hover:text-white flex items-center justify-center"
+                      href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Adipisicing elit, sed do eiusmod tempor incididunt ut
+                        labore et dolore.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 3 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div
+                  class="news-single-slider-container swiper-container relative"
+                >
+                  <div class="swiper swiper news-single-slider static">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/33.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/34.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                      <div class="swiper-slide cursor-default">
+                        <div class="leading-1">
+                          <a href="blog-details.html">
+                            <img
+                              src="./assets/img/blog/31.jpg"
+                              class="w-full -mb-1"
+                              alt=""
+                            >
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!--  navigation -->
+                    <div class="block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-right" ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-left" ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Magna aliqua. Ut enim ad minim venia m, quis nostrud
+                        exercitation ullamco</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 4 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- thumbnail  -->
+                <div class="min-h-[300px]">
+                  <iframe
+                    src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&amp;color=%23ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true&amp;visual=true"
+                    class="w-full h-full min-h-[300px]"
+                  ></iframe>
+                </div>
+
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Laboris nisi ut aliquip ex ea commodo consequat. Duis
+                        aute irure dolor.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 5 -->
+              <div class="border-2 border-border-color-11 mb-10">
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!--  status -->
+
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >In reprehenderit in voluptate velit esse cillum dolore
+                        eu fugiat nulla pariatur.</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+
+                    <!-- Description -->
+
+                    <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipisicing
+                        elit, sed do eiusmod tempor incididunt ut labore et
+                        dolore magna aliqua. Ut enim ad minim veniam, quis
+                        nostrud exercitation ullamco laboris nisi ut aliquip ex
+                        ea commodo consequat. Duis aute irure dolor in
+                        reprehenderit in voluptate velit esse cillum
+                        dolore</span
+                      >
+                    </p>
+                    <!-- news footer -->
+                    <div class="flex justify-between items-center pt-10px">
+                      <div>
+                        <a
+                          href="team-details.html"
+                          class="text-sm lg:text-base flex items-center gap-10px font-semibold"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="flex-shrink-0 w-10 h-10 rounded-100%"
+                          >
+                          <span>By: Ethan</span>
+                        </a>
+                      </div>
+                      <div>
+                        <a
+                          href="blog-details.html"
+                          class="text-sm flex items-center gap-1 font-bold text-heading-color"
+                        >
+                          <span class="leading-1.8"
+                            ><i class="fas fa-arrow-right"></i>Read more</span
+                          >
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 6 -->
+              <div
+                class="bg-[url('../img/blog/3.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-secondary-color-2 before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px">
+                  <!-- main -->
+                  <div>
+                    <div
+                      class="pl-0 lg:pl-20 xl:pl-100px relative before:content-['\e94d'] before:font-icomoon before:relative lg:before:absolute before:left-0 lg:before:top-2 xl:before:top-7 before:text-3xl md:before:text-50px xl:before:text-80px before:font-bold before:mb-10px lg:before:mb-0 before:text-white"
+                    >
+                      <h4
+                        class="text-xl md:text-2xl xl:text-35px font-semibold text-white mb-30px"
+                      >
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.3 md:leading-1.3 xl:leading-1.3 hover:text-white"
+                          >Excepteur sint occaecat cupida tat non proident, sunt
+                          in.</a
+                        >
+                      </h4>
+                    </div>
+
+                    <ul
+                      class="flex gap-x-15px md:gap-x-30px items-center pl-0 lg:pl-20 xl:pl-100px relative z-10"
+                    >
+                      <li>
+                        <a
+                          href="#"
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-eye mr-5px text-white"></i> 232
+                            Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-comments mr-5px"></i> 35
+                            Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p
+                          class="text-xs md:text-sm font-semibold text-white hover:text-white"
+                        >
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt mr-5px"></i> June 22,
+                            2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <!-- blog 7 -->
+              <div
+                class="border-2 border-border-color-11 bg-[url('../img/blog/2.jpg')] bg-no-repeat bg-cover bg-center relative z-0 before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-white before:bg-opacity-90 -before:z-1 mb-10"
+              >
+                <!-- news body -->
+                <div
+                  class="px-5 md:pl-45px md:pr-10 pt-10 pb-35px md:py-50px relative z-10"
+                >
+                  <!-- main -->
+                  <div>
+                    <ul class="mb-5">
+                      <li>
+                        <a
+                          class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                          href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            >BUSINESS</span
+                          ></a
+                        >
+                      </li>
+                    </ul>
+
+                    <h4
+                      class="text-22px md:text-26px xl:text-3xl font-semibold text-heading-color mb-5"
+                    >
+                      <a
+                        href="blog-details.html"
+                        class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                        >Culpa qui officia deserunt mollit anim id est laborum.
+                        Sed ut perspiciatis</a
+                      >
+                    </h4>
+                    <ul class="flex gap-x-15px md:gap-x-30px items-center mb-5">
+                      <li>
+                        <a href="#" class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-eye text-secondary-color mr-5px"
+                            ></i>
+                            232 Views</span
+                          >
+                        </a>
+                      </li>
+                      <li>
+                        <a class="text-xs md:text-sm font-semibold" href="#"
+                          ><span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-comments text-secondary-color mr-5px"
+                            ></i>
+                            35 Comments</span
+                          ></a
+                        >
+                      </li>
+                      <li>
+                        <p class="text-xs md:text-sm font-semibold">
+                          <span class="leading-1.8 md:leading-1.8"
+                            ><i
+                              class="far fa-calendar-alt text-secondary-color mr-5px"
+                            ></i>
+                            June 22, 2024</span
+                          >
+                        </p>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div class="flex justify-center pt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Twitter Feeds -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Twitter Feeds</span
+                  >
+                </h4>
+
+                <ul class="text-sm lg:text-base">
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-30px mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="flex-shrink-0">
+                        <a
+                          href="blog-details.html"
+                          class="leading-1.8 lg:leading-11.8 text-secondary-color"
+                        >
+                          <i class="fab fa-twitter"></i
+                        ></a>
+                      </div>
+
+                      <div>
+                        <div class="mb-2">
+                          <p class="leading-1.3 lg:leading-1.3">
+                            Carsafe - #Gutenberg ready @wordpress Theme for Car
+                            Service, Auto Parts, Car Dealer available on <br >
+                            @website
+                          </p>
+                          <a
+                            href="blog-details.html"
+                            class="leading-1.3 lg:leading-1.3 text-secondary-color"
+                            >https://website.net</a
+                          >
+                        </div>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/cart.html b/quarter/cart.html
new file mode 100644
index 0000000..a518ce9
--- /dev/null
+++ b/quarter/cart.html
@@ -0,0 +1,2557 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Cart</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Cart
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- product details section -->
+      <section>
+        <div class="container py-30">
+          <table class="text-sm lg:text-base text-heading-color w-full">
+            <tbody>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/1.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      3 Rooms Manhattan
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $149.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $298.00
+                </td>
+              </tr>
+              <tr class="bg-section-bg-1 md:bg-transparent">
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/2.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      OE Replica Wheels
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $85.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $170.00
+                </td>
+              </tr>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/3.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Wheel Bearing Retainer
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $75.00
+                </td>
+                <!-- quantity -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 border-b border-border-color-17 flex justify-center md:justify-start md:table-cell"
+                >
+                  <form
+                    class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container"
+                  >
+                    <div
+                      class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer"
+                    >
+                      -
+                    </div>
+                    <div class="flex-grow h-full">
+                      <input
+                        type="text"
+                        value="02"
+                        class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center"
+                      >
+                    </div>
+                    <div
+                      class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer"
+                    >
+                      +
+                    </div>
+                  </form>
+                </td>
+                <!-- total price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start font-bold"
+                >
+                  $150.00
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <!-- action area -->
+          <div
+            class="flex flex-col md:flex-row justify-between items-center border-b md:border-border-color-17 border-transparent bg-sec bg-section-bg-1 md:bg-transparent"
+          >
+            <!-- coupon -->
+            <div
+              class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 md:border-transparent text-center md:text-start flex-grow w-full md:w-auto"
+            >
+              <form
+                class="flex items-center gap-x-2 gap-y-5 flex-wrap justify-center md:justify-start"
+              >
+                <input
+                  type="text"
+                  placeholder="Coupon code"
+                  class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-250px rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-100"
+                >
+                <h5
+                  class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <button
+                    class="font-poppins relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color transition-all duration-300 leading-1.5"
+                  >
+                    Apply Coupon
+                  </button>
+                </h5>
+              </form>
+            </div>
+
+            <!-- update -->
+            <div
+              class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 md:border-transparent text-center md:text-end w-full md:w-auto"
+            >
+              <div
+                class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border"
+              >
+                <button
+                  class="font-poppins relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color transition-all duration-300 disabled:bg-primary-color disabled:opacity-65 disabled:cursor-not-allowed disabled:group-hover:text-white leading-1.5"
+                  disabled
+                >
+                  Update Cart
+                </button>
+              </div>
+            </div>
+          </div>
+          <!-- checkout -->
+          <div class="flex justify-end mt-50px">
+            <div class="max-w-450px w-full pt-4">
+              <h6
+                class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-15px"
+              >
+                <span class="md:leading-1.3 lg:leading-1.3"> Cart Totals </span>
+              </h6>
+              <ul class="text-sm lg:text-base text-heading-color">
+                <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Cart Totals Cart Subtotal</span
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> $618.00</span>
+                  </div>
+                </li>
+                <li class="p-2 border-b border-border-color-17">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Shipping and Handing</span
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> $15.00</span>
+                  </div>
+                </li>
+                <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                    <span class="leading-1.8 lg:leading-1.8"> $00.00</span>
+                  </div>
+                </li>
+                <li class="p-2 font-bold">
+                  <div class="flex justify-between items-center">
+                    <span class="leading-1.8 lg:leading-1.8"> Order Total</span>
+                    <span class="leading-1.8 lg:leading-1.8"> $633.00</span>
+                  </div>
+                </li>
+              </ul>
+
+              <h5
+                class="capitalize text-sm lg:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color text-center mb-0"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="checkout.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-1.5 w-full"
+                  >Proceed to checkout</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/checkout.html b/quarter/checkout.html
new file mode 100644
index 0000000..9b261ec
--- /dev/null
+++ b/quarter/checkout.html
@@ -0,0 +1,2854 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Checkout</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Checkout
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- checkout section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <!-- login -->
+          <div class="accordion-container">
+            <div class="accordion mb-30px">
+              <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                <h6
+                  class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                >
+                  <span class="leading-1.3 lg:leading-1.3"
+                    >Returning customer?
+                  </span>
+                  <button
+                    class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                  >
+                    Click here to login
+                  </button>
+                </h6>
+              </div>
+              <div
+                class="accordion-content h-0 overflow-hidden transition-all duration-500"
+              >
+                <form
+                  class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                >
+                  <p class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Please login your accont.
+                    </span>
+                  </p>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div class="flex items-center gap-5 mb-35px">
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Login
+                      </button>
+                    </h5>
+                    <!-- agree -->
+                    <div class="text-sm flex items-center">
+                      <input type="checkbox" id="agree" >
+                      <label for="agree" class="text-sm ml-1">
+                        Remember me
+                      </label>
+                    </div>
+                  </div>
+                  <a class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Lost your password?
+                    </span>
+                  </a>
+                </form>
+              </div>
+            </div>
+          </div>
+          <!-- apply  coupon -->
+          <div class="accordion-container">
+            <div class="accordion mb-30px">
+              <div class="px-30px py-5 lg:py-17px bg-section-bg-1">
+                <h6
+                  class="text-base lg:text-lg text-heading-color font-bold mb-0 leading-1"
+                >
+                  <span class="leading-1.3 lg:leading-1.3"
+                    >Have a coupon?
+                  </span>
+                  <button
+                    class="accordion-controller text-secondary-color hover:text-secondary-color leading-1.3 lg:leading-1.3 font-poppins"
+                  >
+                    Click here to enter your code
+                  </button>
+                </h6>
+              </div>
+              <div
+                class="accordion-content h-0 overflow-hidden transition-all duration-500"
+              >
+                <form
+                  class="content-wrapper form-primary bg-white p-30px border border-border-color-1 mt-15px"
+                >
+                  <p class="text-sm md:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      If you have a coupon code, please apply it below.
+                    </span>
+                  </p>
+                  <div class="mb-30px">
+                    <!-- coupon -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Coupon code"
+                        class="text-base text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 left-0 w-full h-full bg-primary-color group-hover:bg-secondary-color -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                      >
+                        Apply Coupon
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+          <!-- billing details -->
+          <div>
+            <h4
+              class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+            >
+              Billing Details
+            </h4>
+            <form
+              class="form-primary bg-white border border-border-color-1 p-30px"
+            >
+              <!-- personal info -->
+              <div>
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Personal Information</span
+                  >
+                </h5>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                  <!-- 1st name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="First name"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- last name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Last name"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- email -->
+                  <div class="relative">
+                    <input
+                      type="email"
+                      placeholder="Email address"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- number -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Phone number"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- company  name -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Company name (optional)"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                  <!-- company address -->
+                  <div class="relative">
+                    <input
+                      type="text"
+                      placeholder="Company address (optional)"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                    <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                      <i
+                        class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                      ></i>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <!-- Country-->
+              <div class="pb-60px w-300px">
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Country</span
+                  >
+                </h5>
+                <div>
+                  <!-- type select -->
+                  <div class="relative block">
+                    <select
+                      class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                    >
+                      <option value="Select Service Type" data-display="Select">
+                        Select Country
+                      </option>
+                      <option value="Australia">Australia</option>
+                      <option value="Canada">Canada</option>
+                      <option value="China">China</option>
+                      <option value="Morocco">Morocco</option>
+                      <option value="Saudi Arabia">Saudi Arabia</option>
+                      <option value="United Kingdom (UK)">
+                        United Kingdom (UK)
+                      </option>
+                      <option value="United States (US)">
+                        United States (US)
+                      </option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <!-- Address -->
+              <div>
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Address
+                  </span>
+                </h5>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-30px">
+                  <!-- House number and street name  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="House number and street name"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- Apartment, suite, unit etc.  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Apartment, suite, unit etc. (optional)"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- town and state -->
+              <div>
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-35px"
+                >
+                  <!-- City  -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Town / City
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="City"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- State  -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        State
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="State"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                  <!-- Zip -->
+                  <div>
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold leadinl-10px text-heading-color mb-15px"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Zip
+                      </span>
+                    </h5>
+                    <input
+                      type="text"
+                      placeholder="Zip"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                    >
+                  </div>
+                </div>
+              </div>
+
+              <!-- Create an account? -->
+
+              <div class="text-sm flex items-center mb-30px">
+                <input type="checkbox" id="agree2" >
+                <label for="agree2" class="text-sm ml-1">
+                  Create an account?
+                </label>
+              </div>
+              <!-- message -->
+              <div class="mb-30px">
+                <h5
+                  class="text-sm md:text-15px lg:text-base font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    Order Notes (optional)
+                  </span>
+                </h5>
+                <div class="relative">
+                  <textarea
+                   
+                    
+                    placeholder="Notes about your order, e.g. special notes for delivery."
+                    class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm"
+                  ></textarea>
+                  <span class="absolute top-[30px] -translate-y-1/2 right-4">
+                    <i
+                      class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+              </div>
+            </form>
+          </div>
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+            <!-- payment methods -->
+            <div>
+              <h4
+                class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+              >
+                Payment Method
+              </h4>
+              <form>
+                <ul
+                  class="accordion-container neighbour-accordion border border-b-0 border-border-color-1 mb-30px"
+                >
+                  <li class="accordion border-b border-border-color-1 p-5">
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="check-method"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="check-method"
+                        >
+                          Check payments
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Please send a check to Store Name, Store Street,
+                            Store Town, Store State / County, Store Postcode.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="accordion border-b border-border-color-1 p-5 active"
+                  >
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="cash-method"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                            checked
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="cash-method"
+                        >
+                          Cash on delivery
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Pay with cash upon delivery.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b border-border-color-1 p-5">
+                    <!-- accordion header -->
+                    <div class="accordion-controller cursor-pointer">
+                      <div
+                        class="text-base lg:text-lg font-bold font-poppins flex items-center"
+                      >
+                        <div class="flex-shrink-0 w-4 h-4 relative pl-1">
+                          <input
+                            type="radio"
+                            name="payment"
+                            id="paypal"
+                            class="inline-block absolute w-0 h-0 after:w-[11px] after:h-[11px] after:m-[1px] after:absolute after:left-0 after:top-0 after:bg-white after:outline-offset-[2px] after:outline-1 after:outline after:outline-heading-color after:z-10 after:rounded-100% after:inline-block checked:after:bg-heading-color after:transition-all after:duration-300"
+                          >
+                        </div>
+                        <label
+                          class="flex-grow leading-1.3 lg:leading-1.3 text-heading-color cursor-pointer ml-4"
+                          for="paypal"
+                        >
+                          PayPal
+                          <img
+                            src="./assets/img/icons/payment-3.png"
+                            alt="#"
+                            class="max-w-[130px] inline-block ml-3"
+                          >
+                        </label>
+                      </div>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="p-1 pt-15px content-wrapper text-sm lg:text-base"
+                      >
+                        <div class="px-30px py-15px shadow-box-shadow-3">
+                          <p class="leading-1.8 lg:leading-1.8">
+                            Pay via PayPal; you can pay with your credit card if
+                            you don’t have a PayPal account.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <!-- submt -->
+                <div>
+                  <p class="text-sm lg:text-base mb-30px">
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Your personal data will be used to process your order,
+                      support your experience throughout this website, and for
+                      other purposes described in our privacy policy.
+                    </span>
+                  </p>
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                    >
+                      Place order
+                    </button>
+                  </h5>
+                </div>
+              </form>
+            </div>
+
+            <!-- checkout -->
+            <div class="flex justify-end">
+              <div class="max-w-450px w-full">
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px mt-50px"
+                >
+                  Cart Totals
+                </h4>
+                <ul class="text-sm lg:text-base text-heading-color">
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        3 Rooms Manhattan <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $298.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        OE Replica Wheels <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $170.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Wheel Bearing Retainer <strong> × 2</strong></span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $150.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Shipping and Handing</span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $15.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17 bg-table-bg">
+                    <div class="flex justify-between items-center">
+                      <span class="leading-1.8 lg:leading-1.8"> Vat</span>
+                      <span class="leading-1.8 lg:leading-1.8"> $00.00</span>
+                    </div>
+                  </li>
+
+                  <li class="p-2 border-b border-border-color-17">
+                    <div class="flex justify-between items-center font-bold">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Order Total</span
+                      >
+                      <span class="leading-1.8 lg:leading-1.8"> $633.00</span>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/coming-soon.html b/quarter/coming-soon.html
new file mode 100644
index 0000000..a0fe51c
--- /dev/null
+++ b/quarter/coming-soon.html
@@ -0,0 +1,208 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- main body start -->
+    <main>
+      <!-- comming soon section -->
+      <section>
+        <div
+          class="bg-[url('../img/slider/62.jpg')] bg-no-repeat bg-cover bg-center relative z-0 min-h-screen w-full text-center flex justify-center items-center after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-[rgba(7,28,31,0.9)] after:-z-1"
+        >
+          <div>
+            <div
+              class="container w-full flex flex-col items-center justify-center pt-20 lg:pt-30 pb-110px lg:pb-100px"
+            >
+              <!-- heading -->
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base font-bold mb-15px text-secondary-color"
+                >
+                  <span class="leading-1.3 lg:leading-1.3">
+                    // Welcome to you
+                  </span>
+                </p>
+                <h1
+                  class="text-2xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:6xl 4xl:text-7xl text-white font-bold mb-15px hyphens-none"
+                >
+                  <span
+                    class="leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                  >
+                    We Are Coming Soon
+                  </span>
+                </h1>
+                <h1
+                  class="text-base lg:text-lg font-bold hyphens-none text-secondary-color capitalize"
+                >
+                  <span class="leading-1.3 lg:leading-1.3">
+                    November 26, 2025
+                  </span>
+                </h1>
+              </div>
+              <!-- countdown -->
+              <div
+                class="countdown flex flex-wrap justify-center gap-x-25px md:gap-x-35px gap-y-30px p-10 md:px-5"
+                data-countdown="2025/11/26"
+              >
+                <!-- box 1 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Days</span>
+                  </p>
+                </div>
+                <!-- box 2 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Hrs</span>
+                  </p>
+                </div>
+                <!-- box 3 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Mins</span>
+                  </p>
+                </div>
+                <!-- box 4 -->
+                <div
+                  class="pt-15px border border-border-color-3 w-100px md:w-[110px] lg:w-[120px] text-center"
+                >
+                  <h1
+                    class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px uppercase hyphens-none"
+                  >
+                    <span
+                      class="count leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >
+                      00
+                    </span>
+                  </h1>
+                  <p class="text-sm lg:text-base text-white mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8">Secs</span>
+                  </p>
+                </div>
+              </div>
+              <!-- subscription -->
+              <div class="my-50px w-full">
+                <h1
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold mb-30px hyphens-none"
+                >
+                  <span
+                    class="leading-1.3 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                  >
+                    Notify me when we launch
+                  </span>
+                </h1>
+                <form class="max-w-[550px] w-full flex">
+                  <div class="relative flex-grow">
+                    <input
+                      type="email"
+                      placeholder="Your E-mail..."
+                      class="text-white px-5 outline-none border border-r-0 border-border-color-3 h-65px block w-full rounded-none placeholder:text-white placeholder:text-sm bg-transparent"
+                    >
+                  </div>
+                  <div class="flex-shrink-0">
+                    <h5
+                      class="uppercase h-65px text-sm md:text-base text-white bg-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-30px lg:px-10 h-full group-hover:text-heading-color uppercase"
+                      >
+                        SUBMIT
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <div class="text-center">
+                <h5
+                  class="uppercase text-sm md:text-base text-white bg-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-primary-color hover:border-secondary-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-secondary-primary-color bg-primary-color group-hover:bg-secondary-color hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >Contact Us</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/countdown.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/contact.html b/quarter/contact.html
new file mode 100644
index 0000000..59539ae
--- /dev/null
+++ b/quarter/contact.html
@@ -0,0 +1,2427 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Contact Us</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Contact
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- icons section -->
+      <section>
+        <div class="container pt-30 pb-5">
+          <div class="grid grid-cols-1 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/10.png" alt="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Email Address </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    info@webmail.com <br >jobs@webexample.com
+                  </span>
+                </p>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/11.png" alt="" class="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Phone Number </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    +0123-456789<br >+987-6543210
+                  </span>
+                </p>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="px-30px py-50px border-2 border-border-color-11 text-center flex flex-col items-center"
+            >
+              <div class="mb-35px">
+                <img src="./assets/img/icons/12.png" alt="" >
+              </div>
+              <div>
+                <h2
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Office Address </span>
+                </h2>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8">
+                    18/A, New Born Town Hall<br >New York, US
+                  </span>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- contact section -->
+      <section>
+        <div class="container">
+          <!-- details form -->
+          <div class="relative -bottom-[100px] z-10">
+            <form
+              class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10"
+            >
+              <h4
+                class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+              >
+                Get A Quote
+              </h4>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                <!-- name -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter your name"
+                    class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                    <i
+                      class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- email -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter email address"
+                    class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                    <i
+                      class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- type select -->
+                <div class="relative">
+                  <select
+                    class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                  >
+                    <option value="Select Service Type" data-display="Select">
+                      Select Service Type
+                    </option>
+                    <option value="Property Management ">
+                      Property Management
+                    </option>
+                    <option value="Mortgage Service ">Mortgage Service</option>
+                    <option value="Consulting Service">
+                      Consulting Service
+                    </option>
+                    <option value="Home Buying">Home Buying</option>
+                    <option value="Home Selling">Home Selling</option>
+                    <option value="Escrow Services">Escrow Services</option>
+                  </select>
+                </div>
+                <!-- number -->
+                <div class="relative">
+                  <input
+                    type="text"
+                    placeholder="Enter phone number"
+                    class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  >
+                  <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                    <i
+                      class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+                <!-- message -->
+                <div class="relative md:col-start-1 md:col-span-2 mb-35px">
+                  <textarea
+                   
+                    
+                    placeholder="Enter message"
+                    class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-60 placeholder:text-sm placeholder:text-paragraph-color"
+                  ></textarea>
+                  <span class="absolute top-[30px] -translate-y-1/2 right-4">
+                    <i
+                      class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                    ></i>
+                  </span>
+                </div>
+              </div>
+              <!-- agree -->
+              <div class="text-sm flex items-center mb-30px">
+                <input type="checkbox" id="agree" >
+                <label for="agree" class="text-sm ml-1">
+                  Save my name, email, and website in this browser for the next
+                  time I comment.
+                </label>
+              </div>
+
+              <!-- submit button -->
+
+              <div class="pb-5">
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <button
+                    type="submit"
+                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                  >
+                    get an free service
+                  </button>
+                </h5>
+              </div>
+            </form>
+          </div>
+        </div>
+      </section>
+      <div class="pb-140px lg:pb-30">
+        <div class="google-map h-[800px] relative z-1">
+          <iframe
+            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+         
+           style="height:100%;width:100%;border:0px;"
+           
+            allowfullscreen=""
+            aria-hidden="false"
+            tabindex="0"
+          ></iframe>
+        </div>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/faq.html b/quarter/faq.html
new file mode 100644
index 0000000..47c6194
--- /dev/null
+++ b/quarter/faq.html
@@ -0,0 +1,3128 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Frequently asked questions</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">FAQ</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- faq section -->
+      <section>
+        <div class="container pt-30 pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- faq accordion -->
+              <div>
+                <ul
+                  class="accordion-container neighbour-accordion border-2 border-b-0 border-border-color-10"
+                >
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How to buy a product?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="accordion border-b-2 border-border-color-10 active"
+                  >
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How can i make refund from your website?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                          style="transform: rotate(0deg)"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis. Proin libero
+                            nunc consequat interdum. Condimentum lacinia quis
+                            vel eros donec ac. Mauris sit amet massa vitae
+                            tortor. Quisque id diam vel quam elementum pulvinar.
+                            Gravida in fermentum et sollicitudin ac orci
+                            phasellus. Facilisis gravida neque convallis a cras
+                            semper. Non arcu risus quis varius quam quisque id.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          I am a new user. How should I start?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Returns and refunds
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Are my details secured?
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          Sale code is not working
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base p-5 pr-18px md:pl-10"
+                    >
+                      <div class="font-semibold font-poppins">
+                        <p class="text-primary-color md:text-lg">
+                          How do I make payment by my credit card
+                        </p>
+                      </div>
+                      <button
+                        class="h-10 w-10 leading-10 flex flex-col justify-center items-center bg-section-bg-1"
+                      >
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-0.5"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis. Proin libero
+                          nunc consequat interdum. Condimentum lacinia quis vel
+                          eros donec ac. Mauris sit amet massa vitae tortor.
+                          Quisque id diam vel quam elementum pulvinar. Gravida
+                          in fermentum et sollicitudin ac orci phasellus.
+                          Facilisis gravida neque convallis a cras semper. Non
+                          arcu risus quis varius quam quisque id.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- contact -->
+              <div class="pt-100px text-center">
+                <h4
+                  class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color"
+                >
+                  <span
+                    class="heading-1.3 md:heading-1.3 lg:heading-1.3 xl:heading-1.3"
+                    >Still need help? Reach out to support 24/7:</span
+                  >
+                </h4>
+                <div class="my-30px">
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:bg-heading-color hover:border-heading-color inline-block"
+                  >
+                    <a
+                      href="contact.html"
+                      class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                      >Contact Us</a
+                    >
+                  </h5>
+                </div>
+                <h4
+                  class="text-lg md:text-xl lg:text-22 xl:text-2xl font-bold text-heading-color mb-15px"
+                >
+                  <span
+                    class="heading-1.3 md:heading-1.3 lg:heading-1.3 xl:heading-1.3"
+                    ><i class="fas fa-phone"></i> +0123-456-789</span
+                  >
+                </h4>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pl-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-3.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/history.html b/quarter/history.html
new file mode 100644
index 0000000..45b2022
--- /dev/null
+++ b/quarter/history.html
@@ -0,0 +1,3087 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px mr-2 lg:mr-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our History</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                History
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- history section -->
+      <section>
+        <div
+          class="container tab history-tab modal-container property-tab pt-30 pb-100px"
+        >
+          <div class="mb-50px">
+            <ul
+              class="flex flex-wrap justify-between items-center gap-5px relative z-0 before:h-0.5 before:w-full before:absolute before:bg-white-6 before:top-1/2 before:left-0 before:-translate-y-1/2 before:-z-1 tab-links leading-1"
+            >
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  1900
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1 active">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  1940
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2000
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2010
+                </button>
+              </li>
+              <li class="text-sm lg:text-base font-bold leading-1">
+                <button
+                  class="px-25px lg:px-10 py-15px text-heading-color bg-white leading-1.8 mb-10px transition-all duration-300 border-2 border-white-6"
+                >
+                  2021
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div class="tab-contents">
+            <!-- content 1 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pr-70px lg:mr-30px relative">
+                  <img
+                    src="./assets/img/img-slide/12.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute right-[10px] bottom-[10px] md:bottom-10 md:-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Our History</span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"> We Started Our Journey </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 2 -->
+            <div class="transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pr-70px lg:mr-30px relative"><img
+                    src="./assets/img/img-slide/11.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute right-[10px] bottom-[10px] md:bottom-10 md:-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="icon-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"
+                        >It Was An Sweet Journey Time</span
+                      >
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 3 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pr-70px lg:mr-30px relative">
+                  <img
+                    src="./assets/img/img-slide/13.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute right-[10px] bottom-[10px] md:bottom-10 md:-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-medal"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3">
+                        It Was An Sweet Journey Time</span
+                      >
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 4 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div>
+                  <div class="md:pr-70px lg:mr-30px relative">
+                  <img
+                    src="./assets/img/img-slide/12.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute right-[10px] bottom-[10px] md:bottom-10 md:-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="icon-award"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3"
+                        >It Was An Sweet Journey Time
+                      </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- content 5 -->
+            <div class="hidden transition-all duration-300">
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 lg:gap-x-30px gap-y-10"
+              >
+                <!-- about left -->
+                <div >
+                  <div class="md:pr-70px lg:mr-30px relative">
+                  <img
+                    src="./assets/img/img-slide/11.jpg"
+                    alt=""
+                    class="max-w-full"
+                  >
+                  <div
+                    class="absolute right-[10px] bottom-[10px] md:bottom-10 md:-0 text-80px md:text-[160px] text-secondary-color font-bold leading-1"
+                  >
+                    <i class="fas fa-trophy"></i>
+                  </div>
+                  </div>
+                </div>
+                <!-- about right -->
+                <div>
+                  <div class="mb-5">
+                    <p
+                      class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                    >
+                      <span class="leading-1.3">Get rewards </span>
+                    </p>
+                    <h2
+                      class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                    >
+                      <span class="leading-1.3">
+                        It Was An Sweet Journey Time
+                      </span>
+                    </h2>
+                    <p class="text-sm lg:text-base max-w-500px mb-50px">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipiscing
+                        elit, sed do eiusmod tempor incididunt ut labore</span
+                      >
+                    </p>
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"
+                        >Lorem ipsum dolor sit amet, consectetur adipis icing
+                        elit, sed do eius mod tempor incididunt ut labore et
+                        dolore magna aliqua. consectetur adipis icing elit, sed
+                        do eius mod t</span
+                      >
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+      </section>
+      <!-- feature section -->
+      <section class="bg-section-bg-2">
+        <div class="container modal-container property-tab pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Features </span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+            >
+              <span class="leading-1.3"> Why Choose Us</span>
+            </h2>
+          </div>
+          <!-- content -->
+          <div class="flex flex-wrap items-center justify-center -mx-15px">
+            <!-- card 1 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="flaticon-house-4"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="icon-mechanic"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div class="basis-full sm:basis-1/2 xl:basis-1/3">
+              <div class="px-15px mb-30px text-white">
+                <div
+                  class="px-5 md:px-30px py-35px border border-border-color-18"
+                >
+                  <div class="flex gap-5 items-center mb-15px leading-1">
+                    <div class="text-6xl leading-1">
+                      <i class="icon-repair-1"></i>
+                    </div>
+                    <h6
+                      class="text-lg md:text-xl lg:text-22px xl:text-2xl text-white font-bold"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 mb-1"
+                        href="service-details.html"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h6>
+                  </div>
+
+                  <p class="text-sm lg:text-base text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                      elit, sed do eiusmod te mp or incididunt ut labore.</span
+                    >
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- footer -->
+        <div
+          class="bg-[url('../img/bg/13.jpg')] bg-no-repeat bg-cover bg-center"
+        >
+          <div class="pt-10 pb-25px bg-secondary-color-2 bg-opacity-90">
+            <div class="container">
+              <h6
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl text-center font-bold text-white"
+              >
+                <span class="leading-1.3 xl:leading-1.3">
+                  24/7 Availability, Make</span
+                >
+                <a
+                  class="hover:text-white leading-1.3 xl:leading-1.3 underline"
+                  href="service-details.html"
+                >
+                  An Appointment</a
+                >
+              </h6>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container py-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-10.html b/quarter/index-10.html
new file mode 100644
index 0000000..3df0901
--- /dev/null
+++ b/quarter/index-10.html
@@ -0,0 +1,5255 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <!-- GOOGLE MAP LOCATIONS AREA START -->
+      <div class="google-map-locations-area">
+        <div id="gmap"></div>
+      </div>
+      <!-- filter section -->
+      <div class="py-30">
+        <div class="container relative tab hero-tab">
+          <!-- action -->
+          <div class="tab-links flex gap-x-10px items-center mb-10px">
+            <div
+              class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+            >
+              <button
+                class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+              >
+                <i class="fas fa-home mr-10px"></i> Rent Home
+              </button>
+            </div>
+            <div
+              class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+            >
+              <button
+                class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+              >
+                <i class="fas fa-home mr-10px"></i> Sale Home
+              </button>
+            </div>
+          </div>
+          <div class="tab-contents py-10 px-25px md:p-10 bg-section-bg-1">
+            <!-- inputs -->
+            <div class="transition-all duration-300">
+              <form class="hero-form">
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px mb-10px"
+                >
+                  <div>
+                    <select class="selectize apartment-select">
+                      <option value="Apartment" data-display="Select">
+                        Apartment
+                      </option>
+                      <option value="Property Type">Property Type</option>
+                      <option value="Co-op">Co-op</option>
+                      <option value="Condo">Condo</option>
+                      <option value="Single Family Home">
+                        Single Family Home
+                      </option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize location-select">
+                      <option data-display="Select">Location</option>
+                      <option>chicago</option>
+                      <option>London</option>
+                      <option>Los Angeles</option>
+                      <option>New York</option>
+                      <option>New Jersey</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize sub-location-select">
+                      <option data-display="Select">Sub Location</option>
+                      <option>Bayonne</option>
+                      <option>Greenville</option>
+                      <option>Manhattan</option>
+                      <option>Queens</option>
+                      <option>The Heights</option>
+                      <option>Upper East Side</option>
+                      <option>West Side</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize bedrooms-select">
+                      <option data-display="Select">Bedrooms</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                    </select>
+                  </div>
+                  <!-- min size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Min size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                  <!-- max size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="max size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                </div>
+                <div class="relative">
+                  <!-- .range -->
+                  <div class="car-price-filter-range mt-30px mb-5 lg:mb-10">
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                >
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="shop-right-sidebar.html"
+                      class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                      >Search Inventory</a
+                    >
+                  </h5>
+                </div>
+              </form>
+            </div>
+            <div class="hidden transition-all duration-300">
+              <form class="hero-form">
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                >
+                  <div>
+                    <select class="selectize apartment-select">
+                      <option value="Property Type" data-display="Select">
+                        Property Type
+                      </option>
+                      <option value="Apartment">Apartment</option>
+                      <option value="Co-op">Co-op</option>
+                      <option value="Condo">Condo</option>
+                      <option value="Single Family Home">
+                        Single Family Home
+                      </option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize location-select">
+                      <option data-display="Select">Location</option>
+                      <option>chicago</option>
+                      <option>London</option>
+                      <option>Los Angeles</option>
+                      <option>New York</option>
+                      <option>New Jersey</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize sub-location-select">
+                      <option data-display="Select">Sub Location</option>
+                      <option>Bayonne</option>
+                      <option>Greenville</option>
+                      <option>Manhattan</option>
+                      <option>Queens</option>
+                      <option>The Heights</option>
+                      <option>Upper East Side</option>
+                      <option>West Side</option>
+                    </select>
+                  </div>
+                  <div>
+                    <select class="selectize bedrooms-select">
+                      <option data-display="Select">Bedrooms</option>
+                      <option>1</option>
+                      <option>2</option>
+                      <option>3</option>
+                      <option>4</option>
+                    </select>
+                  </div>
+                  <!-- min size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="Min size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                  <!-- max size  -->
+                  <div>
+                    <input
+                      type="text"
+                      placeholder="max size (in sqft)"
+                      class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                    >
+                  </div>
+                </div>
+                <div class="relative">
+                  <!-- .range -->
+                  <div class="car-price-filter-range mt-30px mb-5 lg:mb-10">
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+
+                <div
+                  class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center mt-10px"
+                >
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="shop-right-sidebar.html"
+                      class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                      >Search Inventory</a
+                    >
+                  </h5>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:left-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/maplace-active.js"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCeeHDCOXmUMja1CFg96RbtyKgx381yoBU"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-11.html b/quarter/index-11.html
new file mode 100644
index 0000000..ab9db74
--- /dev/null
+++ b/quarter/index-11.html
@@ -0,0 +1,5364 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-white">
+        <div
+          class="container flex flex-row justify-between items-center relative py-30px"
+        >
+          <!-- top logo area -->
+          <div class="leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <!-- top middle -->
+          <div class="hidden xl:flex items-center gap-50px">
+            <div class="text-paragraph-color">
+              <h5
+                class="text-sm uppercase mb-0 text-paragraph-color font-normal"
+              >
+                <span class="leading-1">Phone</span>
+              </h5>
+              <h6 class="leading-1.2 mb-0 text-paragraph-color font-normal">
+                <a href="tel:0123456789">+0123-456-789</a>
+              </h6>
+            </div>
+
+            <!-- search form -->
+            <div class="min-w-[500px]">
+              <form class="w-full relative">
+                <input
+                  type="text"
+                  placeholder="Search here..."
+                  class="text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color placeholder:text-opacity-50 outline-none border-1 border-transparent focus:border focus:border-secondary-color shadow-box-shadow-3 focus:shadow-none h-45px block w-full rounded-full"
+                >
+                <button
+                  type="submit"
+                  class="absolute top-1/2 -translate-y-1/2 right-5 text-heading-color"
+                >
+                  <i class="icon-search text-sm lg:text-base"></i>
+                </button>
+              </form>
+            </div>
+          </div>
+          <!-- top right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="flex gap-10px items-center show-drawer cursor-pointer">
+                <div>
+                  <button
+                    class="leading-1 text-heading-color flex justify-center items-center"
+                  >
+                    <i class="icon-shopping-cart font-bold text-xl"></i>
+                    <sup
+                      class="!-ml-1.5 !-translate-y-1.5 text-xs font-semibold w-5 h-5 leading-5 text-center bg-secondary-color rounded-full text-white"
+                      >2</sup
+                    >
+                  </button>
+                </div>
+                <div>
+                  <h3
+                    class="text-sm ase text-heading-color font-bold hover:text-secondary-color transition-all duration-300 uppercase mb-0"
+                  >
+                    <span class="leading-5 block">your cart</span
+                    ><span class="text-secondary-color leading-5">$89.25</span>
+                  </h3>
+                </div>
+              </li>
+              <li class="block lg:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- navbar -->
+      <div
+        class="sticky-header z-xl bg-white transition-all duration-700 border-t border-border-color-1 hidden lg:block"
+      >
+        <div
+          class="container navbar-container flex justify-center items-center relative"
+        >
+          <!-- logo area -->
+          <div class="hidden leading-1 header-logo">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden lg:block">
+            <ul
+              class="navbar flex items-center justify-center gap-15px xl:gap-5"
+            >
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper hero-slider2">
+              <div class="swiper-wrapper items-stretch">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pb-[104px] py-100px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-25px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1 block"> Search and Find </span>
+
+                          <span class="text-secondary-color leading-1">
+                            Luxury
+                          </span>
+                          <span class="leading-1"> House</span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/61.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/62.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/63.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  4 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/64.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!--navigation & thumbs slider -->
+              <div
+                class="absolute bottom-[30px] right-1/2 lg:right-[10%] translate-x-1/2 lg:translate-x-0 z-xl flex"
+              >
+                <!-- navigation -->
+                <div class="flex xl:hidden justify-center pr-35px pt-4">
+                  <div class="swiper-button-next relative">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev relative">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+                <!--thumbs slider -->
+                <div class="w-250px 4xl:w-100 4xl:px-10px">
+                  <div  class="swiper hero-slider2-tumbs_slider">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/61.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/62.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/63.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/64.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1" alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- social -->
+          <div
+            class="text-sm lg:text-base hidden 4xl:block absolute bottom-20 left-[50px] z-xxl"
+          >
+            <ul class="leading-1.8">
+              <li class="mt-4 mb-3">
+                <a href="https://www.facebook.com" title="Facebook"
+                  ><i class="fab fa-facebook-f"></i
+                ></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://x.com" title="Twitter"><i class="fab fa-twitter"></i></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://www.linkedin.com" title="Linkedin"><i class="fab fa-linkedin"></i></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- property section -->
+      <section>
+        <div class="container py-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-4 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Property By Categories </span>
+            </h2>
+          </div>
+          <!-- property cards  -->
+
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="lg:col-start-1 lg:col-span-2 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/2.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Apartments </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/3.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Condos </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="lg:col-start-1 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/7.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Houses </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="lg:col-start-2 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/8.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Retail</a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/9.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Villas </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:left-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-2.html b/quarter/index-2.html
new file mode 100644
index 0000000..572e879
--- /dev/null
+++ b/quarter/index-2.html
@@ -0,0 +1,5655 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper hero-slider2">
+              <div class="swiper-wrapper items-stretch">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pb-[104px] py-100px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-25px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1 block"> Search and Find </span>
+
+                          <span class="text-secondary-color leading-1">
+                            Luxury
+                          </span>
+                          <span class="leading-1"> House</span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/61.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/62.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/63.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  4 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px pb-110px lg:pb-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-1 font-bold mb-5 animated"
+                        >
+                          <span class="leading-1">
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div class="lg:absolute right-0 top-0 lg:w-[45%] h-full">
+                        <img
+                          class="lg:w-full lg:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/64.jpg"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!--navigation & thumbs slider -->
+              <div
+                class="absolute bottom-[30px] right-1/2 lg:right-[10%] translate-x-1/2 lg:translate-x-0 z-xl flex"
+              >
+                <!-- navigation -->
+                <div
+                  class="flex flex-row-reverse xl:hidden justify-center pr-8 pt-4 gap-x-2"
+                >
+                  <div class="swiper-button-next relative ml-2">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev relative">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+                <!--thumbs slider -->
+                <div class="w-250px 4xl:w-100 4xl:px-10px">
+                  <div  class="swiper hero-slider2-tumbs_slider">
+                    <div class="swiper-wrapper">
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/61.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/62.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/63.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                      <div class="swiper-slide cursor-pointer">
+                        <img
+                          src="./assets/img/slider/64.jpg"
+                          class="w-full border-2 4xl:border-[5px] border-section-bg-1 box-border"   alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- social -->
+          <div
+            class="text-sm lg:text-base hidden 4xl:block absolute bottom-20 left-[50px] z-xxl"
+          >
+            <ul class="leading-1.8">
+              <li class="mt-4 mb-3">
+                <a href="https://www.facebook.com" title="Facebook"
+                  ><i class="fab fa-facebook-f"></i
+                ></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://x.com" title="Twitter"><i class="fab fa-twitter"></i></a>
+              </li>
+              <li class="mt-4 mb-3">
+                <a href="https://www.linkedin.com" title="Linkedin"><i class="fab fa-linkedin"></i></a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-115px pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px items-center">
+            <!-- about left -->
+            <div class="lg:mr-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/11.png"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div>
+              <div>
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Dream Living Spaces Setting New Build
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="space-y-5 pt-30px">
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-house-4 text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-call-center-agent text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-maps-and-location text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute right-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="-translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:left-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-3.html b/quarter/index-3.html
new file mode 100644
index 0000000..f4f9cdd
--- /dev/null
+++ b/quarter/index-3.html
@@ -0,0 +1,4606 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body class="overflow-x-hidden">
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- header top -->
+      <div class="bg-transparent border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-7 relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- overlay -->
+
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper primary-slider home-3">
+              <div class="swiper-wrapper">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/11.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-center text-center"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base text-white mb-5 max-w-450px animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2-->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/12.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-end text-end"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated text-white"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  3 -->
+                <div
+                  class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-no-repeat bg-[url('../img/slider/13.jpg')]"
+                >
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl">
+                    <div class="">
+                      <!-- banner Left -->
+
+                      <div
+                        class="slide-animation flex flex-col justify-center items-start text-start"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base font-bold mb-5 text-white animated"
+                        >
+                          <i class="fas fa-home"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated text-white"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden xl:block">
+                <div class="swiper-button-next !text-white">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev !text-white">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container pt-115px pb-90px">
+              <!-- section heading -->
+              <div class="text-center mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"> Properties By Location </span>
+                </h2>
+              </div>
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+
+      <!-- testimonials section -->
+      <section>
+        <div>
+          <div
+            class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-60px pt-115px overflow-hidden"
+          >
+            <!-- section heading -->
+            <div class="text-center mb-50px relative z-1">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+            <div class="testimonial-quote-menu-container mx-15px relative z-0">
+              <div class="max-w-[95%] md:max-w-[70%] lg:max-w-[45%] mx-auto">
+                <div class="news-slider-container swiper-container relative">
+                  <!-- testomonials slider  -->
+                  <div class="swiper testimonials-slider-3 static no-break">
+                    <div class="swiper-wrapper">
+                      <!-- slide 1 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 bg-white"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/1.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco laboris nisi ut
+                              aliquip ex ea commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Jacob William </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Manager</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 2 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 bg-white"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/2.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Quidem Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco laboris nisi ut
+                              aliquip ex ea.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Ethan James </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Admin</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 3 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/3.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Dolor Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud ullamco nisi ut aliquip ex ea
+                              commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Noah Alexander </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Professor</span>
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- slide 4 -->
+                      <div class="swiper-slide mb-10 cursor-default bg-white">
+                        <div
+                          class="flex flex-col items-center text-center relative z-0 h-full"
+                        >
+                          <div
+                            class="text-[240px] font-bold text-white-7 absolute -top-[15px] left-1/2 -translate-x-1/2 -z-1 leading-1"
+                          >
+                            <i class="far fa-comments"></i>
+                          </div>
+                          <div
+                            class="w-[85px] mt-50px mb-30px border-8 border-white shadow-box-shadow-1 box-content"
+                          >
+                            <img
+                              src="./assets/img/testimonial/4.jpg"
+                              alt=""
+                              class="w-full inline-block"
+                            >
+                          </div>
+                          <p
+                            class="text-sm sm:text-base md:text-xl lg:text-2xl mb-8 md:mb-30px lg:mb-9 hyphens-none"
+                          >
+                            <span class="md:leading-1.8 lg:leading-1.8">
+                              Amet Ipsum Lorem ipsum dolor sit amet, consectetur
+                              adipisicing elit, sed do eiusmod tempor incididunt
+                              ut labore et dolore magna aliqua. Ut enim ad minim
+                              veniam, quis nostrud nisi ut aliquip ex ea
+                              commodo.
+                            </span>
+                          </p>
+                          <h4
+                            class="text-3xl font-bold text-heading-color mb-5px"
+                          >
+                            <span class="leading-1.3"> Liam Mason </span>
+                          </h4>
+                          <h5
+                            class="text-sm md:text-15px lg:text-base font-bold text-secondary-color"
+                          >
+                            <span class="leading-1.3"> Officer</span>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                    <!--  navigation -->
+                    <div class="hidden lg:block">
+                      <div class="swiper-button-next bg-white z-1">
+                        <i class="fas fa-arrow-right" ></i>
+                      </div>
+                      <div class="swiper-button-prev bg-white z-1">
+                        <i class="fas fa-arrow-left" ></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="swiper testimonials3-tumbs_slider hidden lg:block static overflow-visible"
+              >
+                <ul
+                  class="testimonial-quote-menu d-none d-lg-block swiper-wrapper static !overflow-visible"
+                >
+                  <li class="swiper-slide static overflow-visible">
+                    <img
+                      src="./assets/img/testimonial/1.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/2.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/3.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                  <li class="swiper-slide static">
+                    <img
+                      src="./assets/img/testimonial/4.jpg"
+                      alt="Quote image"
+                    >
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] bg-section-bg-1">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide py-30">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-right" ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-left" ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-4.html b/quarter/index-4.html
new file mode 100644
index 0000000..08e0001
--- /dev/null
+++ b/quarter/index-4.html
@@ -0,0 +1,3633 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- overlay -->
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-140px xl:pt-100px pb-100px 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/14.jpg')]"
+              >
+                <div
+                  class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                ></div>
+                <div class="container w-full relative z-xl">
+                  <div class="">
+                    <!-- banner Left -->
+
+                    <div
+                      class="slide-animation flex flex-col justify-center items-center text-center"
+                    >
+                      <div class="mb-50px animated">
+                        <a
+                          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-white shadow-box-shadow-2 bg-secondary-color hover:text-white flex items-center justify-center"
+                          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                          data-glightbox="type: video;"
+                        >
+                          <i class="icon-play"></i>
+                        </a>
+                      </div>
+                      <p
+                        class="text-sm md:text-15px lg:text-base font-bold mb-10px text-white animated"
+                      >
+                        <i class="fas fa-home"></i>
+                        Real Estate Agency
+                      </p>
+                      <h1
+                        class="text-3xl md:text-40px lg:text-6xl 4xl:text-80px text-white leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated uppercase"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 4xl:leading-1"
+                        >
+                          Find Your Dream <br >
+                          House By Us
+                        </span>
+                      </h1>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- property section -->
+      <section>
+        <div class="container pt-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-4 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Property By Categories </span>
+            </h2>
+          </div>
+          <!-- property cards  -->
+
+          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px">
+            <!-- card 1 -->
+            <div
+              class="lg:col-start-1 lg:col-span-2 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/2.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Apartments </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/3.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Condos </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="lg:col-start-1 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/7.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Houses </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="lg:col-start-2 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/8.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Retail</a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="lg:col-start-3 lg:col-span-1 h-350px bg-cover bg-no-repeat bg-center bg-[url('../img/gallery/9.jpg')] relative"
+            >
+              <div
+                class="bg-heading-color bg-opacity-30 hover:bg-opacity-20 transition-all duration-300 absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center text-center cursor-pointer"
+              >
+                <div class="p-30px">
+                  <h3
+                    class="text-lg md:text-xl lg:text-22px xl:text-2xl font-bold text-white mb-10px"
+                  >
+                    <a href="shop.html" class="leading-1.3"> Villas </a>
+                  </h3>
+                  <p class="text-sm lg:text-base mb-15px text-white">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >Great Deals Available</span
+                    >
+                  </p>
+                  <div
+                    class="text-sm lg:text-base text-white inline-block px-15px rounded-full bg-secondary-color"
+                  >
+                    <span class="leading-1.3">13 Listings</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+            >
+              <span class="leading-1.3">Features</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Core Features </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div class="service-cards flex flex-wrap justify-center items-center">
+            <!-- card 1 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-apartment"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Smart living</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px active"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-park"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >ECO Construction</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-maps-and-location"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Atractive Location</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="service-card service-card-2 basis-full sm:basis-1/2 lg:basis-1/4 px-15px lg:px-0 mb-30px"
+            >
+              <div
+                class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="mb-15px text-6xl text-secondary-color">
+                  <i class="flaticon-excavator"></i>
+                </div>
+                <h6
+                  class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3"
+                    href="service-details.html"
+                    >Modern Technology</a
+                  >
+                </h6>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    >Lorem ipsum dolor sit ame it, consectetur adipisicing elit,
+                    sed do eiusmod te mp or incididunt ut labore</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 mb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-secondary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+
+      <!-- brand section -->
+      <div class="brands">
+        <div class="container -mb-[180px] relative z-10">
+          <div
+            class="w-full h-80 md:h-350px lg:h-[450px] xl:h-[600px] bg-[url('../img/bg/15.jpg')] bg-cover bg-no-repeat bg-center relative"
+          >
+            <div
+              class="absolute top-0 left-0 w-full h-full flex flex-col justify-center items-center z-10"
+            >
+              <div class="overflow-visible">
+                <div class="">
+                  <a
+                    class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-white shadow-box-shadow-2 bg-secondary-color hover:text-white flex items-center justify-center outline outline-4 outline-border-color-9 outline-offset-[15px] outlineou m-5"
+                    href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div
+          class="px-15px 3xl:px-[2%] 4xl:px-[9%] bg-[url('../img/bg/7.jpg')] bg-cover bg-no-repeat bg-center before:absolute before:left-0 before:top-0 before:w-full before:h-full before:bg-overlay2 relative z-0 before:-z-1 before:block"
+        >
+          <div class="swiper brand-slider">
+            <div class="swiper-wrapper">
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b1.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b2.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b3.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b4.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b5.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+              <div class="swiper-slide pb-30 pt-[290px]">
+                <img
+                  src="./assets/img/brand-logo/b3.png"
+                  alt=""
+                  class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+                >
+              </div>
+            </div>
+            <!--  navigation -->
+            <div class="hidden">
+              <div class="swiper-button-next bg-white z-1">
+                <i class="fas fa-arrow-right" ></i>
+              </div>
+              <div class="swiper-button-prev bg-white z-1">
+                <i class="fas fa-arrow-left" ></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/8.jpg')] bg-center bg-no-repeat">
+          <div class="container pt-115px pb-70px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 rounded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">Testimonials</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedbacks </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider-4 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/4.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Jacob William</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Founder, Browni Co.
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/5.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Ethan James</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Admin
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/6.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Jacob William</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Founder, Browni Co.
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/1.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Liam Mason</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Officer
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  5 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div class="">
+                      <!-- card banner -->
+                      <div>
+                        <img
+                          src="./assets/img/blog/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- card body -->
+                      <div
+                        class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                      >
+                        <div>
+                          <p class="text-sm lg:text-base mb-6">
+                            <span class="leading-1.8">
+                              Lorem ipsum ctetur elit, sed do eius mod tempor
+                              incididunt ut labore et dolore magna aliqua.
+                            </span>
+                          </p>
+                        </div>
+                        <!-- card footer -->
+
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                              >
+                                <span class="leading-1.3">Noah Alexander</span>
+                              </h4>
+
+                              <h6
+                                class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                                >
+                                  Professor
+                                </span>
+                              </h6>
+                            </div>
+                          </div>
+                        </div>
+
+                        <span
+                          class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                        ></span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block sm:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden sm:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolio section -->
+      <section>
+        <div>
+          <div
+            class="portfolio-slider-container swiper-container relative overflow-hidden"
+          >
+            <!-- apartment cards  -->
+            <div class="swiper portfolio-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The perfect city</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Greenville
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/21.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/21.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Heart of NYC</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Manhattan
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The luxury crib</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Upper East Side
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/23.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/23.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The Best City</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Jersey City
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5-->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/24.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/24.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Friendly neighborhood</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Queens
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden lg:block">
+                <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-90px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-5.html b/quarter/index-5.html
new file mode 100644
index 0000000..28a0947
--- /dev/null
+++ b/quarter/index-5.html
@@ -0,0 +1,5037 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl bg-gradient-color-2">
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px min-h-[400px] lg:min-h-[550px] xl:min-h-0 4xl:min-h-[800px] xl:h-screen h-auto overflow-hidden flex flex-col justify-center"
+              >
+                <video
+                  autoplay=""
+                  muted=""
+                  loop=""
+                  id="myVideo"
+                  class="w-screen max-w-full h-full absolute left-0 top-0 -z-1 object-cover"
+                >
+                  <source src="./assets/media/3.mp4" type="video/mp4" >
+                </video>
+                <div class="container w-[880px] relative z-xl">
+                  <div class="">
+                    <!-- banner Left -->
+
+                    <div
+                      class="slide-animation flex flex-col justify-center items-center text-center"
+                    >
+                      <p
+                        class="text-sm md:text-15px lg:text-base font-bold mb-15px text-white animated"
+                      >
+                        <i class="fas fa-home text-secondary-color"></i>
+                        Real Estate Agency
+                      </p>
+                      <h1
+                        class="text-3xl md:text-40px lg:text-6xl xl:text-50px 4xl:text-90px text-white font-bold mb-5 animated uppercase hyphens-none"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1 4xl:leading-1"
+                        >
+                          Find Your Dream
+                          <br class="hidden md:block leading-[0]" >
+                          House By Us
+                        </span>
+                      </h1>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:mr-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/7.png" alt="" class="max-w-full" >
+              <div
+                class="absolute left-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 border-l-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-6.html b/quarter/index-6.html
new file mode 100644
index 0000000..cadf4b8
--- /dev/null
+++ b/quarter/index-6.html
@@ -0,0 +1,6081 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- header top -->
+      <div class="bg-transparent border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-7 relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="home-3">
+              <div>
+                <!-- Hero  1 -->
+                <div
+                  class="relative z-0 pt-300px md:pt-50 pb-50px 4xl:h-screen 4xl:min-h-[800px] overflow-hidden flex flex-col justify-center bg-cover bg-center bg-no-repeat bg-[url('../img/slider/11.jpg')]"
+                >
+                  <!-- overlay -->
+                  <div
+                    class="absolute top-0 left-0 w-full h-full bg-overlay z-20"
+                  ></div>
+                  <div class="container w-full relative z-xl tab hero-tab">
+                    <!-- action -->
+                    <div class="tab-links flex gap-x-10px items-center mb-10px">
+                      <div
+                        class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                      >
+                        <button
+                          class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                        >
+                          <i class="fas fa-home mr-10px"></i> Rent Home
+                        </button>
+                      </div>
+                      <div
+                        class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                      >
+                        <button
+                          class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                        >
+                          <i class="fas fa-home mr-10px"></i> Sale Home
+                        </button>
+                      </div>
+                    </div>
+                    <div
+                      class="tab-contents py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-section-bg-1"
+                    >
+                      <!-- inputs -->
+                      <div class="transition-all duration-200">
+                        <form class="hero-form">
+                          <div
+                            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                          >
+                            <div>
+                              <select class="selectize apartment-select">
+                                <option value="Apartment" data-display="Select">
+                                  Apartment
+                                </option>
+                                <option value="Property Type">
+                                  Property Type
+                                </option>
+                                <option value="Co-op">Co-op</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Single Family Home">
+                                  Single Family Home
+                                </option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize location-select">
+                                <option data-display="Select">Location</option>
+                                <option>chicago</option>
+                                <option>London</option>
+                                <option>Los Angeles</option>
+                                <option>New York</option>
+                                <option>New Jersey</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize sub-location-select">
+                                <option data-display="Select">
+                                  Sub Location
+                                </option>
+                                <option>Bayonne</option>
+                                <option>Greenville</option>
+                                <option>Manhattan</option>
+                                <option>Queens</option>
+                                <option>The Heights</option>
+                                <option>Upper East Side</option>
+                                <option>West Side</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize bedrooms-select">
+                                <option data-display="Select">Bedrooms</option>
+                                <option>1</option>
+                                <option>2</option>
+                                <option>3</option>
+                                <option>4</option>
+                              </select>
+                            </div>
+                            <!-- min size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="Min size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                            <!-- max size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="max size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                          </div>
+                          <div>
+                            <!-- .range -->
+                            <div
+                              class="car-price-filter-range mt-30px mb-5 lg:mb-10"
+                            >
+                              <div class="price_filter">
+                                <div class="price_slider_amount">
+                                  <input type="submit" value="Your range:" >
+                                  <input
+                                    type="text"
+                                    class="amount"
+                                    name="price"
+                                    placeholder="Add Your Price"
+                                  >
+                                </div>
+                                <div class="slider-range"></div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                          >
+                            <h5
+                              class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Search Inventory</a
+                              >
+                            </h5>
+                          </div>
+                        </form>
+                      </div>
+                      <div class="hidden transition-all duration-200">
+                        <form class="hero-form">
+                          <div
+                            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-30px"
+                          >
+                            <div>
+                              <select class="selectize apartment-select">
+                                <option
+                                  value="Property Type"
+                                  data-display="Select"
+                                >
+                                  Property Type
+                                </option>
+                                <option value="Apartment">Apartment</option>
+                                <option value="Co-op">Co-op</option>
+                                <option value="Condo">Condo</option>
+                                <option value="Single Family Home">
+                                  Single Family Home
+                                </option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize location-select">
+                                <option data-display="Select">Location</option>
+                                <option>chicago</option>
+                                <option>London</option>
+                                <option>Los Angeles</option>
+                                <option>New York</option>
+                                <option>New Jersey</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize sub-location-select">
+                                <option data-display="Select">
+                                  Sub Location
+                                </option>
+                                <option>Bayonne</option>
+                                <option>Greenville</option>
+                                <option>Manhattan</option>
+                                <option>Queens</option>
+                                <option>The Heights</option>
+                                <option>Upper East Side</option>
+                                <option>West Side</option>
+                              </select>
+                            </div>
+                            <div>
+                              <select class="selectize bedrooms-select">
+                                <option data-display="Select">Bedrooms</option>
+                                <option>1</option>
+                                <option>2</option>
+                                <option>3</option>
+                                <option>4</option>
+                              </select>
+                            </div>
+                            <!-- min size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="Min size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                            <!-- max size  -->
+                            <div>
+                              <input
+                                type="text"
+                                placeholder="max size (in sqft)"
+                                class="text-paragraph-color pl-5 pr-10 placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                              >
+                            </div>
+                          </div>
+                          <div>
+                            <!-- .range -->
+                            <div
+                              class="car-price-filter-range mt-30px mb-5 lg:mb-10"
+                            >
+                              <div class="price_filter">
+                                <div class="price_slider_amount">
+                                  <input type="submit" value="Your range:" >
+                                  <input
+                                    type="text"
+                                    class="amount"
+                                    name="price"
+                                    placeholder="Add Your Price"
+                                  >
+                                </div>
+                                <div class="slider-range"></div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="text-center md:col-start-1 md:col-span-2 lg:col-span-3 flex justify-center items-center"
+                          >
+                            <h5
+                              class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="shop-right-sidebar.html"
+                                class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Search Inventory</a
+                              >
+                            </h5>
+                          </div>
+                        </form>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden">
+                <div class="swiper-button-next !text-white">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev !text-white">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- latest appartments  section -->
+
+      <section>
+        <div class="container pt-115px pb-70px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings </span>
+            </h2>
+          </div>
+          <div>
+            <!-- apartment cards  -->
+            <div class="-mx-15px">
+              <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3">
+                <!-- card 1 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Sale</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 6 -->
+                <div class="apart-card mb-50px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/6.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+
+                      <div class="absolute top-10 lg:top-5 right-[30px]">
+                        <a href="team-details.html" class="w-50px h-50px"
+                          ><img
+                            src="./assets/img/blog/author.jpg"
+                            alt=""
+                            class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                        ></a>
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-30px lg:px-30px">
+                      <p
+                        class="text-secondary-color font-semibold mb-15px uppercase"
+                      >
+                        <span class="leading-25px">For Rent</span>
+                      </p>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+
+                      <div class="text-sm">
+                        <a
+                          href="locations.html"
+                          class="hover:text-secondary-color"
+                          ><i
+                            class="flaticon-pin text-secondary-color mr-0.5"
+                          ></i>
+                          Belmont Gardens, Chicago</a
+                        >
+                      </div>
+
+                      <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3 <span class="font-normal">Bed</span>
+                          </p>
+                        </li>
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            2 <span class="font-normal">Bath</span>
+                          </p>
+                        </li>
+
+                        <li>
+                          <p class="leading-1.8 font-bold text-sm">
+                            3450 <span class="font-normal">Square Ft</span>
+                          </p>
+                        </li>
+                      </ul>
+                      <div
+                        class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                      >
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                    <!-- cart footer -->
+                    <div class="p-5 lg:px-30px border-t border-border-color-1">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-5 font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-7.html b/quarter/index-7.html
new file mode 100644
index 0000000..c17c8b0
--- /dev/null
+++ b/quarter/index-7.html
@@ -0,0 +1,4878 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header class="absolute top-0 left-0 w-full z-xxl">
+      <!-- navbar main -->
+      <div
+        class="sticky-header sticky-secondary z-xl bg-transparent transition-all duration-700"
+      >
+        <div
+          class="container flex flex-row justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo-2.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-white hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-0">
+          <div class="swiper primary-slider">
+            <div class="swiper-wrapper">
+              <div
+                class="swiper-slide relative z-0 pt-300px md:pt-50 pb-100px min-h-[400px] lg:min-h-[550px] xl:min-h-0 4xl:min-h-[800px] xl:h-screen h-auto overflow-hidden flex flex-col justify-center"
+              >
+                <!-- video -->
+                <video
+                  autoplay=""
+                  muted=""
+                  loop=""
+                  id="myVideo"
+                  class="w-screen max-w-full h-full absolute left-0 top-0 -z-[2] object-cover"
+                >
+                  <source src="./assets/media/3.mp4" type="video/mp4" >
+                </video>
+                <!-- overlay -->
+                <div
+                  class="absolute top-0 left-0 w-full h-full bg-overlay-primary bg-opacity-30 -z-1"
+                ></div>
+                <div class="container lg:max-w-[920px] w-full relative z-xl">
+                  <div class="lg:-mx-15px">
+                    <div
+                      class="flex flex-col justify-center items-center text-center"
+                    >
+                      <h1
+                        class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10 capitalize hyphens-none"
+                      >
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                        >
+                          Find Your
+                        </span>
+
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3 text-secondary-color"
+                        >
+                          Perfect
+                        </span>
+
+                        <span
+                          class="leading-1 sm:leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                        >
+                          Home
+                        </span>
+                      </h1>
+
+                      <div class="tab hero-tab w-full">
+                        <!-- action -->
+                        <div
+                          class="tab-links flex justify-center gap-x-10px items-center mb-10px"
+                        >
+                          <div
+                            class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home mr-10px"></i> Rent Home
+                            </button>
+                          </div>
+                          <div
+                            class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-25px lg:px-10 py-15px whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home mr-10px"></i> Sale Home
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="tab-contents py-10 px-25px md:p-10 lg:pr-17px shadow-box-shadow-1 border border-border-color-1 bg-section-bg-1"
+                        >
+                          <!-- inputs -->
+                          <div>
+                            <form
+                              class="hero-form grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-5"
+                            >
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Apartment"
+                                    data-display="Select"
+                                  >
+                                    Apartment
+                                  </option>
+                                  <option value="Property Type">
+                                    Property Type
+                                  </option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search
+                                  </a>
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                          <div class="hidden">
+                            <form
+                              class="hero-form grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-5"
+                            >
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Property Type"
+                                    data-display="Select"
+                                  >
+                                    Property Type
+                                  </option>
+                                  <option value="Apartment">Apartment</option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search</a
+                                  >
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings</span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Sale</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide">
+                  <div class="apart-card mb-50px px-15px">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+      <!-- portfolio section -->
+      <section>
+        <div>
+          <div
+            class="portfolio-slider-container swiper-container relative overflow-hidden"
+          >
+            <!-- apartment cards  -->
+            <div class="swiper portfolio-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The perfect city</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Greenville
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/21.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/21.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Heart of NYC</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Manhattan
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/22.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/22.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The luxury crib</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Upper East Side
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 1 -->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/23.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/23.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >The Best City</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Jersey City
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5-->
+                <div
+                  class="swiper-slide mb-45px xl:mb-30px cursor-default relative"
+                >
+                  <div class="group">
+                    <div class="-mb-10px">
+                      <a
+                        href="assets/img/img-slide/24.jpg"
+                        class="glightbox3 overflow-hidden"
+                        data-width="63vh"
+                      >
+                        <img
+                          src="./assets/img/img-slide/24.jpg"
+                          alt=""
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                        >
+                      </a>
+                    </div>
+
+                    <!-- card body -->
+                    <div
+                      class="px-5 py-30px 3xl:px-35px absolute bottom-0 left-0 w-full flex justify-between items-center gap-x-5 bg-gradient-color-3 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300"
+                    >
+                      <div>
+                        <h6
+                          class="text-sm md:text-15px lg:text-base text-white mb-5px"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                            >Friendly neighborhood</span
+                          >
+                        </h6>
+                        <h4 class="text-lg xl:text-26px font-medium text-white">
+                          <a
+                            href="portfolio-details.html"
+                            class="text-white hover:text-secondary-color leading-1.3 xl:leading-1.3"
+                            >Queens
+                          </a>
+                        </h4>
+                      </div>
+
+                      <div>
+                        <h5
+                          class="capitalize text-sm md:text-base relative group/nested whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+                        >
+                          <span
+                            class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover/nested:bg-primary-color z-1 group-hover/nested:w-0 transition-all duration-300"
+                          ></span>
+                          <a
+                            href="about.html"
+                            class="relative z-10 text-white p-10px pb-2 lg:px-5 lg:pt-15px lg:pb-13px group-hover/nested:text-heading-color leading-23px uppercase"
+                            >Details</a
+                          >
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden lg:block">
+                <div class="swiper-button-next bg-white z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev bg-white z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30 pt-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize 1b-15px py-0.5 px-5 mb-15px rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-8.html b/quarter/index-8.html
new file mode 100644
index 0000000..27de7b9
--- /dev/null
+++ b/quarter/index-8.html
@@ -0,0 +1,6455 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="swiper primary-slider">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <div
+                class="max-w-[2126px] h-[560px] lg:h-[650px] 4xl:h-[800px] bg-[url('../img/slider/52.jpg')] mx-auto bg-no-repeat bg-center bg-cover flex flex-col justify-center items-center lg:items-start"
+              >
+                <div
+                  class="slide-animation h-full max-w-[460px] 4xl:max-w-500px w-full px-30px lg:px-0"
+                >
+                  <div
+                    class="p-30px pb-10px h-full animated bg-white bg-opacity-90 max-w-[400px] 4xl:max-w-500px w-full"
+                  >
+                    <div
+                      class="flex flex-col justify-center items-center text-center h-full"
+                    >
+                      <h1
+                        class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold mb-30px capitalize hyphens-none w-full"
+                      >
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1"
+                        >
+                          Find Your
+                        </span>
+
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1 text-secondary-color"
+                        >
+                          Perfect
+                        </span>
+
+                        <span
+                          class="leading-1 md:leading-1 lg:leading-1 xl:leading-1"
+                        >
+                          Home
+                        </span>
+                      </h1>
+
+                      <div class="tab hero-tab w-full">
+                        <!-- action -->
+                        <div
+                          class="tab-links flex justify-center flex-wrap gap-10px items-center mb-10px"
+                        >
+                          <div
+                            class="active text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-5 py-3 whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home mr-10px"></i> Rent Home
+                            </button>
+                          </div>
+                          <div
+                            class="text-sm lg:text-base text-heading-color relative group whitespace-nowrap transition-all duration-300 bg-section-bg-1 inline-block font-bold"
+                          >
+                            <button
+                              class="relative z-10 px-5 py-3 whitespace-normal leading-1.8 lg:leading-1.8 uppercase"
+                            >
+                              <i class="fas fa-home mr-10px"></i> Sale Home
+                            </button>
+                          </div>
+                        </div>
+                        <div
+                          class="tab-contents py-10 px-25px md:p-10 bg-section-bg-1"
+                        >
+                          <!-- inputs -->
+                          <div>
+                            <form class="hero-form grid grid-cols-1 gap-30px">
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Apartment"
+                                    data-display="Select"
+                                  >
+                                    Apartment
+                                  </option>
+                                  <option value="Property Type">
+                                    Property Type
+                                  </option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search
+                                  </a>
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                          <div class="hidden">
+                            <form class="hero-form grid grid-cols-1 gap-30px">
+                              <div>
+                                <select class="selectize apartment-select">
+                                  <option
+                                    value="Property Type"
+                                    data-display="Select"
+                                  >
+                                    Property Type
+                                  </option>
+                                  <option value="Apartment">Apartment</option>
+                                  <option value="Co-op">Co-op</option>
+                                  <option value="Condo">Condo</option>
+                                  <option value="Single Family Home">
+                                    Single Family Home
+                                  </option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize location-select">
+                                  <option data-display="Select">
+                                    Location
+                                  </option>
+                                  <option>chicago</option>
+                                  <option>London</option>
+                                  <option>Los Angeles</option>
+                                  <option>New York</option>
+                                  <option>New Jersey</option>
+                                </select>
+                              </div>
+                              <div>
+                                <select class="selectize sub-location-select">
+                                  <option data-display="Select">
+                                    Sub Location
+                                  </option>
+                                  <option>Bayonne</option>
+                                  <option>Greenville</option>
+                                  <option>Manhattan</option>
+                                  <option>Queens</option>
+                                  <option>The Heights</option>
+                                  <option>Upper East Side</option>
+                                  <option>West Side</option>
+                                </select>
+                              </div>
+
+                              <div>
+                                <h5
+                                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                                >
+                                  <span
+                                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                                  ></span>
+                                  <a
+                                    href="shop-right-sidebar.html"
+                                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                    >Search</a
+                                  >
+                                </h5>
+                              </div>
+                            </form>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container pt-115px pb-90px modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize py-0.5 px-5 mb-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Property</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Latest Listings</span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative -mx-15px">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider2 static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Sale</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide">
+                  <div class="apart-card mb-50px px-15px">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div class="apart-card">
+                    <div
+                      class="group border border-border-color-13 shadow-box-shadow-4"
+                    >
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="product-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/product-3/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+
+                        <div class="absolute top-10 lg:top-5 right-[30px]">
+                          <a href="team-details.html" class="w-50px h-50px"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                          ></a>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div class="px-5 pt-30px lg:px-30px">
+                        <p
+                          class="text-secondary-color font-semibold mb-15px uppercase"
+                        >
+                          <span class="leading-25px">For Rent</span>
+                        </p>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                        >
+                          <a
+                            href="product-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >New Apartment Nice View</a
+                          >
+                        </h4>
+
+                        <div class="text-sm">
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i
+                              class="flaticon-pin text-secondary-color mr-0.5"
+                            ></i>
+                            Belmont Gardens, Chicago</a
+                          >
+                        </div>
+
+                        <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3 <span class="font-normal">Bed</span>
+                            </p>
+                          </li>
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              2 <span class="font-normal">Bath</span>
+                            </p>
+                          </li>
+
+                          <li>
+                            <p class="leading-1.8 font-bold text-sm">
+                              3450 <span class="font-normal">Square Ft</span>
+                            </p>
+                          </li>
+                        </ul>
+                        <div
+                          class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                        >
+                          <ul class="flex gap-x-2">
+                            <li>
+                              <button
+                                data-modal-index="1"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-expand leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <button
+                                data-modal-index="2"
+                                class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              >
+                                <i class="flaticon-heart-1 leading-1"></i>
+                              </button>
+                            </li>
+                            <li>
+                              <a
+                                href="product-details.html"
+                                class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                ><i class="flaticon-add leading-1"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- cart footer -->
+                      <div
+                        class="p-5 lg:px-30px border-t border-border-color-1"
+                      >
+                        <h5
+                          class="text-lg text-secondary-color font-semibold mb-5px"
+                        >
+                          <span class="leading-1.8">$34,900</span>
+                          <label class="text-sm font-normal">/Month</label>
+                        </h5>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+                <span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 1"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 2"
+                  aria-current="true"
+                ></span
+                ><span
+                  class="swiper-pagination-bullet"
+                  tabindex="0"
+                  role="button"
+                  aria-label="Go to slide 3"
+                ></span>
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right" ></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left" ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                  >
+                    <span>$149.00</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$165.00</del
+                    >
+                  </p>
+                  <!-- categories -->
+                  <div class="py-5 border-y border-border-color-12 mb-30px">
+                    <ul class="flex gap-x-10px items-center font-semibold">
+                      <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                        Categories:
+                      </span></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Parts,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Car,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Seat,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Cover
+                      </a></li>
+                    </ul>
+                  </div>
+
+                  <!-- action -->
+                   <div class="flex items-center gap-4 mb-4">
+                    <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                      <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                        -
+                      </div>
+                      <div class="flex-grow h-full">
+                        <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                      </div>
+                      <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                        +
+                      </div>
+                    </form>
+
+                    <div >
+                      <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                        <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                        <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                      </h5>
+                    </div>
+                   </div>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                 
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute right-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="-translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:left-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index-9.html b/quarter/index-9.html
new file mode 100644
index 0000000..26e0bc7
--- /dev/null
+++ b/quarter/index-9.html
@@ -0,0 +1,5448 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6 border-b border-border-color-3">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px pt-10px">
+                <li class="pr-30px relative group pb-10px">
+                  <a href="#" class="language relative"> English </a>
+
+                  <ul
+                    class="py-7px bg-white w-50 shadow-box-shadow-4 absolute right-5 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl text-paragraph-color text-sm lg:text-base font-normal"
+                  >
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Arabic</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Bengali</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Chinese</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >English</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >French</a
+                      >
+                    </li>
+                    <li>
+                      <a class="whitespace-nowra px-15px py-2" href="#"
+                        >Hindi</a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li class="pb-10px">
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li class="pb-10px">
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-row justify-between items-center relative py-7 xl:py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-end gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="hidden xl:block">
+                <a
+                  href="add-listing.html"
+                  class="px-30px py-14px ml-43px text-lg xl:text-15px 2xl:text-lg bg-secondary-color hover:bg-section-bg-1 font-semibold text-white hover:text-primary-color inline-block"
+                  >Add Listing</a
+                >
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative bg-white"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area end -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="swiper primary-slider">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide">
+              <div
+                class="max-w-[2126px] h-[560px] lg:h-[650px] 4xl:h-[800px] bg-[url('../img/slider/111.jpeg')] mx-auto bg-no-repeat bg-center bg-cover flex flex-col justify-center items-center lg:items-start"
+              >
+                <div
+                  class="lg:h-full max-w-[460px] 4xl:max-w-500px w-full px-30px lg:px-0"
+                >
+                  <div
+                    class="p-30px pb-10 lg:h-full bg-white bg-opacity-90 max-w-[400px] 4xl:max-w-500px w-full"
+                  >
+                    <div
+                      class="flex flex-col justify-center items-center text-center h-full"
+                    >
+                      <div
+                        class="relative before:hidden before:lg:block before:h-[84px] before:w-0.5 before:bg-heading-color before:absolute before:left-1/2 before:top-[-46%] before:-translate-x-1/2 after:hidden after:lg:block after:h-[84px] after:w-0.5 after:bg-heading-color after:absolute after:left-1/2 after:bottom-[-51%] after:-translate-x-1/2 slide-animation"
+                      >
+                        <h1
+                          class="text-2xl md:text-26px lg:text-4xl 4xl:text-[46px] text-heading-color font-bold mb-15px hyphens-none w-full uppercase animated"
+                        >
+                          <span
+                            class="leading-1.3 md:leading-1.3 lg:leading-1.3 4xl:leading-1.3"
+                          >
+                            OUR MODERN LIVING QUARTERS
+                          </span>
+                        </h1>
+                        <h1
+                          class="text-17px md:text-lg lg:text-xl -heading-color font-bold mb-30px hyphens-none w-full uppercase animated"
+                        >
+                          <span class="leading-1 md:leading-1.3 lg:leading-1.3">
+                            SITEWIDE 21% OFF
+                          </span>
+                        </h1>
+                        <div class="animated">
+                          <h5
+                            class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Shop Now
+                            </a>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-115px pb-100px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px items-center">
+            <!-- about left -->
+            <div class="lg:mr-30px relative mb-10 lg:mb-0">
+              <img
+                src="./assets/img/others/11.png"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div>
+              <div>
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Dream Living Spaces Setting New Build
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="space-y-5 pt-30px">
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-house-4 text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        The Perfect Residency</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-call-center-agent text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Global Architect Experts</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+                <li
+                  class="text-sm lg:text-base flex px-22px pt-25px pb-21px lg:pb-25px border-2 border-border-color-15 before:w-1 before:h-0 before:bg-secondary-color relative before:absolute before:left-0 before:top-1/2 before:-translate-y-1/2 before:opacity-0 before:transition-all before:duration-300 transition-all duration-300 hover:shadow-box-shadow-1 hover:before:h-4/5 hover:before:opacity-100"
+                >
+                  <i
+                    class="flaticon-maps-and-location text-50px text-secondary-color mr-5"
+                  ></i>
+                  <div>
+                    <h5
+                      class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                    >
+                      <a
+                        href="service-details.html"
+                        class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >
+                        Built-in Storage Cupboards</a
+                      >
+                    </h5>
+                    <p class="text-sm lg:text-base">
+                      Lorem ipsum dolor sit amet, consectetur adipisic do
+                      eiusmod tempor incididunt ut labore et
+                    </p>
+                  </div>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- Facilities section -->
+      <section class="bg-section-bg-1 relative">
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 gap-30px">
+            <!-- Building Facilities left -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+                >
+                  <span class="leading-1.3">Building Facilities</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    Making living spaces More Beautiful
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul
+                class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-30px pt-4"
+              >
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Living rooms are pre-wired for Surround</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Luxurious interior design and amenities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Nestled in the Buckhead Vinings communities</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Private balconies with stunning views</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >A rare combination of inspired architecture</span
+                  >
+                </li>
+
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="icon-done text-sm text-secondary-color bg-color-6 w-8 h-8 flex items-center justify-center mr-15px rounded-100% flex-shrink-0"
+                  ></i>
+                  <span class="leading-1.8"
+                    >Outdoor grilling with dining court</span
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <!-- Building Facilities right -->
+            <div class="h-full">
+              <div class="absolute right-0 top-0 w-[48%] h-full">
+                <img
+                  src="./assets/img/bg/21.jpg"
+                  alt=""
+                  class="w-full h-full hidden lg:block"
+                >
+              </div>
+
+              <div
+                class="flex h-full w-full justify-center lg:justify-start lg:items-center"
+              >
+                <div class="-translate-x-3">
+                  <a
+                    class="glightbox2 w-20 h-20 text-center text-lg text-white bg-secondary-color shadow-box-shadow-2 rounded-full flex items-center justify-center animate-pulse2 hover:text-white"
+                    href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                    data-glightbox="type: video;"
+                  >
+                    <i class="icon-play"></i>
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize mb-2 inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- upcoming projects section -->
+      <section>
+        <div class="bg-[url('../img/bg/22.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Upcoming Projects</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >Dream Living Space <br >
+                  Setting New Standards
+                </span>
+              </h2>
+            </div>
+            <!-- upcoming project slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper project-slider-container static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide  2 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- slide 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-12 gap-y-30px py-30px px-15px lg:pr-30px mt-10px shadow-box-shadow-4 bg-white"
+                    >
+                      <!-- banner area -->
+                      <div class="lg:col-start-1 lg:col-span-7 px-15px">
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          alt=""
+                          class="w-full"
+                        >
+                      </div>
+                      <!-- content area -->
+                      <div
+                        class="lg:col-start-8 lg:col-span-5 px-15px bg-section-bg-1"
+                      >
+                        <div class="md:px-5 py-50px">
+                          <p
+                            class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold"
+                          >
+                            <span class="leading-1">About Projects</span>
+                          </p>
+                          <h2
+                            class="text-2xl md:text-26px lg:text-3xl xl:text-4xl text-heading-color font-bold mb-30px"
+                          >
+                            <span
+                              class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                              >Upcoming Projects
+                            </span>
+                          </h2>
+                          <ul class="flex flex-col gap-y-15px">
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">1. Project Name: </span>
+                              <span class="leading-1.8">Quarter </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8">2. Project Type: </span>
+                              <span class="leading-1.8">Apartment / Home</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >3. Building Location:
+                              </span>
+                              <span class="leading-1.8">New York, USA</span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >4. No. Of Apartments:
+                              </span>
+                              <span class="leading-1.8">568 </span>
+                            </li>
+                            <li
+                              class="text-sm font-bold flex justify-between items-center"
+                            >
+                              <span class="leading-1.8"
+                                >5. Total Investment:
+                              </span>
+                              <span class="leading-1.8">$14,500,00 </span>
+                            </li>
+                          </ul>
+
+                          <div class="mt-30px">
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px mb-0"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="contact.html"
+                                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                                >Download Brochure</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize rounded-full inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-section-bg-1">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-section-bg-1">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-section-bg-1">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- area properties section -->
+      <section>
+        <div
+          class="relative z-0 before:w-full before:h-[72%] before:bg-section-bg-1 before:absolute before:left-0 before:top-0 before:-z-1"
+        >
+          <div>
+            <div class="container pt-115px pb-65px">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Area Properties</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >Find Your Dream House <br >
+                    Search By Area
+                  </span>
+                </h2>
+              </div>
+
+              <div
+                class="properties-slider-container swiper-container relative -mx-15px"
+              >
+                <!-- apartment cards  -->
+                <div class="swiper properties-slider static">
+                  <div class="swiper-wrapper">
+                    <!-- card 1 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            2 properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                San Francisco</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Mission District Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 2 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 3 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/3.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            9 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                Sedona, Arizona</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Noe Valley Zones</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- card 4 -->
+                    <div
+                      class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                    >
+                      <div class="group p-15px shadow-box-shadow-4 bg-white">
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+                          <div
+                            class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                          >
+                            5 Properties
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="pt-25px px-5px pb-10px">
+                          <ul class="mb-3">
+                            <li class="text-sm lg:text-base">
+                              <a
+                                href="locations.html"
+                                class="leading-1.8 lg:leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              >
+                                New York</a
+                              >
+                            </li>
+                          </ul>
+                          <h4
+                            class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >Pacific Heights Area</a
+                            >
+                          </h4>
+                          <a
+                            href="product-details.html"
+                            class="text-sm lg:text-base text-secondary-color"
+                          >
+                            <span class="leading-1.8"
+                              >View Property <i class="flaticon-right-arrow"></i
+                            ></span>
+                          </a>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- pagination -->
+                  <div
+                    class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                  >
+                    <span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 1"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 2"
+                      aria-current="true"
+                    ></span
+                    ><span
+                      class="swiper-pagination-bullet"
+                      tabindex="0"
+                      role="button"
+                      aria-label="Go to slide 3"
+                    ></span>
+                  </div>
+                  <!--  navigation -->
+                  <div class="hidden xl:block">
+                    <div class="swiper-button-next bg-white z-1">
+                      <i class="fas fa-arrow-right" ></i>
+                    </div>
+                    <div class="swiper-button-prev bg-white z-1">
+                      <i class="fas fa-arrow-left" ></i>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- availabel spaces section -->
+      <section>
+        <div>
+          <div>
+            <div class="container pb-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Avialable Spaces</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3">Select Availability </span>
+                </h2>
+              </div>
+
+              <!-- table  -->
+              <div>
+                <!-- table lg-->
+                <div class="hidden md:block">
+                  <table
+                    class="table-fixed text-sm lg:text-base capitalize text-center w-full"
+                  >
+                    <tr class="border-b-2 border-border-color-1 leading-1.8">
+                      <td class="pt-4 pb-15px">Residence</td>
+                      <td class="pt-4 pb-15px">Bedrooms</td>
+                      <td class="pt-4 pb-15px">Bathroom</td>
+                      <td class="pt-4 pb-15px">SQ.FT</td>
+                      <td class="pt-4 pb-15px">Rent Price</td>
+                      <td class="pt-4 pb-15px">Details</td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                    <tr class="leading-1.8 bg-section-bg-1">
+                      <td class="pt-4 pb-15px uppercase">TOWER NAME</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">3</td>
+                      <td class="pt-4 pb-15px">1,200</td>
+                      <td class="pt-4 pb-15px">$3,500</td>
+                      <td class="pt-4 pb-15px">
+                        <a href="product-details.html">+ Available</a>
+                      </td>
+                    </tr>
+                  </table>
+                </div>
+                <!-- table sm-->
+                <div class="block md:hidden">
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                  <ul
+                    class="text-sm lg:text-base capitalize text-center pt-10px pb-25px bg-section-bg-1"
+                  >
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Residence</span>
+                      <span class="uppercase">TOWER NAME</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bedrooms</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Bathroom</span> <span>3</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>SQ.FT</span> <span>1,200</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Rent Price</span> <span>$3,500</span>
+                    </li>
+                    <li class="mt-4 grid grid-cols-2 leading-1.8">
+                      <span>Details</span>
+                      <a href="product-details.html">+ Available</a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- neighbour section -->
+      <section>
+        <div class="bg-section-bg-1">
+          <div>
+            <div class="container py-30">
+              <!-- section heading -->
+              <div class="mb-50px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-1.5"
+                >
+                  <span class="leading-1.3">Explore Neighbour</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+                >
+                  <span class="leading-1.3"
+                    >What’s In Neighbour <br >
+                    Explore Below
+                  </span>
+                </h2>
+              </div>
+              <!-- neighbour slider -->
+              <div
+                class="neighbour-slider-container swiper-container relative -mx-15px"
+              >
+                <div
+                  class="flex justify-center lg:block mb-10 lg:mb-10 lg:absolute lg:left-[35px] lg:bottom-10 lg:z-xl"
+                >
+                  <div class="w-[270px] lg:w-[420px]">
+                    <div
+                      
+                      class="swiper neighbour-slider-tumbs_slider"
+                    >
+                      <div class="swiper-wrapper">
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                        <div class="swiper-slide cursor-pointer">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full border-[7px] border-white"  alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="swiper neighbour-slider">
+                  <div class="swiper-wrapper">
+                    <!-- slide 1 -->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/1.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/3.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Shopping Center</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 2-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/2.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/2.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Medical Hospital</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- slide 3-->
+                    <div class="swiper-slide px-15px">
+                      <div class="grid grid-cols-1 lg:grid-cols-12 gap-30px">
+                        <div class="lg:col-start-1 lg:col-span-8">
+                          <img
+                            src="./assets/img/neighbour/3.jpg"
+                            class="w-full"
+                            alt=""
+                          >
+                        </div>
+                        <div class="lg:col-start-9 lg:col-span-4 mb-50px">
+                          <div
+                            class="group p-15px shadow-box-shadow-4 bg-white"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+                              <div
+                                class="text-13px leading-1.8 px-15px pt-6px pb-0.5 uppercase font-semibold absolute top-4 left-[10px] bg-white rounded-full"
+                              >
+                                9 properties
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="pt-25px px-5px pb-10px">
+                              <h4
+                                class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-3"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >Children Playland</a
+                                >
+                              </h4>
+
+                              <p class="text-sm lg:text-base">
+                                <span
+                                  class="leading-1.8 lg:leading-1.8 text-secondary-color"
+                                >
+                                  1,500m /
+                                </span>
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  21 min. walk
+                                </span>
+                              </p>
+                              <p class="text-sm lg:text-base pt-10px mb-5">
+                                <span class="leading-1.8 lg:leading-1.8">
+                                  Lorem ipsum dolor sit amet, consectetur
+                                  adipisicing elit, sed do eiusmod tempor
+                                  incididunt ut labore Enim ullamco laboris.
+                                </span>
+                              </p>
+                              <a
+                                href="product-details.html"
+                                class="text-sm lg:text-base text-secondary-color"
+                              >
+                                <span class="leading-1.8"
+                                  >View Property
+                                  <i class="flaticon-right-arrow"></i
+                                ></span>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- neighbour accordion -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-mortarboard text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          University / College
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-hospital text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Medical Hospital
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <div>
+                          <div
+                            class="float-left clear-both inline-block mr-5 relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-30 after:z-1"
+                          >
+                            <img
+                              src="./assets/img/bg/17.jpg"
+                              class="inline-block"
+                              alt=""
+                            >
+                            <div
+                              class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                            >
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 hidden w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white items-center justify-center"
+                                href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+
+                              <a
+                                class="glightbox3 w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/LjCzPp-MK48?autoplay=1&showinfo=0"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                          <p class="leading-1.8 lg:leading-1.8 mb-5">
+                            Lorem ipsum dolor sit amet, consectetur adipiscing
+                            elit, sed do eiusmod tempor incididunt ut labore et
+                            dolore magna aliqua. Scelerisque eleifend donec
+                            pretium vulputate sapien nec sagittis.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-metro text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Railway Station
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+                <ul class="accordion-container neighbour-accordion">
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-building text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Shopping Mall
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-airplane text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Airport/Biman
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li class="accordion border-b-2 border-border-color-10">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer text-sm lg:text-base py-5 pl-5px pr-4 md:pb-5"
+                    >
+                      <div
+                        class="flex gap-3 items-center font-semibold font-poppins"
+                      >
+                        <i
+                          class="flaticon-slider text-xl md:text-26px text-white w-10 h-10 md:w-50px md:h-50px bg-secondary-color leading-10 md:leading-50px text-center inline-block"
+                        ></i>
+                        <p class="text-primary-color text-sm md:text-lg">
+                          Children Playland
+                        </p>
+                      </div>
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor"
+                        ></span
+                        ><span
+                          class="w-4 h-0.5 bg-primary-color block dark:bg-whiteColor rotate-90 -mt-[2px]"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div
+                        class="content-wrapper px-5 md:px-10 pt-15px pb-25px text-sm lg:text-base"
+                      >
+                        <p class="leading-1.8 lg:leading-1.8 mb-5">
+                          Lorem ipsum dolor sit amet, consectetur adipiscing
+                          elit, sed do eiusmod tempor incididunt ut labore et
+                          dolore magna aliqua. Scelerisque eleifend donec
+                          pretium vulputate sapien nec sagittis.
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  01
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Parking Space
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  02
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Swimming Pool
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  03
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Private Security
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  04
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Medical Center
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  05
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Library Area
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  06
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  King Size Beds
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  07
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Smart Homes
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="text-sm lg:text-base pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-end group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-xl transition-all duration-300 text-secondary-color group-hover:text-white font-semibold leading-1.8 w-full text-start"
+                >
+                  08
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize w-full text-start"
+                >
+                  Kid’s Playland
+                </span>
+
+                <span class="leading-1.8 group-hover:text-white">
+                  Enimad minim veniam quis no exercitation ullamco lab
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/23.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-65px">
+            <!-- section heading -->
+            <div class="mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-white capitalize mb-2 inline-block font-semibold"
+              >
+                <span class="leading-1.3">Client,s Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-white font-bold"
+              >
+                <span class="leading-1.3"
+                  >See What,s Our Client <br >
+
+                  Says About Us
+                </span>
+              </h2>
+            </div>
+            <!-- testimonial slider -->
+
+            <div
+              class="swiper-container upcoming-project-slider-container -mx-15px relative"
+            >
+              <div class="swiper testimonials-slider2 static">
+                <div class="swiper-wrapper items-stretch">
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- slide  1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="p-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card header -->
+                      <div
+                        class="flex flex-col-reverse lg:flex-row lg:justify-between items-center mb-5"
+                      >
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                        <div>
+                          <ul class="flex text-xs text-ratings mb-1 lg:mb-0">
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                            <li class="leading-1.8">
+                              <a href="#" tabindex="0"
+                                ><i class="fas fa-star"></i
+                              ></a>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base lg:text-lg">
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color capitalize inline-block font-semibold mb-2"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/index.html b/quarter/index.html
new file mode 100644
index 0000000..c530876
--- /dev/null
+++ b/quarter/index.html
@@ -0,0 +1,5541 @@
+<!DOCTYPE html>
+<html lang="en" >
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a class="whitespace-nowrap px-30px py-2" href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div class="relative">
+                      <a href="product-details.html" >
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                       
+                      </a>
+                      <button
+                      class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                    >
+                      <i class="icon-cancel leading-5"></i>
+                    </button>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="wishlist.html#"
+                      class="text-sm lg:text-base"
+                    >
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div class="hero hero-primary overflow-hidden relative z-10">
+          <!-- Swiper -->
+          <div class="hero-slider-container swiper-container relative">
+            <div class="swiper primary-slider">
+              <div class="swiper-wrapper">
+                <!-- Hero  1 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div
+                      class="grid grid-cols-1 lg:grid-cols-2 items-center gap-30px"
+                    >
+                      <!-- banner Left -->
+
+                      <div class="slide-animation">
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            Find Your Dream <br >
+                            House By Us
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pl-15px xl:pl-30px border-l border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="mt-5 lg:mt-10 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >Make An Enquiry</a
+                            >
+                          </h5>
+                          <div class="inline-block">
+                            <div>
+                              <a
+                                class="glightbox w-60px h-60px text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center"
+                                href="https://www.youtube.com/embed/HnbMYzdjuBs?autoplay=1&showinfo=0&controls=1"
+                                data-glightbox="type: video;"
+                              >
+                                <i class="icon-play ltn__secondary-color"></i>
+                              </a>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+
+                      <!-- banner right -->
+                      <div
+                        class="4xl:absolute right-[60px] xl:right-[150px] bottom-[100px] 4xl:h-[70%] 4xl:w-[45%]"
+                      >
+                        <img
+                          class="4xl:h-full 4xl:ml-auto"
+                          src="./assets/img/slider/21.png"
+                          alt=""
+                        >
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Hero  2 -->
+                <div
+                  class="swiper-slide relative z-0 py-100px 4xl:min-h-[780px] overflow-hidden flex items-center bg-section-bg-1"
+                >
+                  <div class="container w-full">
+                    <div class="grid grid-cols-1 lg:grid-cols-2">
+                      <!-- banner Left -->
+                      <div
+                        class="lg:col-start-2 lg:col-span-1 flex flex-col items-end text-end slide-animation"
+                      >
+                        <p
+                          class="text-sm md:text-15px lg:text-base text-heading-color font-bold mb-5 animated"
+                        >
+                          <i class="fas fa-home text-secondary-color"></i>
+                          Real Estate Agency
+                        </p>
+                        <h1
+                          class="text-3xl md:text-40px lg:text-50px 4xl:text-65px leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px font-bold mb-5 animated"
+                        >
+                          <span
+                            class="leading-30px md:leading-10 lg:leading-50px 4xl:leading-65px"
+                          >
+                            The Right Place <br >
+                            of House Finding
+                          </span>
+                        </h1>
+                        <p
+                          class="text-sm lg:text-base mb-5 max-w-450px pr-15px xl:pr-30px border-r border-border-color-14 animated"
+                        >
+                          <span class="leading-25px lg:leading-1.8">
+                            Lorem ipsum dolor sit amet, consectetur adipisicing
+                            elit, sed do eiusmod tempor incididunt ut labore.
+                          </span>
+                        </p>
+                        <div class="lg:mt-5 mb-30px xl:mb-0 animated">
+                          <h5
+                            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block mr-15px"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="service.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                              >OUR SERVICES</a
+                            >
+                          </h5>
+                          <h5
+                            class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3"
+                          >
+                            <span
+                              class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                            ></span>
+                            <a
+                              href="about.html"
+                              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                              >LEARN MORE</a
+                            >
+                          </h5>
+                        </div>
+                      </div>
+                      <!-- banner right -->
+                      <div
+                        class="lg:row-start-1 lg:row-span-1 lg:col-start-1 lg:col-span-1"
+                      >
+                        <div
+                          class="4xl:absolute left-[60px] xl:left-[150px] bottom-[100px] 4xl:h-[70%] 4xl:w-[45%]"
+                        >
+                          <img
+                            class="4xl:h-full 4xl:ml-auto"
+                            src="./assets/img/slider/21.png"
+                            alt=""
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="hidden xl:block">
+                <div class="swiper-button-next">
+                  <i class="fas fa-arrow-right"></i>
+                </div>
+                <div class="swiper-button-prev">
+                  <i class="fas fa-arrow-left"></i>
+                </div>
+              </div>
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"
+              >
+               
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- pinned select area  -->
+        <div class="container mt-30 4xl:-mt-65px relative z-20">
+          <div
+            class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-30px lg:gap-4 xl:gap-30px py-10 px-25px md:p-10 shadow-box-shadow-1 border border-border-color-1 bg-white"
+          >
+            <div>
+              <select class="selectize">
+                <option value="Choose Area" data-display="Select">
+                  Choose Area
+                </option>
+                <option value="Chicago">Chicago</option>
+                <option value="London">London</option>
+                <option value="Los Angeles">Los Angeles</option>
+                <option value="New York">New York</option>
+                <option value="New Jersey">New Jersey</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Status</option>
+                <option>Open house</option>
+                <option>Rent</option>
+                <option>Sale</option>
+                <option>Sold</option>
+              </select>
+            </div>
+            <div>
+              <select class="selectize">
+                <option data-display="Select">Property Type</option>
+                <option>Apartment</option>
+                <option>Co-op</option>
+                <option>Condo</option>
+                <option>Single Family Home</option>
+              </select>
+            </div>
+
+            <div class="text-center">
+              <h5
+                class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+              >
+                <span
+                  class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                ></span>
+                <a
+                  href="shop-right-sidebar.html"
+                  class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                  >Find Now</a
+                >
+              </h5>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div class="grid grid-cols-1 lg:grid-cols-2 lg:gap-30px">
+            <!-- about left -->
+            <div class="lg:mr-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/7.png" alt="" class="max-w-full" >
+              <div
+                class="absolute left-[10px] bottom-[70px] w-150px md:w-300px"
+              >
+                <div class="relative">
+                  <img src="./assets/img/others/8.png" alt="" class="w-full" >
+                  <div
+                    class="absolute left-0 top-0 w-full h-full flex items-center justify-center"
+                  >
+                    <a
+                      class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+                      href="https://www.youtube.com/embed/tlThdr3O5Qo"
+                      data-glightbox="type: video;"
+                    >
+                      <i class="icon-play"></i>
+                    </a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- about right -->
+            <div>
+              <div class="mb-5">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+              </div>
+              <ul class="grid grid-cols-1 md:grid-cols-2 gap-x-5 gap-y-4 pt-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-home-2 text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Smart Home Design</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-mountain text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Beautiful Scene Around</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-heart text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Exceptional Lifestyle</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <i
+                    class="flaticon-secure text-xl text-secondary-color bg-color-6 w-45px h-45px flex items-center justify-center mr-25px rounded-100%"
+                  ></i>
+                  <span class="leading-1.8">Complete 24/7 Security</span>
+                </li>
+              </ul>
+
+              <div class="bg-secondary-color bg-opacity-5 mt-30px mb-10">
+                <p
+                  class="text-sm lg:text-base p-5 border-l-4 border-secondary-color"
+                >
+                  <span class="leading-1.8">
+                    "Enimad minim veniam quis nostrud exercitation <br >
+                    llamco laboris. Lorem ipsum dolor sit amet"
+                  </span>
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="service.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >OUR SERVICES</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- counter section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <div
+            class="text-center counter grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-30px mb-45px -mt-3"
+          >
+            <!-- count 1 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-select leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="560">560</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Area Sq</span>
+              </p>
+            </div>
+            <!-- count 2 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-office leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="197">197</span
+                ><span>K+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartments Sold</span>
+              </p>
+            </div>
+            <!-- count 3 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-excavator leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="268">268</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Total Constructions</span>
+              </p>
+            </div>
+            <!-- count 4 -->
+            <div>
+              <div class="text-65px text-secondary-color">
+                <i class="flaticon-armchair leading-1"></i>
+              </div>
+              <h5
+                class="text-3xl md:text-4xl lg:text-42px text-heading-color font-bold mb-10px"
+              >
+                <span class="leading-1.3" data-countup-number="340">340</span
+                ><span>+</span>
+              </h5>
+              <p class="text-sm lg:text-base font-bold">
+                <span class="leading-1.8">Apartio Rooms</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- about 2 section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="grid grid-cols-1 lg:grid-cols-2 gap-y-5 lg:gap-30px items-center"
+          >
+            <!-- about 2 left -->
+            <div class="mb-5">
+              <div class="mb-30px">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3"> Today Sells Properties </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px">
+                  Houzez allow you to design unlimited panels and real estate
+                  custom forms to capture leads and keep record of all
+                  information
+                </p>
+              </div>
+              <ul class="space-y-4 pb-4">
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8"
+                    >Our SecretIsland Boat Tour is Just for You</span
+                  >
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+                <li class="text-sm lg:text-base flex items-center">
+                  <span
+                    class="w-15px h-0.5 bg-secondary-color opacity-50 inline-block mr-15px"
+                  ></span>
+                  <span class="leading-1.8">Live Music Cocerts at Luviana</span>
+                </li>
+              </ul>
+
+              <ul class="flex gap-x-15px py-4">
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    3<i class="flaticon-bed ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-clean ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Bedrooms</p>
+                </li>
+                <li
+                  class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                >
+                  <p class="leading-1.8 font-bold">
+                    2<i class="flaticon-car ml-1"></i>
+                  </p>
+                  <p class="leading-1.8">Car parking</p>
+                </li>
+                <li class="text-sm">
+                  <p class="leading-1.8 font-bold">
+                    3450<i
+                      class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                    ></i>
+                  </p>
+                  <p class="leading-1.8">square Ft</p>
+                </li>
+              </ul>
+
+              <div>
+                <ul class="flex gap-15px pt-4">
+                  <li>
+                    <a
+                      class="glightbox2"
+                      href="assets/img/img-slide/11.jpg"
+                      data-glightbox="type:image;"
+                      ><img src="./assets/img/img-slide/11.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/12.jpg"
+                      ><img src="./assets/img/img-slide/12.jpg" alt=""
+                    ></a>
+                  </li>
+                  <li>
+                    <a class="glightbox2" href="assets/img/img-slide/13.jpg"
+                      ><img src="./assets/img/img-slide/13.jpg" alt=""
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+
+            <!-- about 2 right -->
+            <div class="lg:ml-30px relative mb-10 lg:mb-0">
+              <img src="./assets/img/others/9.png" alt="" class="max-w-full" >
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Main Focus </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/21.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Buy a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="service-card active basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/22.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Rent a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/icons/icon-img/23.png"
+                    alt=""
+                    class="inline-block"
+                  >
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Sell a home</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+                <div class="text-sm text-color-1 font-bold">
+                  <a
+                    class="find-service hover:text-secondary-color flex items-center justify-center"
+                    href="service-details.html"
+                    >Find A Home
+                    <i class="flaticon-right-arrow inline-block leading-1"></i
+                  ></a>
+                </div>
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- featured appartments  section -->
+      <section>
+        <div class="container-3 pt-115px pb-[75px] modal-container">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Properties</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Featured Listings </span>
+            </h2>
+          </div>
+          <div class="featured-apartments swiper-container relative">
+            <!-- apartment cards  -->
+            <div class="swiper featured-apartments-slider static">
+              <div class="swiper-wrapper">
+                <!-- card 1 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/1.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >New Apartment Nice View</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/2.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-secondary-color uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Modern Apartments</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/3.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Comfortable Apartment</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/4.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Luxury villa in Rego Park</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="swiper-slide mb-65px px-15px">
+                  <div
+                    class="group border border-border-color-13 shadow-box-shadow-4"
+                  >
+                    <!-- card thumbs -->
+                    <div class="relative leading-1">
+                      <a
+                        href="product-details.html"
+                        class="overflow-hidden"
+                      >
+                        <img
+                          src="./assets/img/product-3/5.jpg"
+                          class="w-full group-hover:scale-110 transition-all duration-700"
+                          alt=""
+                        >
+                      </a>
+                      <div
+                        class="absolute w-full left-0 bottom-0 px-15px pb-15px lg:px-30px bg-transparent bg-gradient-color-5"
+                      >
+                        <div
+                          class="text-sm text-white flex justify-between items-center"
+                        >
+                          <a
+                            href="locations.html"
+                            class="hover:text-secondary-color"
+                            ><i class="flaticon-pin"></i> Belmont Gardens,
+                            Chicago</a
+                          >
+                          <ul class="flex gap-10px">
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-camera pr-1 leading-1"></i>
+                                4</a
+                              >
+                            </li>
+                            <li>
+                              <a
+                                class="w-30px lg:w-42px h-30px flex justify-center items-center bg-transparent lg:bg-white lg:bg-opacity-35 hover:text-secondary-color"
+                                href="product-details.html"
+                                ><i class="fas fa-film pr-1 leading-1"></i> 2</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                      <div
+                        class="text-xs sm:text-13px text-white px-10px py-1 sm:px-15px sm:pt-3px sm:pb-0 bg-green uppercase font-semibold absolute top-[15px] right-[18px]"
+                      >
+                        <span class="leading-5 sm:leading-25px block"
+                          >for rent</span
+                        >
+                      </div>
+                    </div>
+                    <!-- card body -->
+                    <div class="px-5 pt-4 lg:px-30px lg:pt-5">
+                      <h5
+                        class="text-lg text-secondary-color font-semibold mb-5px"
+                      >
+                        <span class="leading-1.8">$34,900</span>
+                        <label class="text-sm font-normal">/Month</label>
+                      </h5>
+                      <h4
+                        class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                      >
+                        <a
+                          href="product-details.html"
+                          class="hover:text-secondary-color leading-1.3"
+                          >Beautiful Flat in Manhattan</a
+                        >
+                      </h4>
+                      <p class="text-sm mb-15px">
+                        <span class="leading-1.8"
+                          >Beautiful Huge 1 Family House In Heart Of
+                          <br >Westbury. Newly Renovated With New Wood</span
+                        >
+                      </p>
+
+                      <ul class="flex flex-wrap gap-15px py-4">
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            3<i class="flaticon-bed ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+                        <li
+                          class="text-sm pr-4 border-r border-primary-color border-opacity-20"
+                        >
+                          <p class="leading-1.8 font-bold">
+                            2<i class="flaticon-clean ml-1"></i>
+                          </p>
+                          <p class="leading-1.8">Bedrooms</p>
+                        </li>
+
+                        <li class="text-sm">
+                          <p class="leading-1.8 font-bold">
+                            3450<i
+                              class="flaticon-square-shape-design-interface-tool-symbol ml-1"
+                            ></i>
+                          </p>
+                          <p class="leading-1.8">square Ft</p>
+                        </li>
+                      </ul>
+                    </div>
+                    <!-- cart footer -->
+                    <div
+                      class="p-5 lg:p-30px lg:pt-5 border-t border-border-color-1"
+                    >
+                      <div
+                        class="flex flex-wrap-reverse items-center justify-between gap-y-5"
+                      >
+                        <div class="flex gap-x-3">
+                          <a href="team-details.html" class="w-10 h-10"
+                            ><img
+                              src="./assets/img/blog/author.jpg"
+                              alt=""
+                              class="w-full h-full rounded-100%"
+                          ></a>
+                          <div>
+                            <h4
+                              class="text-sm font-semibold text-heading-color mb-0"
+                            >
+                              <a
+                                class="leading-1.3 hover:text-secondary-color"
+                                href="team-details.html"
+                                >William Seklo</a
+                              >
+                            </h4>
+                            <span class="text-xs"> Estate Agents </span>
+                          </div>
+                        </div>
+                        <ul class="flex gap-x-2">
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="1"
+                            >
+                              <i class="flaticon-expand leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <button
+                              class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              data-modal-index="2"
+                            >
+                              <i class="flaticon-heart-1 leading-1"></i>
+                            </button>
+                          </li>
+                          <li>
+                            <a
+                              href="product-details.html"
+                              class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                              ><i class="flaticon-add leading-1"></i
+                            ></a>
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- pagination -->
+              <div
+                class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px]"
+              >
+               
+              </div>
+              <!--  navigation -->
+              <div class="hidden 3xl:block">
+                <div class="swiper-button-next z-1">
+                  <i class="fas fa-arrow-right"></i>
+                </div>
+                <div class="swiper-button-prev z-1">
+                  <i class="fas fa-arrow-left"></i>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                  >
+                    <span>$34,900</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$36,500</del
+                    >
+                  </p>
+                  <p class="text-sm lg:text-base mb-9 md:mb-10">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Dignissimos repellendus repudiandae incidunt quidem
+                      pariatur expedita, quo quis modi tempore non.</span
+                    >
+                  </p>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                  <!-- action -->
+                  <div class="text-end">
+                    <a
+                      href="product-details.html"
+                      class="text-xs hover:text-secondary-color underline hover:underline"
+                    >
+                      <span class="leading-1.8">View Details</span></a
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+            >
+              <div class="flex">
+                <div class="w-125px mr-5 flex-shrink-0">
+                  <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+
+                  <h4
+                    class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+
+                  <p
+                    class="text-sm lg:text-base mb-5 md:mb-6  "
+                  >
+                    <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                   Successfully added to your Wishlist
+                  </p>
+                  <!-- action -->
+                  <div>
+                    <h5
+                      class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="wishlist.html"
+                        class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                        >View Wishlist</a
+                      >
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 2-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+            >
+              <div class="flex">
+                <div class="w-125px mr-5 flex-shrink-0">
+                  <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+
+                  <h4
+                    class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+
+                  <p
+                    class="text-sm lg:text-base mb-5 md:mb-6  "
+                  >
+                    <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                   Successfully added to your Wishlist
+                  </p>
+                  <!-- action -->
+                  <div>
+                    <h5
+                      class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="wishlist.html"
+                        class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                        >View Wishlist</a
+                      >
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+         
+        </div>
+      </section>
+      <!--  appartments plan section -->
+      <section>
+        <div class="container pb-30">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Apartment Sketch</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Apartments Plan </span>
+            </h2>
+          </div>
+          <!-- plan tab -->
+          <div class="tab plan-tab">
+            <div
+              class="tab-links flex flex-wrap items-center justify-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+            >
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                The Studio
+              </button>
+
+              <button
+                class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Deluxe Portion
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Penthouse
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Top Garden
+              </button>
+
+              <button
+                class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+              >
+                Double Height
+              </button>
+            </div>
+
+            <div class="tab-contents">
+              <!-- content 1 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> The Studio </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 2 -->
+              <div class="opacity-100">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Deluxe Portion </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 3 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Penthouse </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 4 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Top Garden </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- content 5 -->
+              <div class="hidden opacity-0">
+                <div
+                  class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-50px"
+                >
+                  <div class="p-30px md:p-70px bg-secondary-color">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-white mb-15px leading-1.3"
+                    >
+                      <span class="leading-1.3"> Double Height </span>
+                    </h6>
+                    <p class="text-sm lg:text-base text-white mb-10">
+                      <span class="leading-1.8"
+                        >Enimad minim veniam quis nostrud exercitation ullamco
+                        laboris. Lorem ipsum dolor sit amet cons aetetur
+                        adipisicing elit sedo eiusmod tempor.Incididunt labore
+                        et dolore magna aliqua. sed ayd minim veniam.</span
+                      >
+                    </p>
+                    <ul class="flex flex-col gap-y-10px items-stretch">
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Total Area
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            2800 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bedroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            150 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Bathroom
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            45 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Belcony/Pets
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            Allowed
+                          </li>
+                        </ul>
+                      </li>
+                      <li
+                        class="text-sm md:text-base text-white font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-white before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                      >
+                        <ul class="flex justify-between items-center">
+                          <li class="leading-1.8 pr-10px bg-secondary-color">
+                            Lounge
+                          </li>
+
+                          <li class="leading-1.8 pl-10px bg-secondary-color">
+                            650 Sq. Ft
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </div>
+                  <div>
+                    <img
+                      src="./assets/img/others/10.png"
+                      class="w-full"
+                      alt="#"
+                    >
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!--  fixed popup-->
+      <div
+        class="w-full min-h-80 md:min-h-350px flex items-center justify-center bg-[url('../img/bg/19.jpg')] bg-cover bg-center bg-no-repeat bg-fixed relative z-0"
+      >
+        <div
+          class="w-full h-full bg-black bg-opacity-30 absolute top-0 left-0 -z-1"
+        ></div>
+        <a
+          class="glightbox2 w-50px h-50px lg:w-20 lg:h-20 text-center lg:text-lg text-secondary-color shadow-box-shadow-2 rounded-full bg-white flex items-center justify-center animate-pulse1"
+          href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0"
+          data-glightbox="type: video;"
+        >
+          <i class="icon-play"></i>
+        </a>
+      </div>
+      <!-- features section -->
+      <section>
+        <div class="container pt-115px pb-90px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Aminities</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3">Building Aminities </span>
+            </h2>
+          </div>
+
+          <div
+            class="flex flex-wrap items-center justify-center -mx-15px px-7px md:px-0"
+          >
+            <!-- card 1 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-car leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Parking Space
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 2 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-swimming leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Swimming Pool
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-secure-shield leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Private Security
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-stethoscope leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Medical Center
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-book leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Library Area
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-bed-1 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  King Size Beds
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 7 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-home-2 leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  Smart Homes
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+            <!-- card 8 -->
+            <div
+              class="basis-1/2 md:basis-1/3 lg:basis-1/4 px-2 md:px-15px mb-50px"
+            >
+              <a
+                href="shop.html"
+                class="pt-10 pb-35px px-15px md:px-5 xl:px-30px bg-white hover:bg-secondary-color transition-all duration-300 shadow-box-shadow-4 rounded-10px flex flex-col items-center group relative"
+              >
+                <span
+                  class="block w-60px md:w-20 xl:w-100px h-60px md:h-20 xl:h-100px text-25px md:text-3xl xl:text-45px bg-section-bg-5 rounded-100% transition-all duration-300 group-hover:bg-white text-secondary-color mb-5 text-center leading-1"
+                >
+                  <i
+                    class="flaticon-slider leading-65px md:leading-90px xl:leading-110px"
+                  ></i>
+                </span>
+                <span
+                  class="block text-13px md:text-lg xl:text-22px transition-all duration-300 text-heading-color group-hover:text-white mb-10px font-poppins font-semibold leading-1.8 capitalize"
+                >
+                  flaticon-slider
+                </span>
+
+                <span
+                  class="text-lg w-45px h-45px border border-border-color-8 shadow-box-shadow-2 rounded-100% bg-white group-hover:text-secondary-color transition-all duration-300 text-center block absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2"
+                >
+                  <i class="flaticon-right-arrow leading-12"></i>
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- testimonials section -->
+      <section>
+        <div class="bg-[url('../img/bg/20.jpg')] bg-top bg-no-repeat">
+          <div class="container pt-115px pb-55px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">Our Testimonial</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Clients Feedback </span>
+              </h2>
+            </div>
+
+            <div
+              class="testimonials-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper testimonials-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div
+                            class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                          >
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/1.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Jacob William</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div class="swiper-slide mb-65px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/2.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Kelian Anderson</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/3.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >Adam Joseph</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div class="swiper-slide mb-65px lg:mb-50px px-15px">
+                    <div
+                      class="pt-25px pb-10 px-35px group border border-border-color-13 shadow-box-shadow-4 rounded-10px bg-white cursor-default relative"
+                    >
+                      <!-- card body -->
+                      <div>
+                        <p class="text-sm md:text-base mb-5 md:mb-6 xl:mb-27px">
+                          <span
+                            class="text-3xl mr-0.5 translate-y-2 inline-block"
+                            ><i
+                              class="flaticon-left-quote-1 group-hover:text-secondary-color transition-all duration-300"
+                            ></i
+                          ></span>
+                          <span class="leading-1.8">
+                            Precious ipsum dolor sit amet consectetur
+                            adipisicing elit, sed dos mod tempor incididunt ut
+                            labore et dolore magna aliqua. Ut enim ad min
+                            veniam, quis nostrud Precious ips um dolor sit amet,
+                            consecte</span
+                          >
+                        </p>
+                      </div>
+                      <!-- cart footer -->
+                      <div>
+                        <div>
+                          <div class="flex gap-x-15px gap-y-10px items-center">
+                            <div class="w-60px h-60px flex-shrink-0">
+                              <img
+                                src="./assets/img/testimonial/4.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100%"
+                              >
+                            </div>
+                            <div>
+                              <h4
+                                class="text-base lg:text-lg font-semibold text-heading-color mb-0"
+                              >
+                                <span
+                                  class="leading-1.3 hover:text-secondary-color"
+                                  >James Carter</span
+                                >
+                              </h4>
+
+                              <span class="text-sm uppercase">
+                                Selling Agents
+                              </span>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span
+                        class="hover-line absolute bottom-0 left-0 w-0 group-hover:w-full h-1 bg-secondary-color transition-all duration-300 block"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+                >
+                
+                </div>
+                <!--  navigation -->
+                <div class="hidden lg:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right"></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left"></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a
+                          href="blog-details.html"
+                          class="overflow-hidden"
+                        >
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right"></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left"></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/locations.html b/quarter/locations.html
new file mode 100644
index 0000000..4cffda0
--- /dev/null
+++ b/quarter/locations.html
@@ -0,0 +1,3106 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Google Map Locations</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Locations
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- GOOGLE MAP LOCATIONS AREA START -->
+      <div class="google-map-locations-area">
+        <div id="gmap"></div>
+      </div>
+      <!-- location section -->
+      <section>
+        <div class="container pt-30 pb-70px">
+          <!-- heading -->
+          <div>
+            <h1
+              class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-56px 3xl:text-6xl 4xl:text-7xl font-bold text-heading-color mb-10"
+            >
+              <span
+                class="leading-1.3 sm:leading-1.3 3xl:leading-1.3 4xl:leading-1.3"
+                >Find your nearby location</span
+              ><span
+                class="leading-1.3 sm:leading-1.3 3xl:leading-1.3 4xl:leading-1.3 text-secondary-color"
+                >.</span
+              >
+            </h1>
+            <!-- filter loc -->
+          </div>
+          <!-- filter location -->
+          <form class="form-primary form-loacation pb-100px">
+            <div
+              class="p-50px flex gap-x-30px gap-y-5 flex-wrap items-center bg-secondary-color"
+            >
+              <h4
+                class="mb-0 text-lg md:text-xl lg:text-22px xl:text-2xl text-white"
+              >
+                <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                  >Your State</span
+                >
+              </h4>
+              <!-- type select -->
+              <div class="relative">
+                <select
+                  class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                >
+                  <option value="Make A Selection">Make A Selection</option>
+                  <option data-display="Select" value="New York">
+                    New York
+                  </option>
+                  <option value="South Carolina">South Carolina</option>
+                  <option value="Florida">Florida</option>
+                  <option value="Rhode Island">Rhode Island</option>
+                  <option value="Melbourne">Melbourne</option>
+                  <option value="Sydney">Sydneys</option>
+                  <option value="Cairns">Cairns</option>
+                </select>
+              </div>
+            </div>
+          </form>
+          <!-- loacation details -->
+          <ul>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >Alabama</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 4 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 5 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 6 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >Boston</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+            <li class="mb-50px pt-50px">
+              <!-- location heading -->
+              <h2
+                class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold bg-secondary-color text-white mb-50px"
+              >
+                <span
+                  class="leading.1.3 xl:leading-1.3 px-30px py-15px bg-secondary-color"
+                  >New York</span
+                >
+              </h2>
+              <!-- all location -->
+              <div
+                class="grid grid-cols-1 lg:grid-cols-3 gap-x-30px gap-y-50px"
+              >
+                <!-- card 1 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 2 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+                <!-- card 3 -->
+                <div class="px-25px py-30px bg-white shadow-box-shadow-4">
+                  <h5
+                    class="text-xl font-bold text-secondary-color mb-25px border-b border-border-color-1"
+                  >
+                    <span class="leading-1.3">Boston, New York</span>
+                  </h5>
+
+                  <ul class="flex flex-col gap-y-15px mb-30px">
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-map-marked-alt"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3"
+                          >5816 S. Coulter Street Amarillo,<br
+                            class="leading-1"
+                          >
+                          TX 79119</span
+                        >
+                      </h6>
+                    </li>
+                    <li class="flex gap-10px items-center">
+                      <div
+                        class="w-10 h-10 flex justify-center items-center bg-secondary-color text-white text-sm font-bold"
+                      >
+                        <i class="fas fa-phone-volume"></i>
+                      </div>
+                      <h6 class="text-sm font-semibold text-heading-color mb-0">
+                        <span class="leading-1.3">0123456789</span>
+                      </h6>
+                    </li>
+                  </ul>
+                  <!-- navigations -->
+                  <div class="flex justify-between items-center gap-15px">
+                    <h5
+                      class="capitalize text-13px text-heading-color bg-secondary-color relative group font-normal transition-all duration-300 border-2 border-border-color-10 inline-block mr-15px text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="service.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-location-arrow"></i> Get An
+                        Appointment</a
+                      >
+                    </h5>
+                    <h5
+                      class="capitalize inline-block text-13px text-primary-color hover:text-white hover:bg-primary-color border-2 border-border-color-10 relative group font-normal transition-all duration-300 text-center"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <a
+                        href="about.html"
+                        class="relative z-10 p-10px group-hover:text-white leading-1.5"
+                        ><i class="fas fa-globe"></i> View Website
+                      </a>
+                    </h5>
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/maplace-active.js"></script>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCeeHDCOXmUMja1CFg96RbtyKgx381yoBU"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/login.html b/quarter/login.html
new file mode 100644
index 0000000..ac64c51
--- /dev/null
+++ b/quarter/login.html
@@ -0,0 +1,2333 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Account
+              </span>
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Login
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-70px">
+          <!-- heading -->
+          <div class="text-center mb-50px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Sign In <br >
+                To Your Account
+              </span>
+            </h1>
+            <p class="text-sm lg:text-base">
+              <span class="leading-1.8 lg:leading-1.8"
+                >Lorem ipsum dolor, sit amet consectetur adipisicing elit.
+                <br >
+                Sit aliquid, Non distinctio vel iste.</span
+              >
+            </p>
+          </div>
+          <div class="grid grid-cols-1 lg:grid-cols-2">
+            <form
+              class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+            >
+              <!-- passwords -->
+              <div>
+                <div class="grid grid-cols-1 gap-30px pb-30px">
+                  <!-- email -->
+                  <div class="relative">
+                    <input
+                      type="email"
+                      placeholder="Email*"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                    >
+                  </div>
+
+                  <!-- Confirm new password -->
+                  <div class="relative">
+                    <input
+                      type="password"
+                      placeholder="Password*"
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                    >
+                  </div>
+                </div>
+              </div>
+              <!-- submit button -->
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                >
+                  <button
+                    type="submit"
+                    class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                  >
+                    SIGN IN
+                  </button>
+                </h5>
+              </div>
+              <!-- forgotten password -->
+              <a href="#" class="uppercase mt-6 text-13px lg:text-sm">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >FORGOTTEN YOUR PASSWORD?</span
+                >
+              </a>
+            </form>
+            <!-- create account -->
+            <div class="bg-white pt-50px text-center">
+              <div>
+                <h5
+                  class="text-17px md:text-lg lg:text-xl font-bold leading-1.3 text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                    DON'T HAVE AN ACCOUNT?</span
+                  >
+                </h5>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8 lg:leading-1.8 mb-30px"
+                    >Add items to your wishlistget personalised recommendations
+                    <br >
+                    check out more quickly track your orders register</span
+                  >
+                </p>
+              </div>
+              <!-- submit button -->
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                >
+                  <a
+                    href="register.html"
+                    class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                  >
+                    CREATE ACCOUNT
+                  </a>
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/order-tracking.html b/quarter/order-tracking.html
new file mode 100644
index 0000000..66e3023
--- /dev/null
+++ b/quarter/order-tracking.html
@@ -0,0 +1,2293 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Order Tracking</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Order Tracking
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <div
+            class="lg:w-2/3 lg:mx-auto px-25px md:px-50px pt-10 pb-50px bg-section-bg-1"
+          >
+            <p class="text-sm lg:text-base mb-15px text-center">
+              <span class="leading-1.8 lg:leading-1.8">
+                To track your order please enter your Order ID in the box below
+                and press the "Track Order" button. This was given to you on
+                your receipt and in the confirmation email you should have
+                received.
+              </span>
+            </p>
+
+            <div>
+              <form class="form-primary">
+                <div class="grid grid-cols-1 gap-30px mb-30px">
+                  <!-- Order ID -->
+                  <div class="relative">
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8"> Order ID </span>
+                    </p>
+                    <input
+                      type="email"
+                      placeholder="Found in your order confirmation email."
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-70"
+                    >
+                  </div>
+                  <!-- Billing email -->
+                  <div class="relative">
+                    <p class="text-sm lg:text-base">
+                      <span class="leading-1.8 lg:leading-1.8">
+                        Billing email</span
+                      >
+                    </p>
+                    <input
+                      type="email"
+                      placeholder="Email you used during checkout."
+                      class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:opacity-70"
+                    >
+                  </div>
+                </div>
+
+                <!-- submt -->
+                <div class="flex justify-center">
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-heading-color leading-1.5 uppercase"
+                    >
+                      Place order
+                    </button>
+                  </h5>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/portfolio-2.html b/quarter/portfolio-2.html
new file mode 100644
index 0000000..6b66a23
--- /dev/null
+++ b/quarter/portfolio-2.html
@@ -0,0 +1,3306 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Portfolio</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolios section -->
+      <section>
+        <div class="container py-30 filter-container">
+          <!-- filter controllers -->
+
+          <div>
+            <ul
+              class="filter-controllers button-group filters-button-group flex items-center flex-wrap gap-10px mb-60px"
+            >
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="is-checked text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter="*"
+                >
+                  All
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter1"
+                >
+                  Houses
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter2"
+                >
+                  Retail
+                </button>
+              </li>
+              <li class="text-sm lg:text-base uppercase font-bold">
+                <button
+                  class="text-primary-color bg-section-bg-1 px-25px lg:px-10 py-15px leading-1.8 lg:leading-1.8 uppercase"
+                  data-filter=".filter3"
+                >
+                  Condos
+                </button>
+              </li>
+            </ul>
+          </div>
+          <div
+            class="filter-contents flex flex-wrap justify-center mb-30px -mx-15px"
+          >
+            <!-- portfolio 1 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-glightbox="type:image; "
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 2 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="#inline_description_1"
+                data-width="87vh"
+                data-height="28vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="far fa-file-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Inline Description
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 3 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="https://www.youtube.com/embed/6v2L2UGZJAM?version=3"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/3.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-youtube w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Youtube Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 4 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="https://player.vimeo.com/video/47362400"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/4.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-vimeo-v w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Vimeo Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 5 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/media/1.mp4"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/5.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-video w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >HTML5 Video
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 6 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1575.9076122223137!2d144.96590401578402!3d-37.81779982944919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b6af832249%3A0xe39e415e49a7c44e!2sFlinders%20Street%20Railway%20Station!5e0!3m2!1sen!2sbd!4v1598113544515!5m2!1sen!2sbd"
+                data-width="84vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/6.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-map-marker-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Google Map
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 7 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/7.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/7.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-acquisitions-incorporated w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Image Caption
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 8 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/img/gallery/no-image.jpg"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/8.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-not-equal w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Not Found
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 9 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="assets/img/gallery/9.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/9.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 10 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter3 relative group"
+            >
+              <a
+                href="assets/img/gallery/10.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/10.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 11 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter2 relative group"
+            >
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 12 -->
+            <div
+              class="w-full sm:w-1/2 md:w-1/3 px-15px mb-30px grid-item filter1 relative group"
+            >
+              <a
+                href="assets/img/gallery/2.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+                data-glightbox="max-width:600;"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px border border-border-color-1 border-t-0"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex justify-center">
+            <h5
+              class="capitalize inline-block text-sm md:text-base text-color-7 hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 border-2 border-border-color-10 mb-0"
+            >
+              <span
+                class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+              ></span>
+              <a
+                href="about.html"
+                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                >LOAD MORE +</a
+              >
+            </h5>
+          </div>
+        </div>
+      </section>
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-primary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-30">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-right" ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-left" ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- inline description -->
+      <div
+        id="inline_description_1"
+        class="overflow-hidden"
+        style="display: none"
+      >
+        <h4 class="first text-17px md:text-lg lg:text-xl font-bold mb-15px">
+          <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+            >This content comes from a hidden element on that page</span
+          >
+        </h4>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis
+            mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien.
+            Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh
+            adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at
+            blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
+            varius, cursus ac tortor.</span
+          >
+        </p>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Vivamus fringilla congue laoreet. Quisque ultrices sodales orci,
+            quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu
+            feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam
+            diam varius ac. Maecenas nisl nunc, molestie vitae eleifend
+            vel.</span
+          >
+        </p>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/portfolio-details.html b/quarter/portfolio-details.html
new file mode 100644
index 0000000..ab96cdb
--- /dev/null
+++ b/quarter/portfolio-details.html
@@ -0,0 +1,2596 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Portfolio Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolio details section -->
+      <section>
+        <div class="container pt-30 pb-[105px]">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- thumbnail -->
+              <div class="mb-10">
+                <img src="./assets/img/service/22.jpg" alt="" class="w-full" >
+              </div>
+
+              <!-- description -->
+              <div>
+                <p class="text-sm lg:text-base my-6">
+                  <span
+                    class="w-60px h-60px md:w-100px md:h-100px bg-secondary-color mr-5 md:mr-30px text-40px md:text-[70px] font-bold text-white uppercase text-center leading-1 md:leading-1 flex justify-center items-center float-left"
+                  >
+                    L
+                  </span>
+
+                  orem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incidi dunt ut labore et dolore magna
+                  aliqua. Ut enim ad minim veniam, quis nostrud exerc itation
+                  ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+                  aute irure dolor in reprehenderit in voluptate velit esse
+                  cillum dolore eu fugiat nulla pariatur.
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <!-- cart 1 -->
+                  <div class="mb-50px">
+                    <!-- card banner -->
+                    <div>
+                      <img
+                        src="./assets/img/blog/7.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </div>
+                    <!-- card body -->
+                    <div
+                      class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                    >
+                      <div>
+                        <p class="text-sm lg:text-base mb-6">
+                          <span class="leading-1.8">
+                            Lorem ipsum ctetur elit, sed do eius mod tempor
+                            incididunt ut labore et dolore magna aliqua.
+                          </span>
+                        </p>
+                      </div>
+                      <!-- card footer -->
+
+                      <div>
+                        <div
+                          class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                        >
+                          <div class="w-60px h-60px flex-shrink-0">
+                            <img
+                              src="./assets/img/testimonial/1.jpg"
+                              alt=""
+                              class="w-full h-full"
+                            >
+                          </div>
+                          <div>
+                            <h4
+                              class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                            >
+                              <span class="leading-1.3">Jacob William</span>
+                            </h4>
+
+                            <h6
+                              class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                            >
+                              <span
+                                class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                              >
+                                Founder, Browni Co.
+                              </span>
+                            </h6>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div
+                        class="absolute right-[15px] bottom-[5px] -z-1 text-[110px] text-color-1 opacity-10 leading-1"
+                      >
+                        <i class="far fa-comments"></i>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- cart 2 -->
+                  <div class="mb-50px">
+                    <!-- card banner -->
+                    <div>
+                      <img
+                        src="./assets/img/blog/8.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </div>
+                    <!-- card body -->
+                    <div
+                      class="pt-25px px-5 pb-30px md:p-30px md:pt-25px mx-5 -mt-60px relative z-10 group shadow-box-shadow-4 bg-white cursor-default"
+                    >
+                      <div>
+                        <p class="text-sm lg:text-base mb-6">
+                          <span class="leading-1.8">
+                            Lorem ipsum ctetur elit, sed do eius mod tempor
+                            incididunt ut labore et dolore magna aliqua.
+                          </span>
+                        </p>
+                      </div>
+                      <!-- card footer -->
+
+                      <div>
+                        <div
+                          class="flex flex-wrap md:flex-nowrap gap-x-15px gap-y-10px items-center"
+                        >
+                          <div class="w-60px h-60px flex-shrink-0">
+                            <img
+                              src="./assets/img/testimonial/2.jpg"
+                              alt=""
+                              class="w-full h-full"
+                            >
+                          </div>
+                          <div>
+                            <h4
+                              class="text-17px md:text-lg lg:text-xl font-semibold text-heading-color mb-0.5"
+                            >
+                              <span class="leading-1.3">Ethan James</span>
+                            </h4>
+
+                            <h6
+                              class="text-sm md:text-15px lg:text-base font-bold text-secondary-color mb-0"
+                            >
+                              <span
+                                class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                              >
+                                Admin
+                              </span>
+                            </h6>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div
+                        class="absolute right-[15px] bottom-[5px] -z-1 text-[110px] text-color-1 opacity-10 leading-1"
+                      >
+                        <i class="far fa-comments"></i>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <div>
+                    <img src="./assets/img/service/33.jpg" alt="" >
+                    <p class="text-sm">
+                      <span class="leading-1.8">Image caption here.</span>
+                    </p>
+                  </div>
+                  <div>
+                    <img src="./assets/img/service/34.jpg" alt="" >
+                  </div>
+                </div>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident.</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- category -->
+              <ul class="flex flex-col gap-y-4">
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Property Management
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-secondary-color text-sm font-bold uppercase relative group text-white"
+                  >
+                    Mortgage Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Consulting Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Buying
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Selling
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Escrow Services
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+              </ul>
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pl-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-2.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/portfolio.html b/quarter/portfolio.html
new file mode 100644
index 0000000..614fc22
--- /dev/null
+++ b/quarter/portfolio.html
@@ -0,0 +1,3240 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Portfolio</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Portfolio
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- portfolios section -->
+      <section>
+        <div class="container py-30">
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-30px mb-60px"
+          >
+            <!-- portfolio 1 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-glightbox="type:image;"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 2 -->
+            <div class="relative group">
+              <a
+                href="#inline_description_1"
+                data-width="87vh"
+                data-height="28vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="far fa-file-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Inline Description
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 3 -->
+            <div class="relative group">
+              <a
+                href="https://www.youtube.com/embed/6v2L2UGZJAM?version=3"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/3.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-youtube w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Youtube Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 4 -->
+            <div class="relative group">
+              <a
+                href="https://player.vimeo.com/video/47362400"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/4.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-vimeo-v w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Vimeo Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 5 -->
+            <div class="relative group">
+              <a
+                href="assets/media/1.mp4"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/5.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-video w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >HTML5 Video
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 6 -->
+            <div class="relative group">
+              <a
+                href="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1575.9076122223137!2d144.96590401578402!3d-37.81779982944919!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b6af832249%3A0xe39e415e49a7c44e!2sFlinders%20Street%20Railway%20Station!5e0!3m2!1sen!2sbd!4v1598113544515!5m2!1sen!2sbd"
+                data-width="84vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/6.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-map-marker-alt w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Google Map
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 7 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/7.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/7.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fab fa-acquisitions-incorporated w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Image Caption
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 8 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/no-image.jpg"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/8.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-not-equal w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Not Found
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 9 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/9.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/9.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 10 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/10.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/10.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 11 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/1.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/1.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- portfolio 12 -->
+            <div class="relative group">
+              <a
+                href="assets/img/gallery/2.jpg"
+                data-width="82.5vh"
+                class="glightbox relative after:w-full after:h-full after:bg-primary-color after:opacity-0 after:invisible after:absolute after:left-0 after:top-0 after:transition-all after:duration-300 group-hover:after:opacity-90 group-hover:after:visible z-0 after:z-1 -mb-10px"
+              >
+                <img src="./assets/img/gallery/2.jpg" alt="" class="w-full" >
+                <span
+                  class="bg-white rounded-100% text-primary-color opacity-0 invisible transition-all duration-500 absolute top-[45%] left-1/2 -translate-x-1/2 -translate-y-1/2 group-hover:opacity-100 group-hover:top-[35%] group-hover:visible z-10"
+                >
+                  <i
+                    class="fas fa-search w-50px h-50px hover:bg-secondary-color hover:text-white duration-500 transition-all flex justify-center items-center rounded-100%"
+                  ></i>
+                </span>
+              </a>
+
+              <div
+                class="w-full px-30px py-25px absolute bottom-[-30px] opacity-0 invisible group-hover:bottom-0 group-hover:opacity-100 group-hover:visible transition-all duration-300 text-center z-10"
+              >
+                <h4
+                  class="text-17px md:text-lg lg:text-xl font-bold text-white mb-5px"
+                >
+                  <a
+                    href="portfolio-details.html"
+                    class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >Portfolio Link
+                  </a>
+                </h4>
+                <p class="text-sm text-white">
+                  <span class="leading-1.8">
+                    Web Design & Development, Branding</span
+                  >
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex justify-center">
+            <h5
+              class="capitalize inline-block text-sm md:text-base text-color-7 hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 border-2 border-border-color-10 mb-0"
+            >
+              <span
+                class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+              ></span>
+              <a
+                href="about.html"
+                class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                >LOAD MORE +</a
+              >
+            </h5>
+          </div>
+        </div>
+      </section>
+      <!-- call to action seciton -->
+      <div
+        class="pt-115px pb-30 bg-[url('../img/bg/6.jpg')] bg-cover bg-center bg-no-repeat text-center relative z-0"
+      >
+        <!-- floating area -->
+        <div
+          class="absolute left-0 top-1/2 -translate-y-1/2 max-w-[34%] hidden lg:block -z-1"
+        >
+          <img src="./assets/img/slider/21.png" alt="" class="w-full" >
+        </div>
+
+        <div class="absolute right-0 bottom-0 max-w-[27%] hidden lg:block -z-1">
+          <img src="./assets/img/bg/11.png" alt="" class="w-full" >
+        </div>
+
+        <p class="text-sm md:text-15px lg:text-base text-secondary-color">
+          <span class="leading-1.8 mb-5px">// any question you have //</span>
+        </p>
+        <h4
+          class="text-xl sm:text-3xl md:text-40px lg:text-50px xl:text-[56px] 3xl:text-6xl 4xl:text-7xl text-white font-bold mb-10"
+        >
+          <span class="leading-1.3">897-876-987-90</span>
+        </h4>
+        <div class="flex gap-5 justify-center uppercase">
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color bg-white hover:border-heading-color inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-primary-color z-1 group-hover:w-0 transition-all duration-300"
+            ></span>
+            <a
+              href="tel:+123456789"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+              >MAKE A CALL</a
+            >
+          </h5>
+          <h5
+            class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-white bg-transparent inline-block mr-15px"
+          >
+            <span
+              class="inline-block absolute top-0 left-0 w-0 h-full bg-transparent group-hover:bg-primary-color z-1 group-hover:w-full transition-all duration-300"
+            ></span>
+            <a
+              href="contact.html"
+              class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+              >CONTACT US</a
+            >
+          </h5>
+        </div>
+      </div>
+      <!-- news section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize rounded-full py-0.5 px-22px 5ded-full inline-block font-semibold mb-5"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- brand section -->
+      <div class="px-15px 3xl:px-[2%] 4xl:px-[9%] pb-30">
+        <div class="swiper brand-slider">
+          <div class="swiper-wrapper px-15px">
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/1.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/2.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/4.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/5.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+            <div class="swiper-slide">
+              <img
+                src="./assets/img/brand-logo/3.png"
+                alt=""
+                class="hover:scale-110 transition-all duration-300 w-full 3xl:w-auto"
+              >
+            </div>
+          </div>
+
+          <!--  navigation -->
+          <div class="hidden">
+            <div class="swiper-button-next bg-white z-1">
+              <i class="fas fa-arrow-right" ></i>
+            </div>
+            <div class="swiper-button-prev bg-white z-1">
+              <i class="fas fa-arrow-left" ></i>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- inline description -->
+      <div
+        id="inline_description_1"
+        class="overflow-hidden"
+        style="display: none"
+      >
+        <h4 class="first text-17px md:text-lg lg:text-xl font-bold mb-15px">
+          <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+            >This content comes from a hidden element on that page</span
+          >
+        </h4>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis
+            mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien.
+            Vestibulum imperdiet porta ante ac ornare. Nulla et lorem eu nibh
+            adipiscing ultricies nec at lacus. Cras laoreet ultricies sem, at
+            blandit mi eleifend aliquam. Nunc enim ipsum, vehicula non pretium
+            varius, cursus ac tortor.</span
+          >
+        </p>
+        <p class="text-13px lg:text-sm mb-5">
+          <span class="leading-1.5 lg:leading-1.5">
+            Vivamus fringilla congue laoreet. Quisque ultrices sodales orci,
+            quis rhoncus justo auctor in. Phasellus dui eros, bibendum eu
+            feugiat ornare, faucibus eu mi. Nunc aliquet tempus sem, id aliquam
+            diam varius ac. Maecenas nisl nunc, molestie vitae eleifend
+            vel.</span
+          >
+        </p>
+      </div>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/product-details.html b/quarter/product-details.html
new file mode 100644
index 0000000..ba08bc6
--- /dev/null
+++ b/quarter/product-details.html
@@ -0,0 +1,5338 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- details slider -->
+      <div>
+        <div class="news-slider-container swiper-container relative">
+          <!-- product details -->
+          <div class="swiper product-details-slider static">
+            <div class="swiper-wrapper mb-10">
+              <!-- card 1 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/31.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/31.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 2 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/32.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/32.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 3 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/33.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/33.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 4 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/34.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/34.jpg"
+                    alt=""
+                ></a>
+              </div>
+
+              <!-- card 5 -->
+              <div class="swiper-slide cursor-default">
+                <a
+                  href="assets/img/img-slide/35.jpg"
+                  class="glightbox overflow-hidden"
+                  data-width="118vh"
+                  ><img
+                    class="hover:scale-110 transition-all duration-700"
+                    src="./assets/img/img-slide/35.jpg"
+                    alt=""
+                ></a>
+              </div>
+            </div>
+            <!-- pagination -->
+            <div
+              class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block lg:hidden"
+            >
+              <span
+                class="swiper-pagination-bullet"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 1"
+              ></span
+              ><span
+                class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 2"
+                aria-current="true"
+              ></span
+              ><span
+                class="swiper-pagination-bullet"
+                tabindex="0"
+                role="button"
+                aria-label="Go to slide 3"
+              ></span>
+            </div>
+            <!--  navigation -->
+            <div class="hidden lg:block">
+              <div class="swiper-button-next bg-white z-1">
+                <i class="fas fa-arrow-right" ></i>
+              </div>
+              <div class="swiper-button-prev bg-white z-1">
+                <i class="fas fa-arrow-left" ></i>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- product details section -->
+      <section>
+        <div class="container modal-container property-tab pt-70px pb-20">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- details body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!--  top -->
+              <ul
+                class="flex flex-wrap gap-x-15px md:gap-x-35px gap-y-15px items-center mb-30px"
+              >
+                <li>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center">
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-secondary-color hover:bg-primary-color hover:text-white font-semibold"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >Featured</span
+                        ></a
+                      >
+                    </li>
+                    <li>
+                      <a
+                        class="text-xs md:text-sm uppercase text-white px-15px pt-5px pb-0.5 bg-orange font-semibold hover:text-white"
+                        href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          >For Rent</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+                </li>
+                <li>
+                  <ul class="flex gap-x-15px md:gap-x-30px items-center">
+                    <li>
+                      <p class="text-xs md:text-sm font-semibold">
+                        <span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-calendar-alt text-secondary-color mr-5px"
+                          ></i>
+                          May 19, 2024</span
+                        >
+                      </p>
+                    </li>
+                    <li>
+                      <a class="text-xs md:text-sm font-semibold" href="#"
+                        ><span class="leading-1.8 md:leading-1.8"
+                          ><i
+                            class="far fa-comments text-secondary-color mr-5px"
+                          ></i>
+                          35 Comments</span
+                        ></a
+                      >
+                    </li>
+                  </ul>
+                </li>
+              </ul>
+
+              <!-- main -->
+              <div>
+                <h4
+                  class="text-2xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+                >
+                  <span class="leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                    >Diamond Manor Apartment</span
+                  >
+                </h4>
+                <p class="text-sm">
+                  <span class="leading-1.8"
+                    ><i class="flaticon-pin text-secondary-color"></i> Belmont
+                    Gardens, Chicago</span
+                  >
+                </p>
+                <!-- Description -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Description
+                </h4>
+                <p class="text-sm lg:text-base my-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Massa tempor nec feugiat nisl pretium. Egestas fringilla
+                    phasellus faucibus scelerisque eleifend donec Porta nibh
+                    venenatis cras sed felis eget velit aliquet. Neque volutpat
+                    ac tincidunt vitae semper quis lectus. Turpis in eu mi
+                    bibendum neque egestas congue quisque. Sed elementum tempus
+                    egestas sed sed risus pretium quam. Dignissim sodales ut eu
+                    sem. Nibh mauris cursus mattis molestee iaculis at erat
+                    pellentesque. Id interdum velit laoreet id donec ultrices
+                    tincidunt.</span
+                  >
+                </p>
+
+                <p class="text-sm lg:text-base my-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >To the left is the modern kitchen with central island,
+                    leading through to the unique breakfast family room which
+                    feature glass walls and doors out onto the garden and access
+                    to the separate utility room.</span
+                  >
+                </p>
+                <!-- Property Detail -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Property Detail
+                </h4>
+                <div class="flex flex-col md:flex-row bg-section-bg-1 mb-60px">
+                  <ul
+                    class="px-30px md:px-50px py-5 md:pt-30px md:pb-10 md:border-r md:border-border-color-7"
+                  >
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Property ID:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> HZ29</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Home Area:
+                      </span>
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          120 sqft</span
+                        >
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Rooms:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 7</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Baths</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 2</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Year built:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 1992</span>
+                      </p>
+                    </li>
+                  </ul>
+                  <ul class="px-30px md:px-50px py-5 md:pt-30px md:pb-10">
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Lot Area:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> HZ29</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Lot dimensions:
+                      </span>
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          120 sqft</span
+                        >
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Beds:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 7</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Price:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8"> 2</span>
+                      </p>
+                    </li>
+                    <li class="text-sm mt-4 font-semibold">
+                      <span
+                        class="leading-1.8 min-w-[110px] inline-block flex-shrink-0"
+                        >Property Status:</span
+                      >
+                      <p
+                        class="text-sm lg:text-base inline-block text-heading-color"
+                      >
+                        <span class="leading-1.8 lg:leading-1.8">
+                          For Sale</span
+                        >
+                      </p>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Facts and Features-->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Facts and Features
+                </h4>
+
+                <ul class="flex flex-wrap mb-45px">
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Living Room</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Garage</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Dining Area</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Bedroom</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Bathroom</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Gym Area</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Garden</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                  <li class="text-sm pt-4 pb-10px pr-6 flex items-center gap-4">
+                    <div
+                      class="w-10 h-10 flex items-center justify-center flex-shrink-0 bg-section-bg-5"
+                    >
+                      <i
+                        class="flaticon-double-bed text-22px text-secondary-color"
+                      ></i>
+                    </div>
+                    <div>
+                      <h6 class="text-sm text-heading-color font-normal mb-0.5">
+                        <span class="leading-1.3"> Parking</span>
+                      </h6>
+                      <p class="text-[12.25px] lg:text-sm">
+                        <span class="lg:leading-1.8"> 20 x 16 sq feet </span>
+                      </p>
+                    </div>
+                  </li>
+                </ul>
+                <!-- Gallery -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  From Our Gallery
+                </h4>
+                <div class="grid grid-cols-1 md:grid-cols-2 gap-30px mb-60px">
+                  <div class="md:cols-start-1 md:col-span-1 leading-1">
+                    <a
+                      href="assets/img/others/14.jpg"
+                      class="glightbox w-full leading-1 md:h-full"
+                    >
+                      <img
+                        src="./assets/img/others/14.jpg"
+                        alt=""
+                        class="w-full md:h-full"
+                      >
+                    </a>
+                  </div>
+
+                  <div
+                    class="md:cols-start-1 md:col-span-1 md:row-start-2 md:row-sapn-1 leading-1"
+                  >
+                    <a
+                      href="assets/img/others/15.jpg"
+                      class="glightbox w-full leading-1"
+                    >
+                      <img
+                        src="./assets/img/others/15.jpg"
+                        alt=""
+                        class="w-full"
+                      >
+                    </a>
+                  </div>
+                  <div
+                    class="md:cols-start-2 md:col-span-1 md:row-start-1 md:row-span-2 leading-1"
+                  >
+                    <a
+                      href="assets/img/others/16.jpg"
+                      class="glightbox w-full leading-1 md:h-full"
+                      data-width="56vh"
+                    >
+                      <img
+                        src="./assets/img/others/16.jpg"
+                        alt=""
+                        class="w-full md:h-full"
+                      >
+                    </a>
+                  </div>
+                </div>
+
+                <!-- Amenities -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Amenities
+                </h4>
+                <div
+                  class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 mb-60px gap-y-15px"
+                >
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Air Conditioning
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Gym
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Microwave
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Swimming Pool
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Swimming Pool
+                      </label>
+                    </li>
+                  </ul>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        gap-y-15px
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="recreation-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="recreation-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Recreation
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="microwave-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="microwave-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Microwave
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="basketball-cout-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="basketball-cout-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Basketball Cout
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="fireplace-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="fireplace-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Fireplace
+                      </label>
+                    </li>
+                  </ul>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li class="text-sm font-bold">
+                      <label
+                        for="refrigerator-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="refrigerator-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Refrigerator
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="window-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="window-coverings-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Window Coverings
+                      </label>
+                    </li>
+
+                    <li class="text-sm font-bold">
+                      <label
+                        for="washer-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="washer-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Washer
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="24x7-security-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="24x7-security-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        24x7 Security
+                      </label>
+                    </li>
+                    <li class="text-sm font-bold">
+                      <label
+                        for="indoor-game-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="indoor-game-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Indoor Game
+                      </label>
+                    </li>
+                  </ul>
+                </div>
+                <!-- Location -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Location
+                </h4>
+                <div class="h-360px mb-60px">
+                  <iframe
+                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9334.271551495209!2d-73.97198251485975!3d40.668170674982946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25b0456b5a2e7%3A0x68bdf865dda0b669!2sBrooklyn%20Botanic%20Garden%20Shop!5e0!3m2!1sen!2sbd!4v1590597267201!5m2!1sen!2sbd"
+                 
+                   style="height:100%;width:100%;border:0px;"
+                   
+                    allowfullscreen=""
+                    aria-hidden="false"
+                    tabindex="0"
+                  ></iframe>
+                </div>
+
+                <!-- Floor Plans -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Floor Plans
+                </h4>
+                <div class="tab plan-tab mb-60px">
+                  <div
+                    class="tab-links flex flex-wrap items-center gap-x-5 lg:gap-x-30px xl:gap-x-50px gap-y-10px text-sm lg:text-lg xl:text-xl text-heading-color mb-50px"
+                  >
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      First Floor
+                    </button>
+
+                    <button
+                      class="active p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Second Floor
+                    </button>
+
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Third Floor
+                    </button>
+
+                    <button
+                      class="p-1px border-b-2 border-transparent font-semibold relative leading-1.2 after:w-10px after:h-10px after:border-3px after:border-white after:bg-transparent after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:translate-y-1/2 after:z-10 after:rounded-100%"
+                    >
+                      Top Garden
+                    </button>
+                  </div>
+
+                  <div class="tab-contents">
+                    <!-- content 1 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> First Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 2 -->
+                    <div>
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Second Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 3 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Thired Floor </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- content 4 -->
+                    <div class="hidden opacity-0">
+                      <div
+                        class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px gap-y-50px"
+                      >
+                        <div class="lg:col-start-1 lg:col-span-7">
+                          <img
+                            src="./assets/img/others/10.png"
+                            class="w-full"
+                            alt="#"
+                          >
+                        </div>
+                        <div class="lg:col-start-8 lg:col-span-5">
+                          <h6
+                            class="text-xl md:text-22px lg:text-26px xl:text-3xl font-bold text-heading-color mb-15px leading-1.3"
+                          >
+                            <span class="leading-1.3"> Top Garden </span>
+                          </h6>
+                          <p class="text-sm lg:text-base">
+                            <span class="leading-1.8"
+                              >Enimad minim veniam quis nostrud exercitation
+                              ullamco laboris. Lorem ipsum dolor sit amet cons
+                              aetetur adipisicing elit sedo eiusmod
+                              tempor.Incididunt labore et dolore magna aliqua.
+                              sed ayd minim veniam.</span
+                            >
+                          </p>
+                        </div>
+                      </div>
+                      <div
+                        class="px-10 py-5 bg-section-bg-1 grid grid-cols-1 lg:grid-cols-2 gap-x-30px gap-y-10px mt-50px"
+                      >
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Total Area
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  2800 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Bedroom
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  150 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                        <div>
+                          <ul class="flex flex-col gap-y-10px items-stretch">
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Belcony/Pets
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  Allowed
+                                </li>
+                              </ul>
+                            </li>
+
+                            <li
+                              class="text-sm font-semibold relative z-0 before:w-full before:h-1 before:border-b before:border-dashed before:border-color-1 before:absolute before:top-1/2 before:-translate-y-1/2 before:left-0 before:-z-1"
+                            >
+                              <ul class="flex justify-between items-center">
+                                <li class="leading-1.8 pr-10px bg-section-bg-1">
+                                  Lounge
+                                </li>
+
+                                <li
+                                  class="text-sm lg:text-base leading-1.8 pl-10px bg-section-bg-1"
+                                >
+                                  650 Sq. Ft
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Property Video -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Property Video
+                </h4>
+                <div class="mb-60px">
+                  <div
+                    class="relative z-0 after:w-full after:h-full after:absolute after:left-0 after:top-0 after:bg-primary-color after:opacity-40 after:z-1 w-full h-auto lg:h-[450px] xl:h-[500px] min-h-80 md:min-h-[350px] bg-[url('../img/others/5.jpg')] bg-center bg-no-repeat bg-cover"
+                  >
+                    <div
+                      class="absolute left-0 top-0 flex justify-center items-center h-full w-full z-10"
+                    >
+                      <a
+                        class="glightbox3 w-50px h-50px lg:w-20 lg:h-20 text-center text-sm lg:text-base text-secondary-color shadow-box-shadow-2 rounded-100% bg-white flex items-center justify-center"
+                        href="https://www.youtube.com/embed/eWUxqVFBq74?autoplay=1&showinfo=0"
+                        data-glightbox="type: video;"
+                      >
+                        <i class="icon-play"></i>
+                      </a>
+                    </div>
+                  </div>
+                </div>
+                <!-- Customer Reviews -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Customer Reviews
+                </h4>
+                <div>
+                  <ul class="text-xs text-ratings flex items-center">
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                    </li>
+                    <li class="pt-2">
+                      <a href="#"><i class="far fa-star"></i></a>
+                    </li>
+                    <li class="pt-2"><a href="#"> ( 95 Reviews )</a></li>
+                  </ul>
+                </div>
+                <hr
+                  class="my-50px border-t border-border-color-11 opacity-40"
+                >
+                <!-- reviews -->
+                <ul class="mb-20px">
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 pb-30px"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/1.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Adam Smit</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/3.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Jhone Doe</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                  <li
+                    class="flex flex-col md:flex-row gap-x-30px gap-y-5 py-30px border-t border-border-color-12"
+                  >
+                    <div class="flex-shrink-0">
+                      <img
+                        src="./assets/img/testimonial/2.jpg"
+                        alt=""
+                        class="w-20 h-20 md:w-100px md:h-100px rounded-100%"
+                      >
+                    </div>
+                    <div class="relative">
+                      <h4
+                        class="text-lg text-heading-color font-semibold mb-5px"
+                      >
+                        <a href="#" class="leading-1.3">Arnold Jack</a>
+                      </h4>
+                      <div>
+                        <ul
+                          class="text-xs text-ratings flex items-center pt-22px md:pt-0 mb-10px"
+                        >
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li class="pt-2">
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+                      </div>
+                      <p class="text-sm mb-5 md:mb-0">
+                        <span class="leading-1.8"
+                          >Lorem ipsum dolor sit amet, consectetur adipisicing
+                          elit. Doloribus, omnis fugit corporis iste magnam
+                          ratione.</span
+                        >
+                      </p>
+                      <p
+                        class="text-xs md:text-sm mb-5 md:mb-0 font-bold h-10 px-25px border-2 border-border-color-11 hover:border-secondary-color transition-all duration-300 text-nowrap md:absolute md:top-0 md:right-0 rounded-[25px] box-border md:box-border inline-block"
+                      >
+                        <span class="leading-9 md:leading-9"
+                          >September 3, 2024</span
+                        >
+                      </p>
+                    </div>
+                  </li>
+                </ul>
+
+                <!-- add reviews -->
+                <form
+                  class="form-primary bg-white-5 shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-5 mb-60px"
+                >
+                  <h4
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-5"
+                  >
+                    <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                      Add a Review</span
+                    >
+                  </h4>
+                  <div class="flex gap-15px items-center mb-30px">
+                    <h5
+                      class="text-sm md:text-15px lg:text-base font-bold text-heading-color mb-0"
+                    >
+                      <span class="leading-1.3 md:leading-1.3 lg:leading-1.3">
+                        Your Ratings:</span
+                      >
+                    </h5>
+                    <ul class="text-xs text-ratings flex items-center">
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li>
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div class="grid gap-30px mb-35px">
+                    <!-- message -->
+                    <div class="relative mb-2">
+                      <textarea
+                       
+                        
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color bg-white pl-5 pr-50px py-15px outline-none border-2 focus:border-0 border-white-5 h-65px block w-full rounded-none transition-none"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 right-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your name...."
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your email...."
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+
+                    <!-- website -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Type your website...."
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 focus:border-0 bg-white border-white-5 h-65px block w-full rounded-none transition-none"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-globe text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-35px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm ml-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        Submit
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+
+                <!-- Related Properties -->
+                <h4
+                  class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color my-30px"
+                >
+                  Related Properties
+                </h4>
+                <div class="-mx-15px modal-container">
+                  <div class="grid grid-cols-1 sm:grid-cols-2">
+                    <!-- card 1 -->
+                    <div class="apart-card mb-50px px-15px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/1.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+
+                          <div class="absolute top-10 lg:top-5 right-[30px]">
+                            <a href="team-details.html" class="w-50px h-50px"
+                              ><img
+                                src="./assets/img/blog/author.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                            ></a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 pt-30px lg:px-30px">
+                          <p
+                            class="text-secondary-color font-semibold mb-15px uppercase"
+                          >
+                            <span class="leading-25px">For Rent</span>
+                          </p>
+                          <h4
+                            class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >New Apartment Nice View</a
+                            >
+                          </h4>
+
+                          <div class="text-sm">
+                            <a
+                              href="locations.html"
+                              class="hover:text-secondary-color"
+                              ><i
+                                class="flaticon-pin text-secondary-color mr-0.5"
+                              ></i>
+                              Belmont Gardens, Chicago</a
+                            >
+                          </div>
+
+                          <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3 <span class="font-normal">Bed</span>
+                              </p>
+                            </li>
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                2 <span class="font-normal">Bath</span>
+                              </p>
+                            </li>
+
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3450 <span class="font-normal">Square Ft</span>
+                              </p>
+                            </li>
+                          </ul>
+                          <div
+                            class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                          >
+                            <ul class="flex gap-x-2">
+                              <li>
+                                <button
+                                  data-modal-index="1"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-expand leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <button
+                                  data-modal-index="2"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-heart-1 leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <a
+                                  href="product-details.html"
+                                  class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  ><i class="flaticon-add leading-1"></i
+                                ></a>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                        <!-- cart footer -->
+                        <div
+                          class="p-5 lg:px-30px border-t border-border-color-1"
+                        >
+                          <h5
+                            class="text-lg text-secondary-color font-semibold mb-5px"
+                          >
+                            <span class="leading-1.8">$34,900</span>
+                            <label class="text-sm font-normal">/Month</label>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="apart-card mb-50px px-15px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1">
+                          <a
+                            href="product-details.html"
+                            class="overflow-hidden"
+                          >
+                            <img
+                              src="./assets/img/product-3/2.jpg"
+                              class="w-full group-hover:scale-110 transition-all duration-700"
+                              alt=""
+                            >
+                          </a>
+
+                          <div class="absolute top-10 lg:top-5 right-[30px]">
+                            <a href="team-details.html" class="w-50px h-50px"
+                              ><img
+                                src="./assets/img/blog/author.jpg"
+                                alt=""
+                                class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                            ></a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="px-5 pt-30px lg:px-30px">
+                          <p
+                            class="text-secondary-color font-semibold mb-15px uppercase"
+                          >
+                            <span class="leading-25px">For Sale</span>
+                          </p>
+                          <h4
+                            class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="hover:text-secondary-color leading-1.3"
+                              >New Apartment Nice View</a
+                            >
+                          </h4>
+
+                          <div class="text-sm">
+                            <a
+                              href="locations.html"
+                              class="hover:text-secondary-color"
+                              ><i
+                                class="flaticon-pin text-secondary-color mr-0.5"
+                              ></i>
+                              Belmont Gardens, Chicago</a
+                            >
+                          </div>
+
+                          <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3 <span class="font-normal">Bed</span>
+                              </p>
+                            </li>
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                2 <span class="font-normal">Bath</span>
+                              </p>
+                            </li>
+
+                            <li>
+                              <p class="leading-1.8 font-bold text-sm">
+                                3450 <span class="font-normal">Square Ft</span>
+                              </p>
+                            </li>
+                          </ul>
+                          <div
+                            class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                          >
+                            <ul class="flex gap-x-2">
+                              <li>
+                                <button
+                                  data-modal-index="1"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-expand leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <button
+                                  data-modal-index="2"
+                                  class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                >
+                                  <i class="flaticon-heart-1 leading-1"></i>
+                                </button>
+                              </li>
+                              <li>
+                                <a
+                                  href="product-details.html"
+                                  class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  ><i class="flaticon-add leading-1"></i
+                                ></a>
+                              </li>
+                            </ul>
+                          </div>
+                        </div>
+                        <!-- cart footer -->
+                        <div
+                          class="p-5 lg:px-30px border-t border-border-color-1"
+                        >
+                          <h5
+                            class="text-lg text-secondary-color font-semibold mb-5px"
+                          >
+                            <span class="leading-1.8">$34,900</span>
+                            <label class="text-sm font-normal">/Month</label>
+                          </h5>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- modals -->
+                    <!-- modal apartment details-->
+                    <div
+                      class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+                    >
+                      <div
+                        class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+                      ></div>
+                      <div
+                        class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+                      >
+                        <div
+                          class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+                        >
+                          <div>
+                            <img
+                              src="./assets/img/product/4.png"
+                              class="w-full"
+                              alt=""
+                            >
+                          </div>
+
+                          <!-- card body -->
+                          <div class="pl-25px">
+                            <div class="absolute right-4 top-4">
+                              <button
+                                class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                              >
+                                <span>×</span>
+                              </button>
+                            </div>
+                            <ul class="flex items-center mb-5px">
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                  ><i class="fas fa-star leading-1.8"></i
+                                ></a>
+                              </li>
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                  ><i class="fas fa-star leading-1.8"></i
+                                ></a>
+                              </li>
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                  ><i class="fas fa-star leading-1.8"></i
+                                ></a>
+                              </li>
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                  ><i
+                                    class="fas fa-star-half-alt leading-1.8"
+                                  ></i
+                                ></a>
+                              </li>
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                  ><i class="far fa-star leading-1.8"></i
+                                ></a>
+                              </li>
+                              <li>
+                                <a
+                                  href="#"
+                                  class="text-xs text-ratings hover:text-secondary-color"
+                                >
+                                  ( 95 Reviews )</a
+                                >
+                              </li>
+                            </ul>
+
+                            <h4
+                              class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="leading-1.3 hover:text-secondary-color"
+                                >3 Rooms Manhattan</a
+                              >
+                            </h4>
+                            <p
+                              class="text-34px md:text-50px text-secondary-color font-semibold mb-5 pb-0 border-b border-border-color-12 border-opacity-25 leading-1.2"
+                            >
+                              <span>$34,900</span>
+                              <del
+                                class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                                >$36,500</del
+                              >
+                            </p>
+                            <p class="text-sm lg:text-base mb-9 md:mb-10">
+                              <span class="leading-1.8"
+                                >Lorem ipsum dolor sit amet, consectetur
+                                adipisicing elit. Dignissimos repellendus
+                                repudiandae incidunt quidem pariatur expedita,
+                                quo quis modi tempore non.</span
+                              >
+                            </p>
+
+                            <ul
+                              class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                            >
+                              <li class="text-sm">
+                                <button
+                                  data-modal-index="3"
+                                  class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                                >
+                                  <i class="far fa-heart px-0.5"></i> Add to
+                                  Wishlist
+                                </button>
+                              </li>
+
+                              <li class="text-sm">
+                                <button
+                                  class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                                >
+                                  <i class="fas fa-exchange-alt px-0.5"></i>
+                                  Compare
+                                </button>
+                              </li>
+                            </ul>
+                            <!-- social area -->
+                            <ul class="flex gap-x-[18px] items-center">
+                              <li>
+                                <p class="text-sm lg:text-base">
+                                  <span class="leading-1.8">Share</span>
+                                </p>
+                              </li>
+                              <li>
+                                <a
+                                  href="https://www.facebook.com/"
+                                  class="text-sm lg:text-base hover:text-secondary-color"
+                                >
+                                  <i class="fab fa-facebook-f leading-1.8"></i>
+                                </a>
+                              </li>
+                              <li>
+                                <a
+                                  href="https://x.com/"
+                                  class="text-sm lg:text-base hover:text-secondary-color"
+                                >
+                                  <i class="fab fa-twitter leading-1.8"></i>
+                                </a>
+                              </li>
+                              <li>
+                                <a
+                                  href="https://www.linkedin.com/"
+                                  class="text-sm lg:text-base hover:text-secondary-color"
+                                >
+                                  <i class="fab fa-linkedin leading-1.8"></i>
+                                </a>
+                              </li>
+                              <li>
+                                <a
+                                  href="https://www.instagram.com/"
+                                  class="text-sm lg:text-base hover:text-secondary-color"
+                                >
+                                  <i class="fab fa-instagram leading-1.8"></i>
+                                </a>
+                              </li>
+                            </ul>
+
+                            <!-- action -->
+                            <div class="text-end">
+                              <a
+                                href="product-details.html"
+                                class="text-xs hover:text-secondary-color underline hover:underline"
+                              >
+                                <span class="leading-1.8">View Details</span></a
+                              >
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- modal  wishlist 1-->
+                    <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+                    <!-- modal  wishlist 2-->
+                    <div
+                    class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+                  >
+                    <div
+                      class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+                    ></div>
+          
+                    <div
+                      class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+                    >
+                      <div class="flex">
+                        <div class="w-125px mr-5 flex-shrink-0">
+                          <img src="./assets/img/product/4.png" class="w-full" alt="" >
+                        </div>
+          
+                        <!-- card body -->
+                        <div class="pl-25px">
+                          <div class="absolute right-4 top-4">
+                            <button
+                              class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                            >
+                              <span>×</span>
+                            </button>
+                          </div>
+          
+                          <h4
+                            class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                          >
+                            <a
+                              href="product-details.html"
+                              class="leading-1.3 hover:text-secondary-color"
+                              >3 Rooms Manhattan</a
+                            >
+                          </h4>
+          
+                          <p
+                            class="text-sm lg:text-base mb-5 md:mb-6  "
+                          >
+                            <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                           Successfully added to your Wishlist
+                          </p>
+                          <!-- action -->
+                          <div>
+                            <h5
+                              class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                            >
+                              <span
+                                class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                              ></span>
+                              <a
+                                href="wishlist.html"
+                                class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                                >View Wishlist</a
+                              >
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-60px lg:pt-0">
+              <!-- author details -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <div class="flex flex-col items-center text-center">
+                  <div class="mb-25px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="w-140px h-140px rounded-100%"
+                    >
+                  </div>
+                  <h4 class="mb-15px lg:text-lg text-heading-color font-bold">
+                    <span class="leading-1.3 lg:leading-1.3"
+                      >Rosalina D. Willaimson</span
+                    >
+                  </h4>
+                  <p class="text-[12.25px] lg:text-sm">
+                    <span class="lg:leading-1 8"> Traveller/Photographer </span>
+                  </p>
+                  <div>
+                    <ul class="text-xs text-ratings flex items-center mb-10px">
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                      </li>
+                      <li class="pt-2">
+                        <a href="#"><i class="far fa-star"></i></a>
+                      </li>
+                      <li class="pt-2"><a href="#"> ( 1 Reviews )</a></li>
+                    </ul>
+                  </div>
+                  <p class="text-sm mb-22px hyphens-none">
+                    <span class="leading-1.8"
+                      >Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+                      Veritatis distinctio, odio, eligendi suscipit
+                      reprehenderit atque.</span
+                    >
+                  </p>
+                  <ul
+                    class="text-sm lg:text-base flex gap-18px justify-center items-center text-color-1"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.youtube.com"
+                        ><i class="fab fa-youtube"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+              <!-- Search Objects -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Search Objects</span
+                  >
+                </h4>
+                <form>
+                  <div class="flex items-center">
+                    <input
+                      type="text"
+                      placeholder="Search your keyword..."
+                      class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                    >
+                      <i class="fas fa-search"></i>
+                    </button>
+                  </div>
+                </form>
+              </div>
+              <!-- Drop Messege For Book -->
+
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Drop Messege For Book</span
+                  >
+                </h4>
+
+                <form>
+                  <div class="grid gap-30px mb-10">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your Name*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Your e-Mail*"
+                        class="text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      >
+                    </div>
+                    <!-- message -->
+                    <div class="relative">
+                      <textarea
+                       
+                        
+                        placeholder="Write Message..."
+                        class="min-h-[150px] text-paragraph-color px-5 py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-sm placeholder:text-paragraph-color"
+                      ></textarea>
+                    </div>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white bg-secondary-color hover:bg-primary-color relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase"
+                      >
+                        Send Messege
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+              <!-- Top Rated Product -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Rated Product</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/1.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Luxury House In Greenville</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-25px mb-25px border-b border-white-4">
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/2.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >Apartment with Subunits</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-15px xl:gap-x-5">
+                      <div class="w-70px xl:w-90px flex-shrink-0">
+                        <a href="product-details.html"
+                          ><img src="./assets/img/product/3.png" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <ul
+                          class="text-10px text-ratings flex items-center mb-5px leading-1"
+                        >
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="fas fa-star-half-alt"></i></a>
+                          </li>
+                          <li>
+                            <a href="#"><i class="far fa-star"></i></a>
+                          </li>
+                        </ul>
+
+                        <h6 class="text-sm font-medium mb-1">
+                          <a href="product-details.html" class="leading-1.3"
+                            >3 Rooms Manhattan</a
+                          >
+                        </h6>
+                        <p class="text-sm font-bold text-secondary-color">
+                          <span class="leading-1.8">$30,000.00 </span>
+                          <del class="text-11px opacity-60 ml-1"
+                            >$35,000.00</del
+                          >
+                        </p>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Top Categories-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Top Categories</span
+                  >
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Apartments</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(26)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Picture Stodio</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(30)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Office</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(71)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Luxary Vilas</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(56)
+                      </span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="text-sm font-bold flex justify-between items-center group mt-15px"
+                    >
+                      <span class="leading-1.8">Duplex House</span>
+                      <span class="leading-1.8 group-hover:text-paragraph-color"
+                        >(60)
+                      </span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Properties-->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Properties</span
+                  >
+                </h4>
+
+                <div
+                  class="news-slider-container swiper-container relative -mx-15px"
+                >
+                  <!-- apartment cards  -->
+                  <div class="swiper popular-properties-slider static">
+                    <div class="swiper-wrapper">
+                      <!-- card 1 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/6.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/4.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="swiper-slide mb-50px cursor-default">
+                        <div class="apart-card px-15px">
+                          <div
+                            class="group border border-border-color-13 shadow-box-shadow-4"
+                          >
+                            <!-- card thumbs -->
+                            <div class="relative leading-1">
+                              <a
+                                href="product-details.html"
+                                class="overflow-hidden"
+                              >
+                                <img
+                                  src="./assets/img/product-3/5.jpg"
+                                  class="w-full group-hover:scale-110 transition-all duration-700"
+                                  alt=""
+                                >
+                              </a>
+
+                              <div
+                                class="absolute top-10 lg:top-5 right-[30px]"
+                              >
+                                <a
+                                  href="team-details.html"
+                                  class="w-50px h-50px"
+                                  ><img
+                                    src="./assets/img/blog/author.jpg"
+                                    alt=""
+                                    class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                                ></a>
+                              </div>
+                            </div>
+                            <!-- card body -->
+                            <div class="p-25px">
+                              <h5
+                                class="text-lg text-secondary-color font-semibold mb-5px"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                              <h4
+                                class="text-base font-semibold text-heading-color mb-15px"
+                              >
+                                <a
+                                  href="product-details.html"
+                                  class="hover:text-secondary-color leading-1.3"
+                                  >New Apartment Nice View</a
+                                >
+                              </h4>
+
+                              <div class="text-xs">
+                                <a
+                                  href="locations.html"
+                                  class="hover:text-secondary-color"
+                                  ><i
+                                    class="flaticon-pin text-secondary-color mr-0.5"
+                                  ></i>
+                                  Belmont Gardens, Chicago</a
+                                >
+                              </div>
+
+                              <ul class="flex flex-wrap gap-15px pt-4">
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3 <span class="font-normal">Bed</span>
+                                  </p>
+                                </li>
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    2 <span class="font-normal">Bath</span>
+                                  </p>
+                                </li>
+
+                                <li>
+                                  <p class="leading-1.8 font-bold text-xs">
+                                    3450
+                                    <span class="font-normal">Square Ft</span>
+                                  </p>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+
+                    <!-- pagination -->
+                    <div
+                      class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block"
+                    >
+                      <span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 1"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 2"
+                        aria-current="true"
+                      ></span
+                      ><span
+                        class="swiper-pagination-bullet"
+                        tabindex="0"
+                        role="button"
+                        aria-label="Go to slide 3"
+                      ></span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Leatest Blogs -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Leatest Blogs</span
+                  >
+                </h4>
+                <ul>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/5.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/6.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="pb-5 mb-30px border-b border-border-color-1">
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/7.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="flex gap-x-5">
+                      <div class="w-20 flex-shrink-0">
+                        <a href="blog-details.html"
+                          ><img src="./assets/img/team/8.jpg" alt=""
+                        ></a>
+                      </div>
+
+                      <div>
+                        <h6 class="text-sm font-medium mb-5px">
+                          <a href="blog-details.html" class="leading-1.3"
+                            >Lorem ipsum dolor sit cing elit, sed do.</a
+                          >
+                        </h6>
+                        <div
+                          class="text-xs md:text-sm font-semibold text-secondary-color"
+                        >
+                          <a href="#" class="leading-1.8 md:leading-1.8"
+                            ><i class="far fa-calendar-alt"></i> June 22,
+                            2024</a
+                          >
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              <!-- Follow Us -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px mb-10 border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-25px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Follow Us</span
+                  >
+                </h4>
+                <ul class="flex gap-x-15px pt-4">
+                  <li>
+                    <a
+                      href="https://www.facebook.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-facebook-f"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://x.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-twitter"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.linkedin.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-linkedin"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="https://www.instagram.com"
+                      class="text-sm lg:text-base w-10 h-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center"
+                      ><i class="fab fa-instagram"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Popular Tags -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <h4 class="text-lg font-semibold text-heading-color mb-30px">
+                  <span
+                    class="leading-1.3 pl-10px border-l-2 border-secondary-color"
+                    >Popular Tags</span
+                  >
+                </h4>
+                <ul class="flex gap-10px flex-wrap items-center font-poppins">
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >POPULAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DESGIN
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >UX
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      USABILITY
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      DEVELOP
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      ICON
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >CAR
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      SERVICE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      REPAIRS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                    >
+                      AUTO PARTS
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >DEALER
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >OIL CHANGE
+                    </a>
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="text-13px px-6 py-2 leading-1.8 bg-section-bg-1 hover:bg-secondary-color hover:text-white flex items-center justify-center font-bold"
+                      >BODY COLOR
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/register.html b/quarter/register.html
new file mode 100644
index 0000000..0ae1298
--- /dev/null
+++ b/quarter/register.html
@@ -0,0 +1,2371 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Account
+              </span>
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Register
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- track order section section -->
+      <section>
+        <div class="container pt-30 pb-90px lg:pb-30 flex lg:justify-center">
+          <div class="lg:basis-1/2">
+            <!-- heading -->
+            <div class="text-center mb-50px">
+              <h1
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px font-bold text-heading-color mb-15px"
+              >
+                <span
+                  class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                  >Register <br >
+                  Your Account
+                </span>
+              </h1>
+              <p class="text-sm lg:text-base">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor, sit amet consectetur adipisicing elit.
+                  <br >
+                  Sit aliquid, Non distinctio vel iste.</span
+                >
+              </p>
+            </div>
+            <!-- form -->
+            <div>
+              <form
+                class="form-primary bg-white px-25px md:px-50px pt-10 pb-50px"
+              >
+                <!-- passwords -->
+                <div>
+                  <div class="grid grid-cols-1 gap-30px pb-30px">
+                    <!-- 1st name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="First Name"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+                    <!-- 2nd name -->
+                    <div class="relative">
+                      <input
+                        type="email"
+                        placeholder="Last Name"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="email"
+                        placeholder="Email*"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60"
+                      >
+                    </div>
+
+                    <!-- password -->
+                    <div class="relative">
+                      <input
+                        type="password"
+                        placeholder="Password*"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                      >
+                    </div>
+                    <!-- Confirm new password -->
+                    <div class="relative">
+                      <input
+                        type="password"
+                        placeholder="Confirm Password*"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:text-paragraph-color placeholder:text-sm placeholder:text-opacity-60 tracking-[3px]"
+                      >
+                    </div>
+                  </div>
+                </div>
+                <!-- agree -->
+                <div>
+                  <div class="text-sm mb-2">
+                    <input
+                      type="checkbox"
+                      id="agree"
+                      class="float-left clear-both mt-1"
+                    >
+                    <label for="agree" class="text-sm ml-1 leading-1.8">
+                      I consent to Herboil processing my personal data in order
+                      to send personalized marketing material in accordance with
+                      the consent form and the privacy policy.
+                    </label>
+                  </div>
+                  <div class="text-sm mb-35px">
+                    <input
+                      type="checkbox"
+                      id="agree2"
+                      class="float-left clear-both mt-1"
+                    >
+                    <label for="agree2" class="text-sm ml-1 leading-1.8">
+                      By clicking "create account", I consent to the privacy
+                      policy.
+                    </label>
+                  </div>
+                </div>
+                <!-- submit button -->
+
+                <div>
+                  <h5
+                    class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border bg-secondary-color border-secondary-color hover:border-primary-color hover:bg-primary-color inline-block z-0"
+                  >
+                    <button
+                      type="submit"
+                      class="relative z-1 px-30px lg:px-10 py-3 md:py-15px lg:py-17px group-hover:text-white leading-23px uppercase h"
+                    >
+                      CREATE ACCOUNT
+                    </button>
+                  </h5>
+                </div>
+              </form>
+              <!-- create account -->
+              <div class="bg-white text-center">
+                <div>
+                  <p class="text-sm lg:text-base mb-5 lg:mb-6">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >By creating an account, you agree to our:</span
+                    >
+                  </p>
+                  <a href="#" class="uppercase text-sm lg:text-base block">
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >TERMS OF CONDITIONS &nbsp; &nbsp; | &nbsp; &nbsp; PRIVACY
+                      POLICY</span
+                    >
+                  </a>
+                  <a
+                    href="login.html"
+                    class="uppercase text-sm lg:text-base mt-50px"
+                  >
+                    <span class="leading-1.8 lg:leading-1.8"
+                      >ALREADY HAVE AN ACCOUNT ?</span
+                    >
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gapx-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/service-details.html b/quarter/service-details.html
new file mode 100644
index 0000000..40b043f
--- /dev/null
+++ b/quarter/service-details.html
@@ -0,0 +1,2451 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Service Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property Management
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- service details section -->
+      <section>
+        <div class="container pt-30 pb-[105px]">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-x-30px">
+            <!-- details -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- thumbnail -->
+              <div class="mb-10">
+                <img src="./assets/img/service/21.jpg" alt="" class="w-full" >
+              </div>
+
+              <!-- description -->
+              <div>
+                <p class="text-sm lg:text-base my-6">
+                  <span
+                    class="w-60px h-60px md:w-100px md:h-100px bg-secondary-color mr-5 md:mr-30px text-40px md:text-[70px] font-bold text-white uppercase text-center leading-1 md:leading-1 flex justify-center items-center float-left"
+                  >
+                    L
+                  </span>
+
+                  orem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incidi dunt ut labore et dolore magna
+                  aliqua. Ut enim ad minim veniam, quis nostrud exerc itation
+                  ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+                  aute irure dolor in reprehenderit in voluptate velit esse
+                  cillum dolore eu fugiat nulla pariatur.
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                  <div>
+                    <img src="./assets/img/service/31.jpg" alt="" >
+                    <p class="text-sm">
+                      <span class="leading-1.8">Image caption here.</span>
+                    </p>
+                  </div>
+                  <div>
+                    <img src="./assets/img/service/32.jpg" alt="" >
+                  </div>
+                </div>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident, sunt in culpa qui officia
+                    deserunt mollit anim id est laborum. Sed ut perspiciatis
+                    unde omnis iste natus error sit voluptatem accusantium
+                    doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
+                    illo inventore veritatis et quasi architecto beatae vitae
+                    dicta sunt explicabo. Nemo enim ipsam voluptatem quia
+                    voluptas sit aspernatur aut odit aut fugit, sed quia
+                    consequuntur magni dolores eos qui ratione.</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base my-6">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+                    occaecat cupidatat non proident.</span
+                  >
+                </p>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:col-start-9 lg:col-span-4 space-y-10 mt-[100px] lg:mt-0"
+            >
+              <!-- category -->
+              <ul class="flex flex-col gap-y-4">
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Property Management
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-secondary-color text-sm font-bold uppercase relative group text-white"
+                  >
+                    Mortgage Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Consulting Service
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Buying
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Home Selling
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="#"
+                    class="w-full py-23px pl-30px pr-10px bg-section-bg-1 hover:bg-secondary-color text-sm font-bold uppercase relative group hover:text-white"
+                  >
+                    Escrow Services
+                    <span
+                      class="bg-white text-primary-color group-hover:text-white group-hover:bg-secondary-color-3 transition-all duration-300 absolute right-[11px] top-[11px]"
+                      ><i
+                        class="fas fa-arrow-right hover:text-white hover:bg-primary-color w-50px h-50px leading-50px text-center"
+                      ></i
+                    ></span>
+                  </a>
+                </li>
+              </ul>
+              <!-- search  -->
+              <div
+                class="px-5 xl:px-35px pt-35px pb-10 xl:py-50px bg-primary-color relative z-0"
+              >
+                <h4
+                  class="text-sm md:text-15px lg:text-base text-secondary-color font-bold mb-5px"
+                >
+                  <span class="leading-1.3 md:leading-1.3 lg:leading-1.3"
+                    >// subscribe</span
+                  >
+                </h4>
+                <h4 class="text-4xl text-white font-bold mb-25px">
+                  <span class="leading-1.3">Get Newsletter</span>
+                </h4>
+                <form class="h-[70px] w-full leading-[70px] flex text-white">
+                  <input
+                    type="text"
+                    placeholder="Search"
+                    class="text-sm font-semibold h-full flex-grow pl-25px bg-primary-color-3 focus:outline-none outline-none"
+                  >
+                  <button
+                    type="submit"
+                    class="text-sm lg:text-base h-full w-[68px] flex items-center justify-center bg-secondary-color hover:bg-secondary-color-2 flex-shrink-0"
+                  >
+                    <i class="fas fa-search"></i>
+                  </button>
+                </form>
+                <div
+                  class="text-[120px] text-color-1 absolute right-5 top-[15%] -z-1 opacity-10 leading-1"
+                >
+                  <i class="fas fa-envelope-open-text"></i>
+                </div>
+              </div>
+              <!-- img -->
+              <div>
+                <a href="shop.html">
+                  <img src="./assets/img/banner/banner-1.jpg" alt="" >
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/service.html b/quarter/service.html
new file mode 100644
index 0000000..c3b3ce0
--- /dev/null
+++ b/quarter/service.html
@@ -0,0 +1,2936 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >What We Do</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Service
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- about section -->
+      <section>
+        <div class="container pt-30 pb-115px">
+          <div class="grid grid-cols-1 lg:grid-cols-12 lg:gap-30px">
+            <!-- about left -->
+            <div
+              class="lg:col-start-1 lg:col-span-5 lg:mr-30px relative pl-30px mb-10 lg:mb-0 after:w-30px after:h-[85%] after:absolute after:top-1/2 after:left-0 after:-translate-y-1/2 after:bg-secondary-color"
+            >
+              <img
+                src="./assets/img/service/11.jpg"
+                alt=""
+                class="max-w-full"
+              >
+            </div>
+            <!-- about right -->
+            <div class="lg:col-start-6 lg:col-span-7">
+              <div class="mb-10">
+                <p
+                  class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-1px px-5 rounded-full inline-block font-semibold"
+                >
+                  <span class="leading-1.3">about us</span>
+                </p>
+                <h2
+                  class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold mb-15px"
+                >
+                  <span class="leading-1.3">
+                    The Leading Real Estate Rental Marketplace<span
+                      class="text-secondary-color"
+                      >.</span
+                    >
+                  </span>
+                </h2>
+                <p class="text-sm lg:text-base max-w-500px mb-5">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Over 39,000 people work for us in more than 70 countries
+                    all over the This breadth of global coverage, combined with
+                    specialist services</span
+                  >
+                </p>
+                <p class="text-sm lg:text-base">
+                  <span class="leading-1.8 lg:leading-1.8"
+                    >Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+                    sed do eiusmod tempor incididunt ut labore et dolore magna
+                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit
+                    esse cillum dolore eu fugiat nulla pariatur.</span
+                  >
+                </p>
+              </div>
+
+              <div>
+                <h5
+                  class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="about.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                    >About Us</a
+                  >
+                </h5>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- services section -->
+      <section class="bg-section-bg-1">
+        <div class="container pt-30 pb-70px">
+          <!-- section heading -->
+          <div class="text-center mb-50px">
+            <p
+              class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+            >
+              <span class="leading-1.3">Our Services</span>
+            </p>
+            <h2
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+            >
+              <span class="leading-1.3"> Our Core Services </span>
+            </h2>
+          </div>
+          <!-- services cards  -->
+
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i class="flaticon-house leading-1 text-secondary-color"></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Property Management</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 2 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-mortgage leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Mortgage Service</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-operator leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Consulting Service</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 4 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-house-1 leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Home Buying</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 5 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-house-3 leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Home Selling</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+
+            <!-- card 6 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-border-color-1 shadow-box-shadow-1 bg-white relative py-10 pb-35px px-30px transition-all duration-300"
+              >
+                <div class="text-center mb-5 text-6xl">
+                  <i
+                    class="flaticon-official-documents leading-1 text-secondary-color"
+                  ></i>
+                </div>
+                <h6
+                  class="text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <a
+                    class="hover:text-secondary-color leading-1.3 mb-1"
+                    href="service-details.html"
+                    >Escrow Services</a
+                  >
+                </h6>
+                <p class="text-sm mb-25px">
+                  <span class="leading-1.8"
+                    >over 1 million+ homes for sale available on the website, we
+                    can match you with a house you will want to call home.</span
+                  >
+                </p>
+
+                <span
+                  class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                ></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- news  section -->
+      <section>
+        <div>
+          <div class="container pb-70px pt-30">
+            <!-- section heading -->
+            <div class="text-center mb-50px">
+              <p
+                class="text-sm md:text-15px lg:text-base text-secondary-color bg-secondary-color bg-opacity-10 capitalize mb-15px py-0.5 px-5 rounded-full inline-block font-semibold"
+              >
+                <span class="leading-1.3">News & Blogs</span>
+              </p>
+              <h2
+                class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-44px text-heading-color font-bold"
+              >
+                <span class="leading-1.3">Leatest News Feeds </span>
+              </h2>
+            </div>
+
+            <div
+              class="news-slider-container swiper-container relative -mx-15px"
+            >
+              <!-- apartment cards  -->
+              <div class="swiper news-slider static">
+                <div class="swiper-wrapper">
+                  <!-- card 1 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/1.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >10 Brilliant Ways To Decorate Your Home</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 2 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/2.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Interior</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >The Most Inspiring Interior Design Of 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 21, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 3 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/3.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Estate</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Recent Commercial Real Estate Transactions</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 22, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 4 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/4.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Room</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >Renovating a Living Room? Experts Share Their
+                            Secrets</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <!-- card 5 -->
+                  <div
+                    class="swiper-slide mb-65px xl:mb-50px px-15px cursor-default"
+                  >
+                    <div class="group">
+                      <!-- card thumbs -->
+                      <div class="relative leading-1">
+                        <a href="blog-details.html" class="overflow-hidden">
+                          <img
+                            src="./assets/img/blog/5.jpg"
+                            class="w-full group-hover:scale-110 transition-all duration-700"
+                            alt=""
+                          >
+                        </a>
+                      </div>
+                      <!-- card body -->
+                      <div class="p-30px shadow-box-shadow-4">
+                        <ul class="mb-15px flex gap-x-25px items-center">
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="far fa-user text-secondary-color"></i>
+                              by: Admin</a
+                            >
+                          </li>
+                          <li class="text-xs md:text-sm font-semibold">
+                            <a
+                              href="#"
+                              class="leading-1.8 hover:text-secondary-color flex gap-5px items-center"
+                              ><i class="fas fa-tags text-secondary-color"></i>
+                              Trends</a
+                            >
+                          </li>
+                        </ul>
+                        <h4
+                          class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color"
+                        >
+                          <a
+                            href="blog-details.html"
+                            class="hover:text-secondary-color leading-1.3"
+                            >7 home trends that will shape your house in 2024</a
+                          >
+                        </h4>
+                        <div
+                          class="pt-5 mt-5 lg:pt-5 border-t border-border-color-1"
+                        >
+                          <ul class="flex justify-between items-center">
+                            <li class="text-xs md:text-sm font-semibold">
+                              <p class="leading-1.8 flex gap-5px items-center">
+                                <i
+                                  class="far fa-calendar-alt text-secondary-color"
+                                ></i>
+                                June 24, 2024
+                              </p>
+                            </li>
+                            <li class="text-xs md:text-sm font-semibold">
+                              <a
+                                href="blog-details.html"
+                                class="leading-1.8 text-secondary-color uppercase"
+                              >
+                                Read more</a
+                              >
+                            </li>
+                          </ul>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- pagination -->
+                <div
+                  class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal !-bottom-[6px] block xl:hidden"
+                >
+                  <span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 1"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet swiper-pagination-bullet-active"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 2"
+                    aria-current="true"
+                  ></span
+                  ><span
+                    class="swiper-pagination-bullet"
+                    tabindex="0"
+                    role="button"
+                    aria-label="Go to slide 3"
+                  ></span>
+                </div>
+                <!--  navigation -->
+                <div class="hidden xl:block">
+                  <div class="swiper-button-next bg-white z-1">
+                    <i class="fas fa-arrow-right" ></i>
+                  </div>
+                  <div class="swiper-button-prev bg-white z-1">
+                    <i class="fas fa-arrow-left" ></i>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/shop-grid.html b/quarter/shop-grid.html
new file mode 100644
index 0000000..60dda0b
--- /dev/null
+++ b/quarter/shop-grid.html
@@ -0,0 +1,4306 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property No Sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property No Sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div>
+            <!-- poperty body -->
+            <div>
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap md:items-center justify-between gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul class="flex items-center flex-wrap gap-y-3">
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+                <div>
+                  <h3 class="text-base font-medium text-paragraph-color">
+                    <span class="leading-50px"> Showing 9 of 20 results </span>
+                  </h3>
+                </div>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+         <!-- modal apartment details-->
+         <div
+         class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+       >
+         <div
+           class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+         ></div>
+         <div
+           class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+         >
+           <div
+             class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+           >
+             <div>
+               <img
+                 src="./assets/img/product/4.png"
+                 class="w-full"
+                 alt=""
+               >
+             </div>
+
+             <!-- card body -->
+             <div class="pl-25px">
+               <div class="absolute right-4 top-4">
+                 <button
+                   class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                 >
+                   <span>×</span>
+                 </button>
+               </div>
+               <ul class="flex items-center mb-5px">
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="fas fa-star-half-alt leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                     ><i class="far fa-star leading-1.8"></i
+                   ></a>
+                 </li>
+                 <li>
+                   <a
+                     href="#"
+                     class="text-xs text-ratings hover:text-secondary-color"
+                   >
+                     ( 95 Reviews )</a
+                   >
+                 </li>
+               </ul>
+
+               <h4
+                 class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+               >
+                 <a
+                   href="product-details.html"
+                   class="leading-1.3 hover:text-secondary-color"
+                   >3 Rooms Manhattan</a
+                 >
+               </h4>
+               <p
+                 class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+               >
+                 <span>$149.00</span>
+                 <del
+                   class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                   >$165.00</del
+                 >
+               </p>
+               <!-- categories -->
+               <div class="py-5 border-y border-border-color-12 mb-30px">
+                 <ul class="flex gap-x-10px items-center font-semibold">
+                   <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                     Categories:
+                   </span></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Parts,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Car,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Seat,
+                   </a></li>
+                   <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                     Cover
+                   </a></li>
+                 </ul>
+               </div>
+
+               <!-- action -->
+                <div class="flex items-center gap-4 mb-4">
+                 <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                   <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                     -
+                   </div>
+                   <div class="flex-grow h-full">
+                     <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                   </div>
+                   <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                     +
+                   </div>
+                 </form>
+
+                 <div >
+                   <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                     <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                     <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                   </h5>
+                 </div>
+                </div>
+
+               <ul
+                 class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+               >
+                 <li class="text-sm">
+                   <button
+                     class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     data-modal-index="3"
+                   >
+                     <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                   </button>
+                 </li>
+
+                 <li class="text-sm">
+                   <button
+                     class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                   >
+                     <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                   </button>
+                 </li>
+               </ul>
+               <!-- social area -->
+               <ul class="flex gap-x-[18px] items-center">
+                 <li>
+                   <p class="text-sm lg:text-base">
+                     <span class="leading-1.8">Share</span>
+                   </p>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.facebook.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-facebook-f leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://x.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-twitter leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.linkedin.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-linkedin leading-1.8"></i>
+                   </a>
+                 </li>
+                 <li>
+                   <a
+                     href="https://www.instagram.com/"
+                     class="text-sm lg:text-base hover:text-secondary-color"
+                   >
+                     <i class="fab fa-instagram leading-1.8"></i>
+                   </a>
+                 </li>
+               </ul>
+
+              
+             </div>
+           </div>
+         </div>
+       </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/shop-left-sidebar.html b/quarter/shop-left-sidebar.html
new file mode 100644
index 0000000..3ad3f60
--- /dev/null
+++ b/quarter/shop-left-sidebar.html
@@ -0,0 +1,4816 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property Left sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property Left sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div
+              class="lg:row-start-1 lg:col-start-1 lg:col-span-4 pt-100px lg:pt-0"
+            >
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                  >
+                    <span>$149.00</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$165.00</del
+                    >
+                  </p>
+                  <!-- categories -->
+                  <div class="py-5 border-y border-border-color-12 mb-30px">
+                    <ul class="flex gap-x-10px items-center font-semibold">
+                      <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                        Categories:
+                      </span></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Parts,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Car,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Seat,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Cover
+                      </a></li>
+                    </ul>
+                  </div>
+
+                  <!-- action -->
+                   <div class="flex items-center gap-4 mb-4">
+                    <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                      <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                        -
+                      </div>
+                      <div class="flex-grow h-full">
+                        <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                      </div>
+                      <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                        +
+                      </div>
+                    </form>
+
+                    <div >
+                      <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                        <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                        <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                      </h5>
+                    </div>
+                   </div>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                 
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/shop-list.html b/quarter/shop-list.html
new file mode 100644
index 0000000..d57bcd4
--- /dev/null
+++ b/quarter/shop-list.html
@@ -0,0 +1,4814 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property List</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property List
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+           <!-- modal apartment details-->
+           <div
+           class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+         >
+           <div
+             class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+           ></div>
+           <div
+             class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+           >
+             <div
+               class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+             >
+               <div>
+                 <img
+                   src="./assets/img/product/4.png"
+                   class="w-full"
+                   alt=""
+                 >
+               </div>
+
+               <!-- card body -->
+               <div class="pl-25px">
+                 <div class="absolute right-4 top-4">
+                   <button
+                     class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                   >
+                     <span>×</span>
+                   </button>
+                 </div>
+                 <ul class="flex items-center mb-5px">
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star-half-alt leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="far fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                     >
+                       ( 95 Reviews )</a
+                     >
+                   </li>
+                 </ul>
+
+                 <h4
+                   class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                 >
+                   <a
+                     href="product-details.html"
+                     class="leading-1.3 hover:text-secondary-color"
+                     >3 Rooms Manhattan</a
+                   >
+                 </h4>
+                 <p
+                   class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                 >
+                   <span>$149.00</span>
+                   <del
+                     class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                     >$165.00</del
+                   >
+                 </p>
+                 <!-- categories -->
+                 <div class="py-5 border-y border-border-color-12 mb-30px">
+                   <ul class="flex gap-x-10px items-center font-semibold">
+                     <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                       Categories:
+                     </span></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Parts,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Car,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Seat,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Cover
+                     </a></li>
+                   </ul>
+                 </div>
+
+                 <!-- action -->
+                  <div class="flex items-center gap-4 mb-4">
+                   <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                     <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                       -
+                     </div>
+                     <div class="flex-grow h-full">
+                       <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                     </div>
+                     <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                       +
+                     </div>
+                   </form>
+
+                   <div >
+                     <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                       <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                       <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                     </h5>
+                   </div>
+                  </div>
+
+                 <ul
+                   class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                 >
+                   <li class="text-sm">
+                     <button
+                       class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                       data-modal-index="3"
+                     >
+                       <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                     </button>
+                   </li>
+
+                   <li class="text-sm">
+                     <button
+                       class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     >
+                       <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                     </button>
+                   </li>
+                 </ul>
+                 <!-- social area -->
+                 <ul class="flex gap-x-[18px] items-center">
+                   <li>
+                     <p class="text-sm lg:text-base">
+                       <span class="leading-1.8">Share</span>
+                     </p>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.facebook.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-facebook-f leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://x.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-twitter leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.linkedin.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-linkedin leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.instagram.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-instagram leading-1.8"></i>
+                     </a>
+                   </li>
+                 </ul>
+
+                
+               </div>
+             </div>
+           </div>
+         </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/shop-right-sidebar.html b/quarter/shop-right-sidebar.html
new file mode 100644
index 0000000..6d8689f
--- /dev/null
+++ b/quarter/shop-right-sidebar.html
@@ -0,0 +1,4806 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property right sidebar</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property right sidebar
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap md:items-center justify-between gap-y-5"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <div>
+                  <h3 class="text-base font-medium text-paragraph-color">
+                    <span class="leading-50px">
+                      Showing 1–12 of 18 results
+                    </span>
+                  </h3>
+                </div>
+                <ul class="flex items-center flex-wrap gap-y-3">
+                  <li>
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+          <!-- modal apartment details-->
+          <div
+            class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+          >
+            <div
+              class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+            ></div>
+            <div
+              class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+            >
+              <div
+                class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+              >
+                <div>
+                  <img
+                    src="./assets/img/product/4.png"
+                    class="w-full"
+                    alt=""
+                  >
+                </div>
+
+                <!-- card body -->
+                <div class="pl-25px">
+                  <div class="absolute right-4 top-4">
+                    <button
+                      class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                    >
+                      <span>×</span>
+                    </button>
+                  </div>
+                  <ul class="flex items-center mb-5px">
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="fas fa-star-half-alt leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                        ><i class="far fa-star leading-1.8"></i
+                      ></a>
+                    </li>
+                    <li>
+                      <a
+                        href="#"
+                        class="text-xs text-ratings hover:text-secondary-color"
+                      >
+                        ( 95 Reviews )</a
+                      >
+                    </li>
+                  </ul>
+
+                  <h4
+                    class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="leading-1.3 hover:text-secondary-color"
+                      >3 Rooms Manhattan</a
+                    >
+                  </h4>
+                  <p
+                    class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                  >
+                    <span>$149.00</span>
+                    <del
+                      class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                      >$165.00</del
+                    >
+                  </p>
+                  <!-- categories -->
+                  <div class="py-5 border-y border-border-color-12 mb-30px">
+                    <ul class="flex gap-x-10px items-center font-semibold">
+                      <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                        Categories:
+                      </span></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Parts,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Car,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Seat,
+                      </a></li>
+                      <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                        Cover
+                      </a></li>
+                    </ul>
+                  </div>
+
+                  <!-- action -->
+                   <div class="flex items-center gap-4 mb-4">
+                    <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                      <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                        -
+                      </div>
+                      <div class="flex-grow h-full">
+                        <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                      </div>
+                      <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                        +
+                      </div>
+                    </form>
+
+                    <div >
+                      <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                        <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                        <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                      </h5>
+                    </div>
+                   </div>
+
+                  <ul
+                    class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                  >
+                    <li class="text-sm">
+                      <button
+                        class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                        data-modal-index="3"
+                      >
+                        <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                      </button>
+                    </li>
+
+                    <li class="text-sm">
+                      <button
+                        class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                      >
+                        <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                      </button>
+                    </li>
+                  </ul>
+                  <!-- social area -->
+                  <ul class="flex gap-x-[18px] items-center">
+                    <li>
+                      <p class="text-sm lg:text-base">
+                        <span class="leading-1.8">Share</span>
+                      </p>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.facebook.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-facebook-f leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://x.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-twitter leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.linkedin.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-linkedin leading-1.8"></i>
+                      </a>
+                    </li>
+                    <li>
+                      <a
+                        href="https://www.instagram.com/"
+                        class="text-sm lg:text-base hover:text-secondary-color"
+                      >
+                        <i class="fab fa-instagram leading-1.8"></i>
+                      </a>
+                    </li>
+                  </ul>
+
+                 
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/shop.html b/quarter/shop.html
new file mode 100644
index 0000000..dd1478d
--- /dev/null
+++ b/quarter/shop.html
@@ -0,0 +1,4814 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/ui-widget.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Property</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Property
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- poperty section -->
+      <section>
+        <div class="container modal-container tab property-tab py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- poperty body -->
+            <div class="lg:col-start-1 lg:col-span-8">
+              <!-- filter top -->
+              <div
+                class="mb-50px flex flex-col md:flex-row flex-wrap items-start md:items-center gap-y-4"
+              >
+                <ul class="flex flex-wrap items-center gap-y-3 tab-links">
+                  <li class="text-3xl pr-25px active">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-th-large"></i>
+                    </button>
+                  </li>
+                  <li class="text-3xl pr-30px">
+                    <button
+                      class="text-paragraph-color hover:text-secondary-color"
+                    >
+                      <i class="fas fa-list"></i>
+                    </button>
+                  </li>
+                </ul>
+                <ul
+                  class="flex flex-col md:flex-row flex-wrap justify-center md:items-center gap-y-3"
+                >
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Default Sorting">
+                          Default Sorting
+                        </option>
+                        <option value="Sort by popularity">
+                          Sort by popularity
+                        </option>
+                        <option value="Sort by new arrivals">
+                          Sort by new arrivals
+                        </option>
+                        <option value="Sort by price: low to high">
+                          Sort by price: low to high
+                        </option>
+                        <option value="Sort by price: high to low">
+                          Sort by price: high to low
+                        </option>
+                      </select>
+                    </form>
+                  </li>
+                  <li class="pr-30px">
+                    <form class="form-primary property-form">
+                      <select class="selectize">
+                        <option data-display="Select" value="Per Page: 12">
+                          Per Page: 12
+                        </option>
+                        <option value="Per Page: 20">Per Page: 20</option>
+                        <option value="Per Page: 30">Per Page: 30</option>
+                        <option value="Per Page: 50">Per Page: 50</option>
+                        <option value="Per Page: 100">Per Page: 100</option>
+                      </select>
+                    </form>
+                  </li>
+                </ul>
+              </div>
+
+              <div class="tab-contents">
+                <!-- content 1 -->
+                <div>
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px placeholder:text-heading-color block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div class="-mx-15px">
+                    <div class="grid grid-cols-1 sm:grid-cols-2">
+                      <!-- card 1 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 2 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Sale</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 3 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 4 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 5 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                      <!-- card 6 -->
+                      <div class="apart-card mb-50px px-15px">
+                        <div
+                          class="group border border-border-color-13 shadow-box-shadow-4"
+                        >
+                          <!-- card thumbs -->
+                          <div class="relative leading-1">
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+
+                            <div class="absolute top-10 lg:top-5 right-[30px]">
+                              <a
+                                href="team-details.html"
+                                class="w-50px h-50px"
+                                ><img
+                                  src="./assets/img/blog/author.jpg"
+                                  alt=""
+                                  class="w-full h-full rounded-100% group-hover:scale-110 border-3px border-border-color-1 transition-all duration-300"
+                              ></a>
+                            </div>
+                          </div>
+                          <!-- card body -->
+                          <div class="px-5 pt-30px lg:px-30px">
+                            <p
+                              class="text-secondary-color font-semibold mb-15px uppercase"
+                            >
+                              <span class="leading-25px">For Rent</span>
+                            </p>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+                            <div
+                              class="card-quick-area flex gap-x-2 pb-30px leading-1 transition-all duration-300"
+                            >
+                              <ul class="flex gap-x-2">
+                                <li>
+                                  <button
+                                    data-modal-index="1"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-expand leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <button
+                                    data-modal-index="2"
+                                    class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                  >
+                                    <i class="flaticon-heart-1 leading-1"></i>
+                                  </button>
+                                </li>
+                                <li>
+                                  <a
+                                    href="product-details.html"
+                                    class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    ><i class="flaticon-add leading-1"></i
+                                  ></a>
+                                </li>
+                              </ul>
+                            </div>
+                          </div>
+                          <!-- cart footer -->
+                          <div
+                            class="p-5 lg:px-30px border-t border-border-color-1"
+                          >
+                            <h5
+                              class="text-lg text-secondary-color font-semibold mb-5px"
+                            >
+                              <span class="leading-1.8">$34,900</span>
+                              <label class="text-sm font-normal">/Month</label>
+                            </h5>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- content 2 -->
+                <div class="hidden">
+                  <!-- search area  -->
+                  <form class="mb-30px">
+                    <div class="flex items-center">
+                      <input
+                        type="text"
+                        placeholder="Search your keyword..."
+                        class="flex-grow text-paragraph-color text-sm font-semibold bg-section-bg-1 px-5 outline-none border-2 border-r-0 border-border-color-9 focus:border focus:border-secondary-color h-60px block rounded-none"
+                      >
+                      <button
+                        type="submit"
+                        class="flex-shrink-0 text-sm lg:text-base h-60px w-14 flex items-center justify-center text-white bg-secondary-color hover:bg-primary-color"
+                      >
+                        <i class="fas fa-search"></i>
+                      </button>
+                    </div>
+                  </form>
+                  <!-- property cards -->
+                  <div>
+                    <!-- card 1 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/1.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 2 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/2.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 3 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/3.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 4 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/4.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 5 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/5.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <!-- card 6 -->
+                    <div class="mb-50px">
+                      <div
+                        class="group border border-border-color-13 shadow-box-shadow-4 p-30px md:pb-22px flex flex-wrap"
+                      >
+                        <!-- card thumbs -->
+                        <div class="relative leading-1 basis-full md:basis-2/5">
+                          <div>
+                            <a
+                              href="product-details.html"
+                              class="overflow-hidden leading-1"
+                            >
+                              <img
+                                src="./assets/img/product-3/6.jpg"
+                                class="w-full group-hover:scale-110 transition-all duration-700"
+                                alt=""
+                              >
+                            </a>
+                          </div>
+                        </div>
+                        <!-- card body -->
+                        <div class="basis-full md:basis-3/5 pt-25px md:pt-0">
+                          <div class="pl-0 md:pl-30px">
+                            <div
+                              class="flex justify-between items-center gap-x-15px"
+                            >
+                              <p
+                                class="text-secondary-color font-semibold mb-15px uppercase"
+                              >
+                                <span class="leading-25px">For Rent</span>
+                              </p>
+
+                              <h5
+                                class="text-lg text-secondary-color font-semibold"
+                              >
+                                <span class="leading-1.8">$34,900</span>
+                                <label class="text-sm font-normal"
+                                  >/Month</label
+                                >
+                              </h5>
+                            </div>
+                            <h4
+                              class="text-lg md:text-xl lg:text-22px font-semibold text-heading-color mb-15px"
+                            >
+                              <a
+                                href="product-details.html"
+                                class="hover:text-secondary-color leading-1.3"
+                                >New Apartment Nice View</a
+                              >
+                            </h4>
+
+                            <div class="text-sm">
+                              <a
+                                href="locations.html"
+                                class="hover:text-secondary-color"
+                                ><i
+                                  class="flaticon-pin text-secondary-color mr-0.5"
+                                ></i>
+                                Belmont Gardens, Chicago</a
+                              >
+                            </div>
+
+                            <ul class="flex flex-wrap gap-15px pt-4 pb-5">
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3 <span class="font-normal">Bed</span>
+                                </p>
+                              </li>
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  2 <span class="font-normal">Bath</span>
+                                </p>
+                              </li>
+
+                              <li>
+                                <p class="leading-1.8 font-bold text-sm">
+                                  3450
+                                  <span class="font-normal">Square Ft</span>
+                                </p>
+                              </li>
+                            </ul>
+
+                            <!-- card footer -->
+                            <div
+                              class="flex justify-between items-center flex-wrap-reverse gap-y-15px"
+                            >
+                              <!-- author -->
+                              <div class="flex items-center gap-15px">
+                                <div>
+                                  <!-- avatar -->
+                                  <a
+                                    href="team-details.html"
+                                    class="w-50px h-50px"
+                                    ><img
+                                      src="./assets/img/blog/author.jpg"
+                                      alt=""
+                                      class="w-full h-full rounded-100% border-3px border-border-color-1 transition-all duration-300"
+                                  ></a>
+                                </div>
+                                <div>
+                                  <h3 class="text-sm font-semibold mb-1">
+                                    <a
+                                      href="team-details.html"
+                                      class="leading-1.3"
+                                      >William Seklo</a
+                                    >
+                                  </h3>
+                                  <p class="text-[12px]">Estate Agents</p>
+                                </div>
+                              </div>
+                              <!-- quick action -->
+                              <div
+                                class="flex gap-x-2 relative leading-1 transition-all duration-300"
+                              >
+                                <ul class="flex gap-x-2">
+                                  <li>
+                                    <button
+                                      data-modal-index="1"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-expand leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <button
+                                      data-modal-index="2"
+                                      class="modal-open w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                    >
+                                      <i class="flaticon-heart-1 leading-1"></i>
+                                    </button>
+                                  </li>
+                                  <li>
+                                    <a
+                                      href="product-details.html"
+                                      class="w-9 h-9 flex items-center justify-center bg-section-bg-1 text-center hover:bg-secondary-color hover:text-white font-bold"
+                                      ><i class="flaticon-add leading-1"></i
+                                    ></a>
+                                  </li>
+                                </ul>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- property paginations -->
+
+              <div class="flex justify-center mt-4">
+                <ul
+                  class="flex flex-wrap items-center gap-x-10px gap-y-4 justify-center"
+                >
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-left"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >1</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-white bg-secondary-color w-10 h-10 md:w-50px md:h-50px border-2 border-secondary-color transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >2</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >3</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >...</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      >10</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      href="#"
+                      class="flex items-center justify-center flex-shrink-0 text-sm lg:text-base text-paragraph-color bg-white w-10 h-10 md:w-50px md:h-50px border-2 border-border-color-11 transition-all duration-300 hover:bg-secondary-color hover:text-white hover:border-secondary-color rounded-100% font-bold"
+                      ><i class="fas fa-angle-double-right"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- sidebar -->
+            <div class="lg:col-start-9 lg:col-span-4 pt-100px lg:pt-0">
+              <!-- sidebar heading -->
+              <div>
+                <h4
+                  class="mb-10px text-lg md:text-xl lg:text-22px xl:text-2xl text-heading-color font-bold"
+                >
+                  <span class="leading-1.3 md:leading-1.3 xl:leading-1.3"
+                    >Advance Information</span
+                  >
+                </h4>
+                <p class="mb-30px text-[12.25px] lg:text-sm">
+                  <span class="lg:leading-1 8">
+                    About 9,620 results (0.62 seconds)
+                  </span>
+                </p>
+              </div>
+              <!-- sidebar filter -->
+              <div
+                class="px-5 pt-35px pb-10 xl:pl-35px xl:pr-30px border-2 border-border-color-11"
+              >
+                <!-- type filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Property Type</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="house-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="house-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        House
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="sigle-family-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="sigle-family-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single Family
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="apartment-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="apartment-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Apartment
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="office-villa-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="office-villa-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Office Villa
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="luxary-home-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="luxary-home-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Luxary Home
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="studio-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="studio-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Studio
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- amenities filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Amenities</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="dishwasher-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="dishwasher-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Dishwasher
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="floor-coverings-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="floor-coverings-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Floor Coverings
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="internet-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="internet-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Internet
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="build-wardrobes-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="build-wardrobes-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Build Wardrobes
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="supermarket-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="supermarket-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Supermarket
+                      </label>
+                      <span class="leading-1.8">1,853 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="kids-zone-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="kids-zone-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Kids Zone
+                      </label>
+                      <span class="leading-1.8">893 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Price Renge</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="low-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="low-budget-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Low Budget
+                      </label>
+                      <span class="leading-1.8">$5,000 - $10,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="medium-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="medium-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Medium
+                      </label>
+                      <span class="leading-1.8">$10,000 - $30,000 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="high-budget-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="high-budget-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        High Budget
+                      </label>
+                      <span class="leading-1.8">$30,000 Up </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- price Renge filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Filter By Price</span>
+                  </h5>
+                  <!-- .range -->
+                  <div>
+                    <div class="price_filter">
+                      <div class="price_slider_amount">
+                        <input type="submit" value="Your range:" >
+                        <input
+                          type="text"
+                          class="amount"
+                          name="price"
+                          placeholder="Add Your Price"
+                        >
+                      </div>
+                      <div class="slider-range"></div>
+                    </div>
+                  </div>
+                </div>
+                <!-- Bed/bath filter -->
+                <div
+                  class="pb-35px mb-35px border-b border-border-color-12 border-opacity-25"
+                >
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Bed/bath</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="single-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="single-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Single
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="double-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="double-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Double
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-3-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-3-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="up-to-5-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="up-to-5-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Up To 3
+                      </label>
+                      <span class="leading-1.8">2,687 </span>
+                    </li>
+                  </ul>
+                </div>
+                <!-- catagory filter -->
+                <div>
+                  <h5 class="mb-25px text-lg text-heading-color font-semibold">
+                    <span class="leading-1.3">Catagory</span>
+                  </h5>
+                  <ul class="flex flex-col gap-y-15px">
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="buying-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="buying-type"
+                          class="hidden"
+                          checked
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Buying
+                      </label>
+                      <span class="leading-1.8">3,924 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="renting-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="renting-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Renting
+                      </label>
+                      <span class="leading-1.8">3,610 </span>
+                    </li>
+                    <li
+                      class="text-sm font-bold flex justify-between items-center"
+                    >
+                      <label
+                        for="selling-type"
+                        class="checkbox-item leading-1.8 group flex items-center cursor-pointer"
+                        ><input
+                          type="checkbox"
+                          id="selling-type"
+                          class="hidden"
+                        >
+                        <span
+                          class="checkmark w-4 h-4 bg-white group-hover:bg-secondary-color border border-border-color-16 transition-all duration-300 relative z-0 after:absolute after:left-1 after:top-0 after:w-[5px] after:h-10px after:rotate-[45deg] after:border after:border-t-0 after:opacity-0 after:border-l-0 after:border-white mr-15px inline-block leading-1"
+                        ></span>
+                        Selling
+                      </label>
+                      <span class="leading-1.8">2,912 </span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- modals -->
+           <!-- modal apartment details-->
+           <div
+           class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+         >
+           <div
+             class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+           ></div>
+           <div
+             class="modal-content transition-all duration-500 -translate-y-20 sm:max-w-500px lg:max-w-980px m-2 mt-150px sm:mx-auto relative z-small rounded-lg"
+           >
+             <div
+               class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px p-30px bg-white relative"
+             >
+               <div>
+                 <img
+                   src="./assets/img/product/4.png"
+                   class="w-full"
+                   alt=""
+                 >
+               </div>
+
+               <!-- card body -->
+               <div class="pl-25px">
+                 <div class="absolute right-4 top-4">
+                   <button
+                     class="modal-close w-10 h-10 leading-10 text-center bg-section-bg-1 text-black text-25px inline-block"
+                   >
+                     <span>×</span>
+                   </button>
+                 </div>
+                 <ul class="flex items-center mb-5px">
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="fas fa-star-half-alt leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                       ><i class="far fa-star leading-1.8"></i
+                     ></a>
+                   </li>
+                   <li>
+                     <a
+                       href="#"
+                       class="text-xs text-ratings hover:text-secondary-color"
+                     >
+                       ( 95 Reviews )</a
+                     >
+                   </li>
+                 </ul>
+
+                 <h4
+                   class="text-22px md:text-2xl font-bold text-heading-color mb-0"
+                 >
+                   <a
+                     href="product-details.html"
+                     class="leading-1.3 hover:text-secondary-color"
+                     >3 Rooms Manhattan</a
+                   >
+                 </h4>
+                 <p
+                   class="text-34px md:text-50px text-secondary-color font-semibold mb-0 pb-0  leading-1.2"
+                 >
+                   <span>$149.00</span>
+                   <del
+                     class="text-26px md:text-40px leading-1.2 opacity-60 pl-1"
+                     >$165.00</del
+                   >
+                 </p>
+                 <!-- categories -->
+                 <div class="py-5 border-y border-border-color-12 mb-30px">
+                   <ul class="flex gap-x-10px items-center font-semibold">
+                     <li class="text-sm leading-1.8 font-normal"><span class="text-heading-color w-[95px] leading-1.8 ">
+                       Categories:
+                     </span></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Parts,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Car,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Seat,
+                     </a></li>
+                     <li class="text-sm leading-1.8"><a href="#" class=" leading-1.8">
+                       Cover
+                     </a></li>
+                   </ul>
+                 </div>
+
+                 <!-- action -->
+                  <div class="flex items-center gap-4 mb-4">
+                   <form class="w-140px h-65px border-2 border-border-color-11 text-xl font-bold text-heading-color flex count-container">
+                     <div class="mincount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-r-2 border-border-color-11 cursor-pointer">
+                       -
+                     </div>
+                     <div class="flex-grow h-full">
+                       <input type="text" value="02" class="text-base text-paragraph-color outline-none border border-transparent focus:border focus:border-secondary-color h-full w-full rounded-none flex items-center text-center">
+                     </div>
+                     <div class="maxcount basis-[42px] h-full flex items-center justify-center flex-shrink-0 border-l-2 border-border-color-11 cursor-pointer">
+                       +
+                     </div>
+                   </form>
+
+                   <div >
+                     <h5 class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block">
+                       <span class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"></span>
+                       <a href="#" class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"><i class="fas fa-shopping-cart"></i> ADD TO CART</a>
+                     </h5>
+                   </div>
+                  </div>
+
+                 <ul
+                   class="flex flex-wrap gap-5 pb-5 mb-5 border-b border-border-color-12 border-opacity-25"
+                 >
+                   <li class="text-sm">
+                     <button
+                       class="modal-open leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                       data-modal-index="3"
+                     >
+                       <i class="far fa-heart px-0.5"></i> Add to Wishlist
+                     </button>
+                   </li>
+
+                   <li class="text-sm">
+                     <button
+                       class="leading-1.8 font-semibold hover:text-secondary-color transition-all duration-300"
+                     >
+                       <i class="fas fa-exchange-alt px-0.5"></i> Compare
+                     </button>
+                   </li>
+                 </ul>
+                 <!-- social area -->
+                 <ul class="flex gap-x-[18px] items-center">
+                   <li>
+                     <p class="text-sm lg:text-base">
+                       <span class="leading-1.8">Share</span>
+                     </p>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.facebook.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-facebook-f leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://x.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-twitter leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.linkedin.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-linkedin leading-1.8"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a
+                       href="https://www.instagram.com/"
+                       class="text-sm lg:text-base hover:text-secondary-color"
+                     >
+                       <i class="fab fa-instagram leading-1.8"></i>
+                     </a>
+                   </li>
+                 </ul>
+
+                
+               </div>
+             </div>
+           </div>
+         </div>
+          <!-- modal  wishlist 1-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+          <!-- modal  wishlist 2-->
+          <div
+          class="modal hidden fixed top-0 left-0 w-full h-full z-xxl transition-all duration-500 bg-lightBlack opacity-0 overflow-y-auto"
+        >
+          <div
+            class="modal-close fixed md:absolute top-0 left-0 w-full h-full z-xsmall cursor-zoom-out"
+          ></div>
+
+          <div
+            class="modal-content transition-all duration-500 -translate-y-20 max-w-500px m-2 mt-150px sm:mx-auto relative z-small p-30px bg-white"
+          >
+            <div class="flex">
+              <div class="w-125px mr-5 flex-shrink-0">
+                <img src="./assets/img/product/4.png" class="w-full" alt="" >
+              </div>
+
+              <!-- card body -->
+              <div class="pl-25px">
+                <div class="absolute right-4 top-4">
+                  <button
+                    class="modal-close w-10 h-10 leading-10 text-center bg-black bg-opacity-5 text-black text-25px inline-block"
+                  >
+                    <span>×</span>
+                  </button>
+                </div>
+
+                <h4
+                  class="text-base lg:text-lg font-bold text-heading-color mb-10px"
+                >
+                  <a
+                    href="product-details.html"
+                    class="leading-1.3 hover:text-secondary-color"
+                    >3 Rooms Manhattan</a
+                  >
+                </h4>
+
+                <p
+                  class="text-sm lg:text-base mb-5 md:mb-6  "
+                >
+                  <i class="fa fa-check-circle leading-1 text-green float-left clear-both pr-1.5 mt-1.5"></i>
+                 Successfully added to your Wishlist
+                </p>
+                <!-- action -->
+                <div>
+                  <h5
+                    class="capitalize text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block"
+                  >
+                    <span
+                      class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                    ></span>
+                    <a
+                      href="wishlist.html"
+                      class="relative z-10 px-5 py-5px group-hover:text-heading-color leading-23px"
+                      >View Wishlist</a
+                    >
+                  </h5>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/maplace.js"></script>
+    <script src="./assets/js/ui-widget.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/team-details.html b/quarter/team-details.html
new file mode 100644
index 0000000..0140484
--- /dev/null
+++ b/quarter/team-details.html
@@ -0,0 +1,2667 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Agent Details</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Agent Details
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- team section -->
+      <section>
+        <div class="container py-30">
+          <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-30px">
+            <!-- avatar -->
+            <div class="lg:col-start-1 lg:col-span-4 mb-10">
+              <div>
+                <div class="flex flex-col items-center text-center">
+                  <div class="text-center mb-6px max-w-350px">
+                    <img
+                      src="./assets/img/team/4.jpg"
+                      alt=""
+                      class="inline-block w-full"
+                    >
+                  </div>
+                  <div class="text-center px-15px py-25px">
+                    <h6
+                      class="text-xl md:text-22px lg:text-26px xl:text-3xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                        href="team-details.html"
+                        >Rosalina D. William</a
+                      >
+                    </h6>
+                    <h6
+                      class="text-sm md:text-15px lg:text-base font-bold mb-3"
+                    >
+                      <span
+                        class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3 uppercase"
+                        >Property Seller</span
+                      >
+                    </h6>
+                    <!-- socila -->
+                    <ul
+                      class="text-sm lg:text-base flex gap-15px justify-center items-center pt-4"
+                    >
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://www.facebook.com"
+                          ><i class="fab fa-facebook-f"></i
+                        ></a>
+                      </li>
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://x.com"
+                          ><i class="fab fa-twitter"></i
+                        ></a>
+                      </li>
+                      <li class="leading-1.8 lg:leading-1.8">
+                        <a
+                          class="w-50px h-50px flex items-center justify-center border-2 border-border-color-11 hover:bg-secondary-color hover:text-white hover:border-secondary-color"
+                          href="https://www.linkedin.com"
+                          ><i class="fab fa-linkedin"></i
+                        ></a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- details -->
+            <div class="lg:col-start-5 lg:col-span-8">
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur.</span
+                >
+              </p>
+              <!-- contact -->
+              <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-30px">
+                <ul>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Positions:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Senior Property Seller</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Experience:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> 10+ Years</span>
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Location:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8"> 13/A, NYC</span>
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Practice Area:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      Property Seller</span
+                    >
+                  </li>
+                </ul>
+                <ul>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Email:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      example@example.com</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Fax:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      +0123-456 789</span
+                    >
+                  </li>
+                  <li class="text-sm lg:text-base mt-4">
+                    <strong
+                      class="leading-1.8 lg:leading-1.8 min-w-[120px] inline-block"
+                      >Phone:</strong
+                    >
+                    <span class="leading-1.8 lg:leading-1.8">
+                      +0123-456 789</span
+                    >
+                  </li>
+                </ul>
+              </div>
+              <hr class="my-50px border-t border-border-color-12 opacity-25" >
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum. Sed ut perspiciatis unde omnis
+                  iste natus error sit voluptatem accusantium doloremque
+                  laudantium, totam rem aperiam, eaque ipsa quae ab illo
+                  inventore veritatis et quasi architecto beatae vitae dicta
+                  sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+                  aspernatur aut odit aut fugit, sed quia consequu ntur magni
+                  dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
+                  quisquam est, qui dolorem ipsum quia dolor sit amet,
+                  consectetur, adipisci velit, sed quia non numquam eius modi
+                  tempora incidunt ut labore et dolore magnam aliquam quaerat
+                  voluptatem.</span
+                >
+              </p>
+              <div
+                class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 pt-4 gap-y-30px"
+              ></div>
+              <!-- cards -->
+              <div class="service-cards flex flex-wrap items-center mb-5">
+                <!-- card 1 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-tire"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Home Buying</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+
+                <!-- card 2 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px active"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-mechanic"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Home Selling</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+
+                <!-- card 1 -->
+                <div
+                  class="service-card service-card-2 basis-full sm:basis-1/2 xl:basis-1/3 px-15px lg:px-0 mb-30px"
+                >
+                  <div
+                    class="border border-border-color-8 relative py-10 pb-35px px-30px transition-all duration-300 text-center"
+                  >
+                    <div class="mb-15px text-6xl text-secondary-color">
+                      <i class="icon-wheel-1"></i>
+                    </div>
+                    <h6
+                      class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                    >
+                      <a
+                        class="hover:text-secondary-color leading-1.3"
+                        href="service-details.html"
+                        >Escrow Services</a
+                      >
+                    </h6>
+                    <p class="text-sm">
+                      <span class="leading-1.8"
+                        >Lorem ipsum dolor sit ame it, consectetur adipisicing
+                        elit, sed do eiusmod te mp or</span
+                      >
+                    </p>
+                    <div class="text-sm text-color-1 font-bold mt-25px">
+                      <a
+                        class="find-service hover:text-secondary-color flex items-center justify-center"
+                        href="service-details.html"
+                        >Read More
+                        <i
+                          class="flaticon-right-arrow inline-block leading-1"
+                        ></i
+                      ></a>
+                    </div>
+                    <span
+                      class="hover-line absolute bottom-0 left-0 w-0 h-1 bg-secondary-color transition-all duration-300 block"
+                    ></span>
+                  </div>
+                </div>
+              </div>
+              <p class="text-sm lg:text-base mb-6">
+                <span class="leading-1.8 lg:leading-1.8"
+                  >Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
+                  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  Ut enim ad minim veniam, quis nostrud exercitation ullamco
+                  laboris nisi ut aliquip ex ea commodo consequat. Duis aute
+                  irure dolor in reprehenderit in voluptate velit esse cillum
+                  dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                  cupidatat non proident, sunt in culpa qui officia deserunt
+                  mollit anim id est laborum. Sed ut perspiciatis unde omnis
+                  iste natus error sit voluptatem accusantium doloremque
+                  laudantium, totam rem aperiam, eaque ipsa quae ab illo
+                  inventore veritatis et quasi architecto beatae vitae dicta
+                  sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+                  aspernatur aut odit aut fugit, sed quia consequu ntur magni
+                  dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
+                  quisquam est, qui dolorem ipsum quia dolor sit amet,
+                  consectetur, adipisci velit, sed quia non numquam eius modi
+                  tempora incidunt ut labore et dolore magnam aliquam quaerat
+                  voluptatem.</span
+                >
+              </p>
+              <!-- details form -->
+              <div>
+                <form
+                  class="form-primary bg-white shadow-box-shadow-2 px-25px pt-10 pb-50px md:p-50px md:pt-10 mt-50px"
+                >
+                  <h4
+                    class="text-22px font-semibold leading-1.3 pl-10px border-l-2 border-secondary-color text-heading-color mb-30px"
+                  >
+                    Contact for any Inquiry
+                  </h4>
+                  <div class="grid grid-cols-1 md:grid-cols-2 gap-30px">
+                    <!-- name -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter your name"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-user text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- email -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter email address"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-envelope text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- type select -->
+                    <div class="relative">
+                      <select
+                        class="selectize boerder-2 border-border-color-9 text-[14px] leading-60px h-65px"
+                      >
+                        <option
+                          value="Select Service Type"
+                          data-display="Select"
+                        >
+                          Select Service Type
+                        </option>
+                        <option value="Property Management ">
+                          Property Management
+                        </option>
+                        <option value="Mortgage Service ">
+                          Mortgage Service
+                        </option>
+                        <option value="Consulting Service">
+                          Consulting Service
+                        </option>
+                        <option value="Home Buying">Home Buying</option>
+                        <option value="Home Selling">Home Selling</option>
+                        <option value="Escrow Services">Escrow Services</option>
+                      </select>
+                    </div>
+                    <!-- number -->
+                    <div class="relative">
+                      <input
+                        type="text"
+                        placeholder="Enter phone number"
+                        class="text-paragraph-color pl-5 pr-50px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      >
+                      <span class="absolute top-1/2 -translate-y-1/2 right-4">
+                        <i
+                          class="fas fa-phone text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                    <!-- message -->
+                    <div class="relative md:col-start-1 md:col-span-2 mb-30px">
+                      <textarea
+                       
+                        
+                        placeholder="Enter message"
+                        class="min-h-[150px] text-paragraph-color pl-5 pr-50px py-15px outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none placeholder:opacity-50"
+                      ></textarea>
+                      <span
+                        class="absolute top-[30px] -translate-y-1/2 right-4"
+                      >
+                        <i
+                          class="fas fa-pencil text-sm lg:text-base text-secondary-color font-bold"
+                        ></i>
+                      </span>
+                    </div>
+                  </div>
+                  <!-- agree -->
+                  <div class="text-sm flex items-center mb-25px">
+                    <input type="checkbox" id="agree" >
+                    <label for="agree" class="text-sm ml-1">
+                      Save my name, email, and website in this browser for the
+                      next time I comment.
+                    </label>
+                  </div>
+
+                  <!-- submit button -->
+
+                  <div>
+                    <h5
+                      class="uppercase text-sm md:text-base text-white relative group whitespace-nowrap font-normal mb-0 transition-all duration-300 border border-secondary-color hover:border-heading-color inline-block z-0"
+                    >
+                      <span
+                        class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black -z-1 group-hover:w-0 transition-all duration-300"
+                      ></span>
+                      <button
+                        type="submit"
+                        class="relative z-1 px-5 md:px-25px lg:px-10 py-10px md:py-15px lg:py-17px group-hover:text-heading-color leading-23px uppercase"
+                      >
+                        get an free service
+                      </button>
+                    </h5>
+                  </div>
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/team.html b/quarter/team.html
new file mode 100644
index 0000000..d1308bb
--- /dev/null
+++ b/quarter/team.html
@@ -0,0 +1,2557 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Our Agent</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Agent
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- team section -->
+      <section>
+        <div class="container pt-30 pb-90px">
+          <div
+            class="service-cards flex flex-wrap justify-center items-center text-center -mx-15px"
+          >
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/4.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Rosalina D. William</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 1 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/2.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Kelian Anderson</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 3 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/3.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Miranda H. Halim</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 4 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/1.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Damble D. Browni.</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Property Seller</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 5 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/5.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >Aiden Benjamin</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Real Estate Broker</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <!-- card 6 -->
+            <div
+              class="service-card basis-full sm:basis-1/2 lg:basis-1/3 px-15px mb-30px"
+            >
+              <div
+                class="border border-white-6 hover:shadow-box-shadow-1 bg-white relative transition-all duration-300"
+              >
+                <div class="text-center mb-5">
+                  <img
+                    src="./assets/img/team/6.jpg"
+                    alt=""
+                    class="inline-block w-full"
+                  >
+                </div>
+                <div class="text-center px-15px py-25px">
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl text-heading-color font-bold mb-15px"
+                  >
+                    <a
+                      class="hover:text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      href="team-details.html"
+                      >James Carter</a
+                    >
+                  </h6>
+                  <h6
+                    class="text-sm md:text-15px lg:text-base font-bold mb-15px"
+                  >
+                    <span
+                      class="text-secondary-color leading-1.3 md:leading-1.3 lg:leading-1.3"
+                      >Selling Agents</span
+                    >
+                  </h6>
+                  <!-- socila -->
+                  <ul
+                    class="text-sm lg:text-base flex gap-15px justify-center items-center"
+                  >
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.facebook.com"
+                        ><i class="fab fa-facebook-f"></i
+                      ></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://x.com"><i class="fab fa-twitter"></i></a>
+                    </li>
+                    <li class="leading-1.8 lg:leading-1.8">
+                      <a href="https://www.linkedin.com"
+                        ><i class="fab fa-linkedin"></i
+                      ></a>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/quarter/wishlist.html b/quarter/wishlist.html
new file mode 100644
index 0000000..35a996a
--- /dev/null
+++ b/quarter/wishlist.html
@@ -0,0 +1,2414 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" >
+    <title>Quarter - Real Estate HTML Template</title>
+    <link
+      rel="shortcut icon"
+      href="assets/img/favicon.png"
+      type="image/x-icon"
+    >
+    <link rel="stylesheet" href="assets/css/font-icons.css" >
+    <link rel="stylesheet" href="assets/css/nice-select2.css" >
+    <link rel="stylesheet" href="assets/css/animate.css" >
+    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css" >
+    <link rel="stylesheet" href="assets/css/glightbox.css" >
+    <link rel="stylesheet" href="assets/css/style.css" >
+  </head>
+  <body>
+    <!-- header area start -->
+    <header>
+      <!-- header top -->
+      <div class="bg-section-bg-6">
+        <div class="container text-white text-13px md:text-sm font-bold">
+          <div
+            class="flex justify-center md:justify-between items-center flex-wrap md:flex-nowrap"
+          >
+            <div class="flex justify-center md:block pt-2 md:pt-0">
+              <ul
+                class="basis-full md:basis-auto flex gap-6 lg:gap-9 items-center"
+              >
+                <li>
+                  <a
+                    class="hover:text-secondary-color"
+                    href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"
+                    ><i
+                      class="icon-mail text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    info@webmail.com</a
+                  >
+                </li>
+                <li>
+                  <a class="hover:text-secondary-color" href="locations.html"
+                    ><i
+                      class="icon-placeholder text-secondary-color font-bold mr-0.5"
+                    ></i>
+                    15/A, Nest Tower, NYC</a
+                  >
+                </li>
+              </ul>
+            </div>
+
+            <div
+              class="basis-full md:basis-auto flex justify-center md:block py-5px md:py-0"
+            >
+              <ul class="text flex items-center gap-15px">
+                <li>
+                  <a href="https://www.facebook.com" title="Facebook"
+                    ><i class="fab fa-facebook-f font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.x.com" title="Twitter"
+                    ><i class="fab fa-twitter font-bold"></i
+                  ></a>
+                </li>
+
+                <li>
+                  <a href="https://www.instagram.com" title="Instagram"
+                    ><i class="fab fa-instagram font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a href="https://www.dribbble.com" title="Dribbble"
+                    ><i class="fab fa-dribbble font-bold"></i
+                  ></a>
+                </li>
+                <li>
+                  <a
+                    href="add-listing.html"
+                    class="px-4 md:px-5 py-0.5 md:py-10px ml-2 lg:ml-5 bg-secondary-color inline-block bg-opacity-100 hover:bg-opacity-60 hover:text-white"
+                    >Add Listing</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- navbar main -->
+      <div class="sticky-header z-xl bg-white transition-all duration-700">
+        <div
+          class="container flex flex-col md:flex-row justify-center md:justify-between items-center relative py-21px"
+        >
+          <!-- logo area -->
+          <div class="mt-10px mb-22px md:mt-0 md:mb-0 leading-1">
+            <a href="index.html">
+              <img src="./assets/img/logo.png" alt="" >
+            </a>
+          </div>
+          <nav class="flex-grow hidden xl:block">
+            <ul class="flex items-center justify-center gap-15px xl:gap-5">
+              <!-- item 1 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Home <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index.html"
+                      >Home Style 01</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-1.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-2.html"
+                      >Home Style 02</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-2.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-3.html"
+                      >Home Style 03</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-3.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-4.html"
+                      >Home Style 04</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-4.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-5.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >video</span
+                      >
+                      Home Style 05</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-5.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-6.html"
+                      >Home Style 06</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-6.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-7.html"
+                      >Home Style 07</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-7.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-8.html"
+                      >Home Style 08</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-8.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-9.html"
+                      >Home Style 09</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-9.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2 relative"
+                      href="index-10.html"
+                      ><span
+                        class="text-10px uppercase text-white bg-secondary-color px-3px absolute left-5 -top-1 rounded-sm"
+                        >map</span
+                      >
+                      Home Style 10</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-10.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                  <li class="group/nested relative">
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="index-11.html"
+                      >Home Style 11</a
+                    >
+                    <img
+                      src="./assets/img/home-demos/home-11.jpg"
+                      alt="#"
+                      class="w-130px absolute -bottom-2 -right-3 shadow-box-shadow-3 opacity-0 translate-y-1 invisible transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0"
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 2 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >About
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="about.html"
+                      >About</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service.html"
+                      >Services</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="service-details.html"
+                      >Service Details</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio.html"
+                      >Portfolio</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-2.html"
+                      >Portfolio - 02</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="portfolio-details.html"
+                      >Portfolio Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="team.html"
+                      >Team</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="team-details.html"
+                      >Team Details</a
+                    >
+                  </li>
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="faq.html"
+                      >FAQ</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="locations.html"
+                      >Google Map Locations</a
+                    >
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 3 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Property
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="shop.html"
+                      >Property Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-list.html"
+                      >Property List</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-grid.html"
+                      >Property No Sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-left-sidebar.html"
+                      >Property Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="shop-right-sidebar.html"
+                      >Property right sidebar</a
+                    >
+                  </li>
+
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="product-details.html"
+                      >Property details
+                    </a>
+                  </li>
+                  <li class="relative group/nested">
+                    <a class="whitespace-nowrap px-30px py-2" href="#"
+                      >Other Pages
+                      <span
+                        class="absolute top-1/2 -translate-y-1/2 right-3 group-hover/nested:text-secondary-color"
+                        >&gt;&gt;</span
+                      >
+                    </a>
+                    <!-- dropdown -->
+                    <ul
+                      class="py-15px border-t-[5px] border-secondary-color w-dropdown shadow-box-shadow-4 absolute left-full top-0 opacity-0 invisible translate-y-[5px] transition-all duration-300 group-hover/nested:opacity-100 group-hover/nested:visible group-hover/nested:translate-y-0 bg-white"
+                    >
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="cart.html"
+                          >Cart</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="wishlist.html"
+                          >Wishlist</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="checkout.html"
+                          >Checkout</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="order-tracking.html"
+                          >Order Tracking</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="account.html"
+                          >My Account</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="login.html"
+                          >Sign in</a
+                        >
+                      </li>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-30px py-2"
+                          href="register.html"
+                          >Register</a
+                        >
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+
+              <!-- item 4 -->
+              <li class="relative group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >News <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="py-15px border-t-[5px] border-secondary-color bg-white w-dropdown shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a class="whitespace-nowrap px-30px py-2" href="blog.html"
+                      >News</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-grid.html"
+                      >News Grid</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-left-sidebar.html"
+                      >News Left sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-right-sidebar.html"
+                      >News Right sidebar</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-30px py-2"
+                      href="blog-details.html"
+                      >News details</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <!-- item 5 -->
+              <li class="group">
+                <a
+                  href="#"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Pages
+                  <span class="text-sm font-extrabold -ml-0.5">+</span></a
+                >
+                <!-- dropdown -->
+                <ul
+                  class="container w-full px-0 py-15px border-t-[5px] border-secondary-color bg-white shadow-box-shadow-4 absolute left-0 top-full opacity-0 invisible translate-y-4 transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:-translate-y-4 grid grid-cols-4 z-xl"
+                >
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio.html"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-2.html"
+                              >Portfolio - 02</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="portfolio-details.html"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team.html"
+                              >Team</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="team-details.html"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="faq.html"
+                              >FAQ</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Inner Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="history.html"
+                              >History</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="add-listing.html"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="locations.html"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="404.html"
+                              >404</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="contact.html"
+                              >Contact</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="coming-soon.html"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <ul>
+                      <li>
+                        <a
+                          class="whitespace-nowrap px-10px py-6px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                          href="#"
+                          >Shop Pages</a
+                        >
+                      </li>
+                      <li>
+                        <ul class="py-15px">
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop.html"
+                              >Shop</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-left-sidebar.html"
+                              >Shop Left sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-right-sidebar.html"
+                              >Shop right sidebar</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="shop-grid.html"
+                              >Shop Grid</a
+                            >
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="product-details.html"
+                              >Shop details
+                            </a>
+                          </li>
+                          <li>
+                            <a
+                              class="whitespace-nowrap px-10px py-2"
+                              href="cart.html"
+                              >Cart</a
+                            >
+                          </li>
+                        </ul>
+                      </li>
+                    </ul>
+                  </li>
+                  <li class="pr-3 pt-3 pl-30px">
+                    <a
+                      class="whitespace-nowrap p-10px bg-section-bg-1 border-b !border-dashed border-border-dashed w-full"
+                      href="shop.html"
+                      ><img
+                        src="./assets/img/banner/menu-banner-1.jpg"
+                        alt=""
+                        class="w-full inline-block"
+                    ></a>
+                  </li>
+                </ul>
+              </li>
+              <!-- item 6 -->
+              <li>
+                <a
+                  href="contact.html"
+                  class="text-lg xl:text-15px 2xl:text-lg text-heading-color hover:text-secondary-color font-semibold whitespace-nowrap pl-10px py-22px"
+                  >Contact
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <!-- header right -->
+          <div>
+            <ul class="flex items-center gap-10px">
+              <li class="relative search-form-container">
+                <button
+                  class="search-toggle h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-search for-search-show font-bold"></i>
+                  <i class="icon-cancel for-search-close font-bold hidden"></i>
+                </button>
+                <div
+                  class="search-form h-0 overflow-hidden absolute right-0 top-full mt-15px transition-all duration-300 shadow-box-shadow-3 z-xl bg-white"
+                >
+                  <form class="w-80 p-15px relative">
+                    <input
+                      type="text"
+                      placeholder="Search here..."
+                      class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-60px block w-full rounded-none"
+                    >
+                    <button
+                      type="submit"
+                      class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                    >
+                      <i class="icon-search text-lg font-bold"></i>
+                    </button>
+                  </form>
+                </div>
+              </li>
+              <li class="group relative">
+                <a
+                  href="#"
+                  class="h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-user font-bold text-lg"></i>
+                </a>
+                <!-- dropdown -->
+                <ul
+                  class="py-10px w-150px shadow-box-shadow-4 absolute right-0 top-full opacity-0 invisible translate-y-4 bg-white transition-all duration-300 group-hover:opacity-100 group-hover:visible group-hover:translate-y-0 z-xl"
+                >
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="login.html"
+                      >Sign in</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="register.html"
+                      >Register</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="account.html"
+                      >My Account</a
+                    >
+                  </li>
+                  <li>
+                    <a
+                      class="whitespace-nowrap px-15px py-5px"
+                      href="wishlist.html"
+                      >Wishlist</a
+                    >
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <button
+                  class="show-drawer h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center hover:bg-secondary-color hover:text-white transition-all duration-300"
+                >
+                  <i class="icon-shopping-cart font-bold text-lg"></i>
+                  <sup class="ml-1 text-sm font-semibold">2</sup>
+                </button>
+              </li>
+              <li class="block xl:hidden">
+                <div
+                  class="show-drawer d-xl-none h-50px w-50px text-heading-color shadow-box-shadow-1 flex justify-center items-center transition-all duration-300 relative"
+                >
+                  <a href="#ltn__utilize-drawer " class="utilize-toggle">
+                    <svg viewBox="0 0 800 600">
+                      <path
+                        d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200"
+                        id="top"
+                      ></path>
+                      <path d="M300,320 L540,320" id="middle"></path>
+                      <path
+                        d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190"
+                        id="bottom"
+                        transform="translate(480, 320) scale(1, -1) translate(-480, -318) "
+                      ></path>
+                    </svg>
+                  </a>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <!-- cart sidebar -->
+      <div class="drawer-container cart-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out"
+        ></div>
+        <div
+          class="drawer cart fixed top-0 -right-[300px] xs:-right-[400px] pl-30px pr-10px py-5 w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high bg-white"
+        >
+          <div class="h-full">
+            <!-- cart wrapper -->
+            <div class="h-full overflow-y-auto pr-5">
+              <!-- cart top -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-3 mb-25px"
+              >
+                <div>
+                  <span class="text-sm md:text-base font-bold">Cart</span>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- cart items -->
+              <div
+                class="max-h-[calc(100%-(360px))] cart-items overflow-y-auto"
+              >
+                <ul>
+                  <li class="accordion pl-10px pt-5 mb-5 flex gap-15px">
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/1.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Wheel Bearing Retainer
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $65.00</span>
+                      </div>
+                    </div>
+                  </li>
+
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/2.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          3 Rooms Manhattan
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $85.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/3.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          OE Replica Wheels
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $92.00</span>
+                      </div>
+                    </div>
+                  </li>
+                  <li
+                    class="border-t border-border-color-1 accordion pl-10px pt-5 mb-5 flex gap-15px"
+                  >
+                    <div>
+                      <a href="product-details.html" class="relative">
+                        <img
+                          src="./assets/img/product/4.png"
+                          alt=""
+                          class="w-20 inline-block"
+                        >
+                        <span
+                          class="w-5 h-5 shadow-box-shadow-3 text-center text-10px bg-white hover:bg-secondary-color hover:text-white rounded-full absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 transition-all duration-300 cursor-pointer"
+                        >
+                          <i class="icon-cancel leading-5"></i>
+                        </span>
+                      </a>
+                    </div>
+                    <div>
+                      <h6 class="text-sm md:text-15px lg:text-base mb-5px">
+                        <a
+                          href="product-details.html"
+                          class="leading-23px text-heading-color hover:text-secondary-color font-medium"
+                        >
+                          Shock Mount Insulator
+                        </a>
+                      </h6>
+                      <div class="text-sm lg:text-base">
+                        <span class="leading-22px">1 x $68.00</span>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+
+              <!-- Total price -->
+              <div class="py-5 mt-25px border-y border-border-color-1">
+                <h6
+                  class="lg:text-lg text-heading-color font-bold flex justify-between items-center mb-0"
+                >
+                  <span>Subtotal: </span>
+                  <span class="text-secondary-color">$310.00</span>
+                </h6>
+              </div>
+
+              <!-- action area -->
+              <div class="pt-25px pb-15px flex justify-between">
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-secondary-color hover:border-heading-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-secondary-color group-hover:bg-black hover:bg-primary-cogroup-lor z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="cart.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-heading-color leading-23px"
+                    >view cart</a
+                  >
+                </h5>
+                <h5
+                  class="uppercase text-sm text-white relative group whitespace-nowrap font-normal transition-all duration-300 border border-black hover:border-secondary-color"
+                >
+                  <span
+                    class="inline-block absolute top-0 left-0 w-full h-full bg-black group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="checkout.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-secondary-color leading-23px"
+                    >checkout</a
+                  >
+                </h5>
+              </div>
+
+              <div class="text-sm">
+                <p class="leading-15px mb-0">
+                  Free Shipping on All Orders Over $100!
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- mobile menu -->
+      <div class="drawer-container mobile-menu-container">
+        <div
+          class="drawer-overlay fixed top-0 left-0 w-full h-full bg-black -z-1 close-drawer opacity-0 transition-all duration-300 invisible cursor-zoom-out block xl:hidden"
+        ></div>
+        <div
+          class="drawer mobile-menu fixed top-0 -left-[300px] xs:-left-[400px] px-5 xs:px-10 py-50px w-300px xs:w-100 h-full transition-all duration-500 shadow-dropdown-secodary bg-whiteColor z-high block xl:hidden bg-white"
+        >
+          <div class="pr-15px overflow-auto h-full">
+            <!-- mobile menu wrapper -->
+            <div>
+              <!-- mobile logo area -->
+              <div
+                class="flex justify-between items-center border-b border-border-primary pt-3px pb-10px mb-25px"
+              >
+                <div>
+                  <a href="index.html">
+                    <img src="./assets/img/logo.png" alt="" >
+                  </a>
+                </div>
+                <div>
+                  <button class="close-drawer text-black text-3xl px-15px py-2">
+                    ×
+                  </button>
+                </div>
+              </div>
+
+              <!-- search input  -->
+              <div class="mb-50px">
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Search..."
+                    class="text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block w-full rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-1/2 -translate-y-1/2 right-7 text-heading-color"
+                  >
+                    <i class="icon-search text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+
+              <!-- mobile menu accordions -->
+              <div
+                class="border-b border-border-primary dark:border-borderColor-dark pb-8"
+              >
+                <ul class="accordion-container">
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Home
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 01</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-3.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 03</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-4.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 04</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-5.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >video</span
+                              >
+                              Home Style 05</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-6.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 06</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-7.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 07</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-8.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 08</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-9.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 09</a
+                            >
+                          </li>
+                          <li class="mt-4 relative">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-10.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              ><span
+                                class="text-10px uppercase text-white bg-secondary-color px-3px absolute -left-2 -top-3 rounded-sm"
+                                >map</span
+                              >
+                              Home Style 10</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="index-11.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Home Style 11</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      About
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About1</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Property
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-list.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property List</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property No Sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="shop-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Property right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="product-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Property details
+                            </a>
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="cart.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Cart</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="wishlist.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Wishlist</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="checkout.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Checkout</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="order-tracking.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Order Tracking</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="account.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >My Account</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="login.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Sign in</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="register.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Register</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      News
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News</a
+                            >
+                          </li>
+                          <li class="accordion mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-grid.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Grid</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-left-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Left sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-right-sidebar.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >News Right sidebar</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="blog-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              News details</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="accordion mt-4">
+                    <!-- accordion header -->
+                    <div
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      Pages
+                      <button class="px-3 h-full">
+                        <span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75"
+                        ></span
+                        ><span
+                          class="w-[10px] h-0.5 bg-gray1 block dark:bg-whiteColor bg-opacity-75 rotate-90 -mt-[2px] transition-all duration-500"
+                        ></span>
+                      </button>
+                    </div>
+                    <!-- accordion content -->
+                    <div
+                      class="accordion-content h-0 overflow-hidden transition-all duration-500"
+                    >
+                      <div class="content-wrapper pl-15px">
+                        <ul>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="about.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >About</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Services</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="service-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Service Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-2.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                            >
+                              Portfolio - 02</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="portfolio-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Portfolio Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="team-details.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Team Details</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="faq.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >FAQ</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="history.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >History</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="add-listing.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Add Listing</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="locations.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Google Map Locations</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="404.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >404</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="contact.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Contact</a
+                            >
+                          </li>
+                          <li class="mt-4">
+                            <!-- accordion header -->
+
+                            <a
+                              href="coming-soon.html"
+                              class="!leading-22px text-darkdeep1 text-sm lg:text-base hover:text-secondary-color"
+                              >Coming Soon</a
+                            >
+                          </li>
+                        </ul>
+                      </div>
+                    </div>
+                  </li>
+                  <li class="mt-4">
+                    <!-- accordion header -->
+                    <a
+                      href="contact.html"
+                      class="accordion-controller flex items-center justify-between cursor-pointer hover:text-secondary-color uppercase text-sm lg:text-base py-2 lg:py-2.5"
+                    >
+                      CONTACT</a
+                    >
+                  </li>
+                </ul>
+              </div>
+
+              <!-- my account -->
+              <div>
+                <ul class="mb-30px pb-5 pt-5px border-b border-border-primary">
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="account.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-user"></i>
+                      </span>
+                      My Account
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="wishlist.html#" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="far fa-heart"></i><sup class="pl-0.5">3</sup>
+                      </span>
+                      Wishlist
+                    </a>
+                  </li>
+                  <li class="group mt-4">
+                    <!-- accordion header -->
+                    <a href="cart.html" class="text-sm lg:text-base">
+                      <span
+                        class="inline-block h-50px w-50px border-2 border-border-color-1 text-center leading-50px mr-3"
+                      >
+                        <i class="fas fa-shopping-cart"></i>
+                        <sup>5</sup>
+                      </span>
+                      Shoping Cart
+                    </a>
+                  </li>
+                </ul>
+              </div>
+              <!-- Mobile menu social area -->
+              <div>
+                <ul class="flex gap-3 items-center pt-4">
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.facebook.com"
+                      ><i class="fab fa-facebook-f leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.twiter.com"
+                      ><i class="fab fab fa-twitter leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.linkedin.com"
+                      ><i class="fab fa-linkedin leading-10"></i
+                    ></a>
+                  </li>
+                  <li>
+                    <a
+                      class="h-10 w-10 bg-section-bg-1 hover:bg-secondary-color hover:text-white text-center text-sm lg:text-base"
+                      href="https://www.instagram.com"
+                      ><i class="fab fa-instagram leading-10"></i
+                    ></a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+    <!-- header area start -->
+    <!-- main body start -->
+    <main>
+      <!-- banner section -->
+      <section>
+        <!-- banner section -->
+        <div
+          class="w-full bg-[url('../img/bg/14.jpg')] bg-no-repeat bg-cover bg-center relative z-0 after:w-full after:h-full after:absolute after:top-0 after:left-0 after:bg-white after:bg-opacity-30 after:-z-1"
+        >
+          <div class="container py-110px">
+            <h1
+              class="text-2xl sm:text-3xl md:text-26px lg:text-3xl xl:text-4xl font-bold text-heading-color mb-15px"
+            >
+              <span
+                class="leading-1.3 md:leading-1.3 lg:leading-1.3 xl:leading-1.3"
+                >Wishlist</span
+              >
+            </h1>
+            <ul
+              class="breadcrumb flex gap-30px items-center text-sm lg:text-base font-bold pt-4"
+            >
+              <li class="home relative leading-1.8 lg:leading-1.8">
+                <a href="index.html"
+                  ><i class="fas fa-home text-secondary-color"></i> Home</a
+                >
+              </li>
+              <li class="leading-1.8 lg:leading-1.8 text-heading-color">
+                Wishlist
+              </li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <!-- wishlist section -->
+      <section>
+        <div class="container pt-30 pb-140px md:pb-30">
+          <table class="text-sm lg:text-base text-heading-color w-full">
+            <tbody>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/1.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      3 Rooms Manhattan
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $85.00
+                </td>
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+              <tr class="bg-section-bg-1 md:bg-transparent">
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/2.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Shock Mount Insulator
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $89.00
+                </td>
+
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start transition-all duration-300 hover:text-secondary-color cursor-pointer"
+                >
+                  x
+                </td>
+                <!-- img -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <a href="product-details.html">
+                    <img
+                      src="./assets/img/product/3.png"
+                      alt=""
+                      class="w-100px md:w-20 lg:w-100px"
+                    >
+                  </a>
+                </td>
+                <!-- title -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px block md:table-cell border-b border-border-color-17 text-center md:text-start leading-1"
+                >
+                  <h6
+                    class="text-17px md:text-lg lg:text-xl font-bold text-heading-color mb-0"
+                  >
+                    <a
+                      href="product-details.html"
+                      class="md:leading-1.3 lg:leading-1.3"
+                    >
+                      Tail Light Lens
+                    </a>
+                  </h6>
+                </td>
+                <!-- price -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  $149.00
+                </td>
+
+                <!-- status -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  In Stock
+                </td>
+
+                <!-- action -->
+                <td
+                  class="px-15px py-5 md:px-10px lg:px-25px leading-1.8 block md:table-cell border-b border-border-color-17 text-center md:text-start"
+                >
+                  <button
+                    class="px-30px py-7px bg-primary-color text-white transition-all duration-300 hover:bg-secondary-color hover:text-white leading-1.8"
+                  >
+                    Add to Cart
+                  </button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+    </main>
+
+    <!-- footer start -->
+    <footer>
+      <div
+        class="pt-187px pb-5 px-15px 3xl:px-[2%] 4xl:px-[5%] mt-95px bg-section-bg-2 text-sm lg:text-base text-white relative"
+      >
+        <div class="px-15px">
+          <!-- footer top -->
+          <div
+            class="container w-full absolute top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"
+          >
+            <div
+              class="px-25px lg:px-60px py-50px bg-secondary-color text-white flex justify-center lg:justify-between items-center flex-col lg:flex-row gap-y-30px lg:gap-0 sm:whitespace-nowrap"
+            >
+              <div>
+                <h5
+                  class="text-xl md:text-26px lg:text-3xl xl:text-4xl text-white font-bold mb-15px"
+                >
+                  <span class="leading-1.3">Looking for a dream home?</span>
+                </h5>
+                <p class="text-white leading-1.8">
+                  We can help you realize your dream of a new home
+                </p>
+              </div>
+              <div>
+                <h5
+                  class="capitalize inline-block text-sm md:text-base text-primary-color hover:text-white hover:bg-primary-color relative group whitespace-nowrap font-normal transition-all duration-300 shadow-box-shadow-3 mb-0"
+                >
+                  <span
+                    class="inline-block absolute top-0 right-0 w-full h-full bg-white group-hover:bg-secondary-color z-1 group-hover:w-0 transition-all duration-300"
+                  ></span>
+                  <a
+                    href="contact.html"
+                    class="relative z-10 px-5 md:px-25px lg:px-10 py-10px md:py-3 lg:py-17px group-hover:text-white leading-23px"
+                    >Explore Properties <i class="icon-next"></i
+                  ></a>
+                </h5>
+              </div>
+            </div>
+          </div>
+
+          <!-- footer main -->
+          <div
+            class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-12 gap-x-30px text-sm lg:text-base text-white"
+          >
+            <!-- footer about-->
+            <div class="xl:col-start-1 xl:col-span-3 mb-60px lg:pr-35px">
+              <div class="mb-15px">
+                <a href="index.html">
+                  <img src="./assets/img/logo-2.png" alt="" >
+                </a>
+                <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                  Lorem Ipsum is simply dummy text of the and typesetting
+                  industry. Lorem Ipsum is dummy text of the printing.
+                </p>
+                <ul class="space-y-2">
+                  <li>
+                    <p class="leading-1.8 text-white flex">
+                      <i class="icon-placeholder mr-15px mt-1"></i>
+                      <span>Brooklyn, New York, United States</span>
+                    </p>
+                  </li>
+                  <li>
+                    <a href="tel:+0123-456789" class="leading-1.8 flex">
+                      <i class="icon-call mr-15px mt-1"></i>
+                      <span>+0123-456789</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      href="mailto:example@example.com"
+                      class="leading-1.8 flex"
+                    >
+                      <i class="icon-mail mr-15px mt-1"></i>
+                      <span>example@example.com</span>
+                    </a>
+                  </li>
+                </ul>
+                <ul class="flex items-center gap-x-5 mt-5">
+                  <li>
+                    <a href="https://www.facebook.com" class="leading-1.8">
+                      <i class="fab fa-facebook-f"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://x.com" class="leading-1.8">
+                      <i class="fab fa-twitter"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.linkedin.com" class="leading-1.8">
+                      <i class="fab fa-linkedin"></i>
+                    </a>
+                  </li>
+                  <li>
+                    <a href="https://www.youtube.com" class="leading-1.8">
+                      <i class="fab fa-youtube"></i>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <!-- footer company-->
+            <div class="xl:col-start-4 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Company </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    About</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="blog.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Blog</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="shop.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    All Products</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="locations.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Locations Map</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer services-->
+            <div class="xl:col-start-6 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Services </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Terms & Conditions</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="about.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Promotional Offers</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer customer care-->
+            <div class="xl:col-start-8 xl:col-span-2 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Customer Care </span>
+              </h3>
+              <ul class="space-y-[15px]">
+                <li>
+                  <a
+                    href="login.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Login</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="account.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    My account</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="wishlist.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Wish List</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="order-tracking.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Order tracking</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="faq.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    FAQ</a
+                  >
+                </li>
+                <li>
+                  <a
+                    href="contact.html"
+                    class="hover:text-secondary-color -translate-x-5 hover:translate-x-0 group leading-1.8"
+                    ><span
+                      class="text-secondary-color pr-15px opacity-0 group-hover:opacity-100 transition-all duration-300"
+                      >//</span
+                    >
+                    Contact us</a
+                  >
+                </li>
+              </ul>
+            </div>
+            <!-- footer newsletter-->
+            <div class="xl:col-start-10 xl:col-span-3 mb-60px">
+              <h3 class="text-22px font-bold mb-25px text-white">
+                <span class="leading-1.3"> Newsletter </span>
+              </h3>
+              <p class="leading-1.8 mb-5 lg:mb-25px text-white">
+                Subscribe to our weekly Newsletter and receive updates via
+                email.
+              </p>
+
+              <!-- subscription input  -->
+              <div>
+                <form class="w-full relative">
+                  <input
+                    type="text"
+                    placeholder="Email*"
+                    class="w-full text-sm text-paragraph-color pl-5 pr-50px placeholder:text-paragraph-color outline-none border-2 border-border-color-9 focus:border focus:border-secondary-color h-65px block rounded-none"
+                  >
+                  <button
+                    type="submit"
+                    class="absolute top-0 right-0 h-full px-18px text-white bg-secondary-color hover:bg-primary-color"
+                  >
+                    <i class="fas fa-location-arrow text-lg font-bold"></i>
+                  </button>
+                </form>
+              </div>
+              <!-- payment methods -->
+              <div>
+                <h3
+                  class="text-base lg:text-lg font-bold mt-30px mb-15px text-white"
+                >
+                  <span class="leading-1.3"> We Accept </span>
+                </h3>
+                <img
+                  src="./assets/img/icons/payment-4.png"
+                  alt="Payment Image"
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!-- footer copyright -->
+      <div
+        class="py-25px px-15px 3xl:px-[2%] 4xl:px-[5%] bg-section-bg-7 text-sm lg:text-base text-white"
+      >
+        <div class="px-15px">
+          <div class="grid grid-cols-1 md:grid-cols-2">
+            <div>
+              <p class="leading-1.8 text-center lg:text-start text-white">
+                All Rights Reserved @ Company 2024
+              </p>
+            </div>
+
+            <ul
+              class="flex gap-x-25px items-center justify-center lg:justify-end capitalize font-semibold font-poppins text-sm"
+            >
+              <li>
+                <a href="#" class="leading-1.8">Terms & Conditions</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Claim</a>
+              </li>
+              <li>
+                <a href="#" class="leading-1.8"> Privacy & Policy</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <!-- scroll top -->
+    <button
+      class="scroll-up w-30px h-30px lg:w-10 lg:h-10 lg:text-xl bg-section-bg-1 text-heading-color hover:bg-secondary-color hover:text-white rotate-[45deg] shadow-box-shadow-3 fixed bottom-[50px] lg:bottom-[70px] right-[3%] flex justify-center items-center z-xl"
+    >
+      <i class="fa fa-angle-up leading-1 -rotate-[45deg] inline-block"></i>
+    </button>
+    <script src="./assets/js/stickyHeader.js"></script>
+    <script src="./assets/js/accordion.js"></script>
+    <script src="./assets/js/service.js"></script>
+    <script src="./assets/js/nice-select2.js"></script>
+    <script src="./assets/js/search.js"></script>
+    <script src="./assets/js/drawer.js"></script>
+    <script src="./assets/js/swiper-bundle.min.js"></script>
+    <script src="./assets/js/silder.js"></script>
+    <script src="./assets/js/counterup.js"></script>
+    <script src="./assets/js/modal.js"></script>
+    <script src="./assets/js/tabs.js"></script>
+    <script src="./assets/js/glightbox.min.js"></script>
+    <script src="./assets/js/scrollUp.js"></script>
+    <script src="./assets/js/smoothScroll.js"></script>
+    <script src="./assets/js/isotope.pkgd.min.js"></script>
+    <script src="./assets/js/filter.js"></script>
+    <script src="./assets/js/nice_checkbox.js"></script>
+    <script src="./assets/js/count.js"></script>
+    <script src="./assets/js/main.js"></script>
+  </body>
+</html>
diff --git a/src/input.css b/src/input.css
new file mode 100644
index 0000000..02c9f2f
--- /dev/null
+++ b/src/input.css
@@ -0,0 +1,1812 @@
+/*
+    Template Name: Quarter
+    Description: Real Estate HTML Template
+    Version: 1.0.0
+    Author: Kamrul Hasan
+    Email:786hasankamrul96@gmail.com
+*/
+/* ============================================================
+>>> TABLE OF CONTENTS:
+===============================================================
+# Google fonts
+# tailwind directives 
+# vaiables
+# default style
+# Typography
+# header 
+# banner 
+# scrollbar
+# swiper slider
+# accordion
+# nice select 
+#  nice checkbox 
+# range
+# service cards
+# tab
+# popup gallery 
+# scroll up
+# brands
+# Google Map Locations
+# Price Filter Widget 
+# responsiveness
+============================================================= */
+/*============= Google fonts ============*/
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
+
+/*============= tailwind directives ============*/
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*============= vaiables =============*/
+:root {
+  /* colors */
+  --white: #fff;
+  --primary-color: #000000;
+  --secondary-color: #ff5a3c;
+  --color-1: #8cb2b2;
+  --heading-color: #071c1f;
+  --paragraph-color: #5c727d;
+  --heading-font: "Poppins", sans-serif;
+  --body-font: "Nunito Sans", sans-serif;
+  --border-color-1: #e5eaee;
+  --section-bg-1: #f2f6f7;
+  --section-bg-2: #171b2a;
+  --border-color-9: #e4ecf2;
+  /* shadows */
+  --box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
+  --box-shadow-4: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
+  --box-shadow-8: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
+/* position */
+--left--5:-5px;
+--left-auto:auto;
+--left-3-per: 3%; 
+--left-10-per: 10%; 
+--left-15-per: 15%; 
+--left-half: 50%; 
+--right--14:-14px;
+--right--20:-20px;
+--right-16:16px;
+--right-20:20px;
+--right-100:100px;
+--right-1-per:1%;
+--right-3-per:3%;
+--right-8-per:8%;
+--right-15-per:15%;
+--right-half: 50%; 
+/* transform */
+--x--6: translateX(-6px);
+--x--10:translateX(-10px);
+--x--30:translateX(-30px);
+--x--37:translateX(-37px);
+--x--40:translateX(-40px);
+--x--50:translateX(-50px);
+--x--60:translateX(-60px);
+--x--half:translateX(-50%);
+--x-6:translateX(6px);
+--x-10:translateX(10px);
+--x-30:translateX(30px);
+--x-37:translateX(37px);
+--x-40:translateX(40px);
+--x-50:translateX(50px);
+--x-60:translateX(60px);
+--x-half:translateX(50%);
+--x-3d-half:translate3d(-50%, -50%, 0);
+
+
+}
+
+[dir="rtl"]  {
+ 
+/* position */
+--left--5:5px;
+--left-auto:auto;
+--left-3-per: -3%; 
+--left-10-per: -10%; 
+--left-15-per: -15%; 
+--left-half: -50%; 
+--right--14: 14px;
+--right--20: 20px;
+--right-16: -16px;
+--right-20: -20px;
+--right-100: -100px;
+--right-1-per: -1%;
+--right-3-per: -3%;
+--right-8-per: -8%;
+--right-15-per: -15%;
+--righ-half: -50%; 
+
+/* transform */
+--x--6: translateX(6px);
+--x--10:translateX(10px);
+--x--30:translateX(30px);
+--x--37:translateX(37px);
+--x--40:translateX(40px);
+--x--50:translateX(50px);
+--x--60:translateX(60px);
+--x--half:translateX(50%);
+--x-6:translateX(-6px);
+--x-10:translateX(-10px);
+--x-30:translateX(-30px);
+--x-37:translateX(-37px);
+--x-40:translateX(-40px);
+--x-50:translateX(-50px);
+--x-60:translateX(-60px);
+--x-half:translateX(-50%);
+--x-3d-half:translate3d(50%, -50%, 0);
+
+
+}
+ 
+/*============= default style =============*/
+/* typography */
+body {
+  color: var(--paragraph-color);
+  font-weight: 400;
+  font-style: normal;
+  font-size: 14px;
+  font-family: var(--body-font);
+  line-height: 1.8;
+  z-index: 0;
+ 
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--heading-color);
+  clear: both;
+  font-family: var(--heading-font);
+  font-weight: 700;
+  line-height: 1.3;
+  margin-bottom: 15px;
+}
+
+h1 {
+  font-size: 24px;
+}
+h2 {
+  font-size: 20px;
+}
+h3 {
+  font-size: 18px;
+}
+h4 {
+  font-size: 17px;
+}
+h5 {
+  font-size: 16px;
+}
+h6 {
+  font-size: 14px;
+}
+a,
+button,
+input,
+span {
+  display: inline-block;
+}
+
+p {
+  color: var(--paragraph-color);
+  font-size: 14px;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+  color: var(--paragraph-color);
+  -webkit-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
+  display: inline-block;
+}
+
+a,
+a:hover,
+a:focus,
+a:active {
+  text-decoration: none;
+  outline: none;
+  color: inherit;
+}
+
+a:hover {
+  color: var(--secondary-color);
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: var(--body-font);
+  transition: all 0.3s ease 0s;
+}
+
+pre,
+code,
+kbd,
+tt,
+var,
+samp {
+  font-family: var(--body-font);
+}
+h1 button,
+h2 button,
+h3 button,
+h4 button,
+h5 button,
+h6 button {
+  font-family: var(--heading-font);
+
+  line-height: 1.5;
+}
+pre {
+  word-break: break-word;
+}
+
+a i {
+  padding: 0 2px;
+}
+
+img {
+  max-width: 100%;
+}
+
+/*============= header =============*/
+.sticky-header.active {
+  display: none;
+}
+.sticky-secondary.active {
+  background: var(--heading-color);
+}
+.sticky-header.active .container {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+.sticky-secondary.active .container {
+  padding-top: 17px;
+  padding-bottom: 17px;
+}
+.sticky-header.active .navbar-container {
+  justify-content: space-between;
+}
+.sticky-header.active .header-logo {
+  display: block;
+}
+.sticky-header.active .navbar {
+  justify-content: flex-end;
+}
+
+
+.mobile-menu-container.active .drawer {
+  left: 0;
+}
+[dir="rtl"] .mobile-menu-container.active .drawer {
+  right: 0;
+  left: auto;
+}
+
+
+.cart-container.active .drawer {
+  right: 0;
+}
+
+[dir="rtl"] .cart-container.active .drawer {
+  left: 0;
+  right: auto;
+}
+
+.drawer-container.active .drawer-overlay {
+  opacity: 0.4;
+  visibility: visible;
+  z-index: 999999;
+}
+.language::before {
+  content: "\e911";
+  font-size: 14px;
+  position: absolute;
+  top: 36%;
+  right: var(right--14);
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  font-family: "icomoon";
+  color: var(--secondary-color);
+}
+[dir="rtl"] .language::before {
+
+  left: -14px;
+  
+}
+/* mobile menu */
+.show-drawer svg {
+  position: absolute;
+  top: 50%;
+  left: var(--left-half);
+  width: 50px;
+  height: 60px;
+  margin-top: -2px;
+  margin-left: -2px;
+  cursor: pointer;
+  -webkit-transform: translate3d(-50%, -50%, 0);
+  transform: var(--x-3d-half);
+}
+
+.show-drawer svg path {
+  -webkit-transition: stroke-dashoffset 0.5s
+      cubic-bezier(0.25, -0.25, 0.75, 1.25),
+    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
+  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
+    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
+  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
+    stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
+  fill: none;
+  stroke: #333;
+  stroke-dashoffset: 0;
+  stroke-linecap: round;
+  stroke-width: 30px;
+}
+.show-drawer svg path#top,
+.show-drawer svg path#bottom {
+  stroke-dasharray: 240px 950px;
+}
+
+.show-drawer svg path#middle {
+  stroke-dasharray: 240px 240px;
+}
+
+.show-drawer .close svg path#top,
+.show-drawer .close svg path#bottom {
+  stroke-dasharray: -650px;
+  stroke-dashoffset: -650px;
+}
+
+.show-drawer .close svg path#middle {
+  stroke-dasharray: 1px 220px;
+  stroke-dashoffset: -115px;
+}
+
+/*============= banner =============*/
+.breadcrumb .home::after {
+  position: absolute;
+  content: "\f054";
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  font-size: 10px;
+  right: var(--right--20);
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+[dir="rtl"] .breadcrumb .home::after {
+ 
+  left: -20px;
+  right: auto;
+  content: "\f053";
+  
+}
+
+/* search form */
+.search-form-container.active .search-form {
+  height: 90px;
+}
+.search-form-container.active .for-search-show {
+  display: none;
+}
+.search-form-container.active .for-search-close {
+  display: block;
+}
+
+/*============= scrollbar  =============*/
+/* width */
+.drawer ::-webkit-scrollbar {
+  width: 2px;
+}
+
+/* Track */
+.drawer ::-webkit-scrollbar-track {
+  background: #f1f1f1;
+}
+
+/* Handle */
+.drawer ::-webkit-scrollbar-thumb {
+  background: #dedede;
+}
+
+/*============= swiper slider  =============*/
+.swiper-container .swiper-button-prev::after,
+.swiper-container .swiper-button-next::after {
+  display: none;
+}
+.swiper-container .swiper-button-prev,
+.swiper-container .swiper-button-next {
+  width: 50px;
+  height: 50px;
+  border-radius: 100%;
+  text-align: center;
+  z-index: 9999 !important;
+  border: 1px solid var(--border-color-1);
+  color: var(--primary-color);
+  font-size: 20px;
+  opacity: 0;
+  visibility: hidden;
+  transition: 0.3s;
+}
+
+.swiper-container .swiper-button-prev {
+  transform: translateX(0);
+}
+.swiper-container .swiper-button-next {
+  transform: translateX(0);
+}
+.swiper-container:hover .swiper-button-prev {
+  transform: var(--x-6);
+}
+.swiper-container:hover .swiper-button-next {
+  transform: var(--x--6);
+}
+
+.swiper-container:hover .swiper-button-prev,
+.swiper-container:hover .swiper-button-next {
+  opacity: 100;
+  visibility: visible;
+}
+
+.swiper-container .swiper-button-prev:hover,
+.swiper-container .swiper-button-next:hover {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+.swiper-container .swiper-pagination,
+.swiper-pagination-bullets.swiper-pagination-horizontal {
+  position: absolute;
+  bottom: 40px;
+}
+.swiper-pagination-bullet {
+  width: 10px;
+  height: 10px;
+  transition: 0.3s;
+}
+.home-3 .swiper-pagination-bullet {
+  background: white;
+  opacity: 0.6;
+}
+.swiper-pagination-bullet:hover {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  opacity: 1;
+}
+
+.home-3 .swiper-pagination-bullet-active,
+.swiper-pagination-bullet-active {
+  background: var(--secondary-color);
+  width: 15px;
+  height: 15px;
+  margin-bottom: -2px !important;
+}
+
+/* hero slider */
+.hero-slider-container .swiper-button-prev,
+.hero-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 1px;
+}
+
+.hero-slider-container .swiper-button-prev {
+  transform: var(--x-30);
+}
+.hero-slider-container .swiper-button-next {
+  transform: var(--x--30);
+}
+
+.hero-slider-container:hover .swiper-button-prev {
+  transform: var(--x-10);
+}
+.hero-slider-container:hover .swiper-button-next {
+  transform: var(--x--10);
+}
+.hero-slider2 .swiper-button-prev,
+.hero-slider2 .swiper-button-next {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+  color: var(--paragraph-color);
+  background-color: var(--section-bg-1);
+  font-size: 14px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  border: none;
+  transition: all 0.3s;
+  position: relative;
+}
+.hero-slider2 .swiper-button-next {
+  right: 0;
+}
+[dir="rtl"] .hero-slider2 .swiper-button-next {
+  left: 0;
+}
+.hero-slider2:hover .swiper-button-prev,
+.hero-slider2:hover .swiper-button-next {
+  transform: translate(0);
+}
+.hero-slider2 .swiper-button-prev:hover,
+.hero-slider2 .swiper-button-next:hover {
+  background: var(--section-bg-1);
+  color: var(--secondary-color);
+}
+/* .hero-slider2-tumbs_slider .swiper-wrapper {
+  max-width: calc(100%);
+}
+.hero-slider2-tumbs_slider .swiper-slide {
+  width: calc((100% / 3));
+} */
+
+/* testimonials slider*/
+.testimonial-quote-menu {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  z-index: 10;
+}
+.testimonial-quote-menu2 {
+  z-index: 9;
+  display: none;
+}
+
+.testimonial-quote-menu li img {
+  position: absolute;
+  cursor: pointer;
+}
+.testimonial-quote-menu li:nth-child(1) img {
+  width: 105px;
+  top: -14%;
+  left: var(--left--5);
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1) img {
+  right: -5px;
+}
+.testimonial-quote-menu li:nth-child(2) img {
+  width: 65px;
+  top: -15px;
+  left: auto;
+  right: var(--right-1-per);
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2) img {
+  right: auto;
+  left: 1%;
+}
+.testimonial-quote-menu li:nth-child(3) img {
+  width: 65px;
+  top: 69.23%;
+  left: var(--left-10-per);
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3) img {
+ left: auto;
+  right: 10%;
+}
+.testimonial-quote-menu li:nth-child(4) img {
+  width: 125px;
+  top: 58.1%;
+  left: auto;
+  right: var(--right-8-per);
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4) img {
+ 
+  right: auto;
+  left: 8%;
+}
+.testimonial-quote-menu li:nth-child(5) img {
+  width: 75px;
+  top: 40%;
+  left: var(--left-3-per);
+}
+[dir="rtl"]  .testimonial-quote-menu li:nth-child(5) img {
+  
+  right: 3%;
+}
+.testimonial-quote-menu li:nth-child(6) img {
+  width: 75px;
+  top: 25%;
+  left: auto;
+  right: var(--right-15-per);
+}
+[dir="rtl"]  
+.testimonial-quote-menu li:nth-child(7) img {
+
+  right: 15%;
+}
+.testimonial-quote-menu li:nth-child(8) img {
+  width: 55px;
+  top: 40%;
+  left: auto;
+  right: var(--right-3-per);
+}
+[dir="rtl"]  
+
+.testimonial-quote-menu2 li img {
+  width: 125px !important;
+  visibility: hidden;
+  opacity: 0;
+}
+.testimonial-quote-menu2 li.active img {
+  opacity: 0.8;
+  visibility: visible;
+  z-index: 10000000;
+}
+
+.testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7 0.3s ease-in-out;
+}
+.testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(1).active img {
+  animation: imgAnimation1_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(2).active img {
+  animation: imgAnimation2_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(3).active img {
+  animation: imgAnimation3_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(4).active img {
+  animation: imgAnimation4_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(5).active img {
+  animation: imgAnimation5_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(6).active img {
+  animation: imgAnimation6_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(7).active img {
+  animation: imgAnimation7_rtl 0.3s ease-in-out;
+}
+[dir="rtl"] .testimonial-quote-menu li:nth-child(8).active img {
+  animation: imgAnimation8_rtl 0.3s ease-in-out;
+}
+
+@keyframes imgAnimation1 {
+  0% {
+    top: -14%;
+    left: var(--left--5);
+  }
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation2 {
+  0% {
+    top: -15px;
+    left: auto;
+    right: var(--right-1-per);
+  }
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation3 {
+  0% {
+    top: 70%;
+    left: var(--left-10-per);
+  }
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation4 {
+  0% {
+    top: 58%;
+    left: auto;
+    right: var(--right-8-per);
+  }
+  100% {
+    top: 8%;
+    left: auto;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation5 {
+  0% {
+    top: 40%;
+    left: var(--left-3-per);
+  }
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation6 {
+  0% {
+    top: 25%;
+    right: var(--right-15-per);
+  }
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation7 {
+  0% {
+    top: 20%;
+    left: var(--left-15-per);
+  }
+  100% {
+    top: 8%;
+    left: var(--left-half);
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation8 {
+  0% {
+    top: 40%;
+    right: var(--right-3-per);
+  }
+  100% {
+    top: 8%;
+    right: var(--right-half);
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation1_rtl {
+  0% {
+    top: -14%;
+    right: -5px;
+  }
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation2_rtl {
+  0% {
+    top: -15px;
+    left: 1%;
+  }
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation3_rtl {
+  0% {
+    top: 70%;
+    right: 10%;
+  }
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation4_rtl {
+  0% {
+    top: 58%;
+    left: 8%;
+  }
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation5_rtl {
+  0% {
+    top: 40%;
+    right: 3%;
+  }
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation6_rtl {
+  0% {
+    top: 25%;
+    left: 15%;
+  }
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+@keyframes imgAnimation7_rtl {
+  0% {
+    top: 20%;
+    right: 15%;
+  }
+  100% {
+    top: 8%;
+    right: 50%;
+    transform: var(--x--half);
+  }
+}
+@keyframes imgAnimation8_rtl {
+  0% {
+    top: 40%;
+    left: 3%;
+  }
+  100% {
+    top: 8%;
+    left: 50%;
+    transform: var(--x-half);
+  }
+}
+/* upcoming project slider */
+.upcoming-project-slider-container .swiper-button-prev,
+.upcoming-project-slider-container .swiper-button-next {
+  width: 60px;
+  height: 60px;
+  border-radius: 0;
+  bottom: auto;
+  left: auto;
+  top: -97px;
+  transform: translate(0);
+  opacity: 1;
+  visibility: visible;
+  font-size: 16px;
+}
+.upcoming-project-slider-container:hover .swiper-button-prev,
+.upcoming-project-slider-container:hover .swiper-button-next {
+  transform: translate(0);
+}
+.upcoming-project-slider-container .swiper-button-prev {
+  right: var(--right-100);
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+  color: white;
+}
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-prev {
+  left: 100px;
+  right: auto
+}
+.upcoming-project-slider-container .swiper-button-next {
+  right: var(--right-16);
+  
+}
+[dir="rtl"] .upcoming-project-slider-container .swiper-button-next {
+  left: 16px;
+  right: auto;
+}
+
+/* neibour slider */
+.neighbour-slider-tumbs_slider .swiper-slide-thumb-active {
+  opacity: 0.6;
+}
+
+/* portfolio slider */
+.portfolio-slider-container:hover .swiper-button-prev {
+  transform: var(--x-37);
+}
+.portfolio-slider-container:hover .swiper-button-next {
+  transform: var(--x--37);
+}
+/*============= Slider Animation   =============*/
+.slide-animation {
+  position: relative;
+  z-index: 9;
+}
+.slide-animation > * {
+  opacity: 0;
+  visibility: hidden;
+  -webkit-animation-name: fadeOutUp;
+  animation-name: fadeOutUp;
+}
+.slide-animation > *:nth-child(1) {
+  -webkit-animation-delay: 0.5s;
+  animation-delay: 0.5s;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+}
+.slide-animation > *:nth-child(2) {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+}
+.slide-animation > *:nth-child(3) {
+  -webkit-animation-delay: 1.5s;
+  animation-delay: 1.5s;
+  -webkit-animation-duration: 1.5s;
+  animation-duration: 1.5s;
+}
+.slide-animation > *:nth-child(4) {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+.slide-animation > *:nth-child(5) {
+  -webkit-animation-delay: 2.5s;
+  animation-delay: 2.5s;
+  -webkit-animation-duration: 2.5s;
+  animation-duration: 2.5s;
+}
+.slide-animation > *:nth-child(6) {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+.slide-animation > *:nth-child(7) {
+  -webkit-animation-delay: 3.5s;
+  animation-delay: 3.5s;
+  -webkit-animation-duration: 3.5s;
+  animation-duration: 3.5s;
+}
+.slide-animation > *:nth-child(8) {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+  -webkit-animation-duration: 4s;
+  animation-duration: 4s;
+}
+.slide-animation > *:nth-child(9) {
+  -webkit-animation-delay: 4.5s;
+  animation-delay: 4.5s;
+  -webkit-animation-duration: 4.5s;
+  animation-duration: 4.5s;
+}
+.slide-animation > *:nth-child(11) {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+  -webkit-animation-duration: 5s;
+  animation-duration: 5s;
+}
+
+.swiper-slide-active .slide-animation > *,
+.slide-animation-active .slide-animation > * {
+  opacity: 1;
+  visibility: visible;
+  -webkit-animation-name: fadeInUp;
+  animation-name: fadeInUp;
+}
+
+/*============= accordion   =============*/
+.neighbour-accordion .active button span {
+  background: var(--secondary-color);
+}
+
+/*============= nice select    =============*/
+.nice-select {
+  margin: 0;
+  height: 60px;
+  line-height: 58px;
+  padding-right: 40px;
+  padding-left: 20px;
+  border-radius: 0;
+  min-width: 200px;
+  font-size: 16px;
+  font-weight: 500;
+  font-family: var(--heading-font);
+  width: 100%;
+  color: #000000;
+}
+[dir="rtl"] .nice-select {
+ text-align: right!important;
+ direction: rtl!important;
+ padding-right: 20px!important;
+ padding-left:  40px !important;
+}
+[dir="rtl"] .nice-select::after {
+right: auto;
+left:12px;
+}
+.nice-select .list {
+  width: 100%;
+  z-index: 99;
+  max-height: 250px;
+  overflow-y: auto;
+}
+.nice-select .option {
+  line-height: 48.8px;
+}
+[dir="rtl"] .nice-select .option{
+  text-align: right;
+  padding-left: 29px;
+    padding-right: 18px;
+
+}
+.form-primary .nice-select {
+  font-family: var(--body-font);
+  height: 65px;
+  border: 2px solid var(--border-color-9);
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--paragraph-color);
+  padding: 0 38px 0 18px;
+}
+.form-loacation .nice-select {
+  min-width: 300px;
+}
+.form-primary .nice-select .list {
+  max-height: 400px;
+}
+.form-primary .nice-select .option {
+  line-height: 45.2px;
+}
+.property-form .nice-select {
+  min-width: 190px;
+  height: 50px;
+  border-color: #ededed;
+  line-height: 50px;
+}
+.add-property-form .nice-select {
+  min-width: auto;
+}
+.form-primary .nice-select::before {
+  content: "\f063";
+  font-size: 14px;
+  position: absolute;
+  top: 50%;
+  right: var(--right-20);
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  color: var(--secondary-color);
+}
+[dir="rtl"] .form-primary .nice-select::before {
+ right: auto;
+  left: 20px;
+
+}
+.form-primary .nice-select::after {
+  display: none;
+}
+.property-form .nice-select::after {
+  display: block;
+}
+.hero-form .nice-select {
+  color: var(--paragraph-color);
+}
+.hero-form .nice-select::before {
+  font-family: "Font Awesome\ 5 Free";
+  font-weight: 900;
+  margin-right: 10px;
+  color: var(--secondary-color);
+}
+.property-form .nice-select::before {
+  display: none;
+}
+.hero-form .apartment-select::before {
+  content: "\f073";
+}
+.hero-form .location-select::before {
+  content: "\f1b9";
+}
+.hero-form .sub-location-select::before {
+  content: "\f3fd";
+}
+.hero-form .bedrooms-select::before {
+  content: "\f1cd";
+}
+[dir="rtl"]  .hero-form .selectize::before{
+  margin-right: 0;
+  margin-left: 15px;
+}
+/*=============  nice checkbox =============*/
+.checkmark.active {
+  background-color: var(--secondary-color);
+  border-color: var(--secondary-color);
+}
+.checkmark.active::after {
+  opacity: 1;
+}
+/*============= range    =============*/
+
+.range-slider .slider {
+  height: 8px;
+  background-color: white;
+  overflow: visible;
+}
+.range-slider .progress {
+  height: 8px;
+  background-color: var(--secondary-color);
+  border-radius: 20px;
+
+  position: relative;
+  overflow: visible;
+}
+
+.range input::-webkit-slider-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+
+/* Internet Explorer */
+input[type="range"]::-ms-thumb {
+  width: 12px;
+  height: 12px;
+  background: var(--secondary-color);
+}
+.range input:nth-child(2)::-webkit-slider-thumb {
+  position: relative;
+  overflow: visible;
+}
+
+/* .range input:nth-child(2)::-webkit-slider-thumb::after {
+  content: url("../img/icons/car.png");
+  width: 125px !important;
+  height: 50px;
+  position: absolute;
+  right: -111px;
+  top: -10px;
+  transform: translateY(-40%);
+} */
+
+/* .range input:nth-child(2)::-moz-range-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border: none;
+  border-radius: 0;
+  position: relative;
+} */
+.range input:nth-child(2)::-webkit-slider-thumb {
+  width: 100px !important;
+  height: 50px;
+  background: url("../img/icons/car.png") no-repeat right;
+  border-radius: 0;
+  transform: translate(6px);
+}
+/*============= service cards    =============*/
+
+.service-cards .service-card.active .hover-line {
+  width: 100% !important;
+}
+.service-cards .service-card.active .find-service {
+  color: var(--secondary-color);
+}
+.service-cards .service-card-2.active > div {
+  box-shadow: var(--box-shadow-1);
+}
+
+/*============= tab  =============*/
+.plan-tab .active {
+  border-color: var(--secondary-color);
+  color: var(--secondary-color);
+}
+.plan-tab .active::after {
+  background-color: var(--secondary-color);
+}
+.hero-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+}
+.property-tab .tab-links .active button {
+  color: var(--secondary-color);
+}
+/* my account */
+.account-tab .tab-links .active button {
+  background: var(--section-bg-2);
+  color: white;
+}
+/* history */
+.history-tab .tab-links .active button {
+  background: var(--secondary-color);
+  color: white;
+  border-color: var(--secondary-color);
+}
+/*============= popup gallery =============*/
+.goverlay {
+  background: var(--section-bg-2);
+  opacity: 0.9;
+}
+.gcontainer {
+  cursor: pointer;
+}
+.gslide-media {
+  margin: 0 50px;
+}
+.gslide-count {
+  font-size: 11px;
+  color: #8cb2b2;
+}
+.plyr__control--overlaid {
+  border-radius: 15px;
+  background: red !important;
+  padding: 15px 25px;
+}
+.plyr--video .plyr__control:hover {
+  background: red;
+}
+.plyr--full-ui input[type="range"] {
+  color: red;
+}
+.plyr--full-ui input[type="range"]:last-child {
+  color: white;
+}
+.gprev,
+.gnext,
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+  border: 1px solid white;
+  border-radius: 100% !important;
+  background: transparent;
+  opacity: 0.5;
+}
+.glightbox-clean .gnext,
+.glightbox-clean .gprev {
+  top: 90%;
+}
+.gclose {
+  width: 24px !important;
+  height: 24px !important;
+}
+.gprev:hover,
+.gnext:hover,
+.gclose:hover {
+  box-shadow: 0 0 19px rgba(255, 255, 255, 0.4) !important;
+  opacity: 1;
+}
+.glightbox-clean button {
+  background: transparent;
+}
+.gprev svg,
+.gnext svg,
+.gclose svg {
+  width: 10px;
+  height: auto;
+}
+.gclose svg {
+  width: 10px !important;
+  height: auto;
+}
+.gslide-inline {
+  overflow: visible;
+  background-color: transparent;
+}
+.gslide-inline .ginlined-content {
+  background-color: white;
+  overflow: auto;
+}
+.gslide-external {
+  overflow: visible;
+  background-color: transparent;
+}
+
+/*=============  scroll up =============*/
+.scroll-up {
+  opacity: 0;
+  visibility: hidden;
+  z-index: -1;
+  transition: all 0.3s;
+}
+.scroll-up.active {
+  opacity: 1;
+  visibility: visible;
+  z-index: 99999;
+}
+
+/*=============  brands =============*/
+.brands .glightbox2:hover {
+  outline: outset;
+}
+
+/* letest appartment */
+/* .apart-card .card-quick-area.active {
+  top: 150px;
+} */
+/* portfolio filter */
+.filter-controllers .is-checked {
+  background-color: var(--primary-color);
+  color: white;
+}
+
+/*============= Google Map Locations  ============= */
+.google-map-locations-area #gmap {
+  height: 90vh;
+}
+.google-map-locations-area #gmap .gm-ui-hover-effect {
+  top: 0 !important;
+  right: 0 !important;
+}
+[dir="rtl"] .google-map-locations-area #gmap .gm-ui-hover-effect {
+  left: 0 !important;
+}
+.google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 8px 25px 25px ;
+  border-radius: 0;
+}
+[dir="rtl"] .google-map-locations-area #gmap .gm-style .gm-style-iw-c {
+  padding: 10px 25px 25px 8px !important;
+  border-radius: 0;
+}
+
+.map-item {
+  padding: 30px 25px 35px;
+  -webkit-box-shadow: var(--box-shadow-4);
+  box-shadow: var(--box-shadow-4);
+}
+.map-item .location-name {
+  border-bottom: 2px solid var(--border-color-1);
+  margin-bottom: 25px;
+  color: var(--secondary-color);
+  font-size: 20px;
+}
+.map-item .location-single-info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+}
+.map-item .location-single-info i {
+  margin-right: 10px;
+  background: var(--secondary-color);
+  color: var(--white);
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+}
+.map-item .btn-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+.map-item .btn {
+  padding: 10px 10px;
+  font-size: 13px;
+  margin-right: 10px;
+}
+
+.google-map-locations-list-area .map-item {
+  margin-bottom: 50px;
+}
+
+.location-search h3 {
+  float: left;
+  margin-right: 30px;
+  margin-bottom: 0;
+  line-height: 63px;
+  color: var(--white);
+}
+
+.location-search .input-item {
+  float: left;
+  width: 300px;
+}
+
+.location-search form {
+  padding: 50px 50px 20px;
+  background-color: var(--secondary-color);
+}
+
+.state-location-title {
+  padding: 15px 30px;
+  background-color: var(--secondary-color);
+  color: var(--white);
+  margin: 50px 0;
+}
+
+.map-product-item {
+  max-width: 260px;
+}
+.map-product-item img {
+  max-width: 100%;
+  margin-bottom: 25px;
+}
+.map-product-item .map-product-title {
+  margin-bottom: 10px;
+  font-size: 16px;
+  font-weight: 600;
+}
+.map-product-item .map-product-price {
+  color: var(--secondary-color);
+}
+.map-product-item .map-product-location {
+  font-weight: 500;
+}
+.map-product-item .map-product-location i {
+  color: var(--secondary-color);
+  margin-right: 2px;
+}
+.map-product-item .map-product-info {
+  font-weight: 500;
+}
+.map-product-item .map-product-info span {
+  margin-right: 10px;
+}
+.gmap_controls .dropdown {
+  color: var(--primary-color);
+  outline: 1px solid var(--primary-color);
+}
+.gmap_controls .dropdown:focus {
+  outline-color: rgba(0, 0, 0, 0.2);
+}
+
+/*=============  Price Filter Widget ============= */
+
+.price_filter {
+  padding-bottom: 13px;
+}
+
+.price_slider_amount {
+  overflow: hidden;
+}
+
+.price_slider_amount > input[type="text"],
+.price_slider_amount > input[type="submit"] {
+  background: transparent none repeat scroll 0 0;
+  border: medium none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  float: left;
+  height: 25px;
+  padding: 0;
+  text-align: left;
+  width: 140px;
+  margin-bottom: 20px;
+}
+
+.price_slider_amount > input[type="text"]:focus
+{
+ border: 0;
+ outline: none;
+}
+[dir="rtl"] .price_slider_amount > input[type="text"],
+[dir="rtl"] .price_slider_amount > input[type="submit"] {
+  float: right;
+  text-align: right;
+
+}
+
+.price_slider_amount > input[type="text"] {
+  font-weight: 700;
+}
+
+.price_filter .ui-widget-content {
+  background-color: var(--primary-color);
+  border: medium none;
+  color: #222;
+  height: 3px;
+  width: 98%;
+  background-image: none;
+}
+
+.price_filter .ui-slider .ui-slider-range {
+  background-color: var(--secondary-color);
+  background-image: none;
+}
+
+.price_filter .ui-state-default,
+.price_filter .ui-widget-content .ui-state-default,
+.price_filter .ui-widget-header .ui-state-default {
+  background-color: var(--secondary-color);
+  border: medium none;
+  border-radius: 100%;
+  height: 12px;
+  margin-left: 0;
+  margin-top: -6px;
+  top: 50%;
+  width: 12px;
+  background-image: none;
+  outline: none;
+}
+
+.car-price-filter-range .price_filter .ui-widget-content {
+  height: 8px;
+  background-color: var(--white);
+  margin-top: 20px;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::before {
+  position: absolute;
+}
+
+.car-price-filter-range .price_filter .ui-state-default:last-child::after {
+  position: absolute;
+  content: "";
+  top: -30px;
+  left: var(--left--5);
+  background-image: url(../img/icons/car.png);
+  z-index: 99;
+  width: 125px;
+  height: 50px;
+  background-repeat: no-repeat;
+  display: none;
+}
+
+.car-price-filter-range .price_slider_amount > input[type="text"],
+.car-price-filter-range .price_slider_amount > input[type="submit"] {
+  font-weight: 700;
+  margin-bottom: 0px;
+}
+/* 
+/*============= responsiveness =============*/
+/* tablet  */
+@media (min-width: 768px) {
+  /* default */
+  body {
+    font-size: 16px;
+    line-height: 1.8;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+  h1 {
+    font-size: 26px;
+  }
+  h2 {
+    font-size: 22px;
+  }
+  h3 {
+    font-size: 20px;
+  }
+  h4 {
+    font-size: 18px;
+  }
+  h5 {
+    font-size: 16px;
+  }
+  h6 {
+    font-size: 15px;
+  }
+  p {
+    line-height: 1.8 !important;
+  }
+
+  .glightbox-clean .gbtn:hover {
+    background: transparent;
+  }
+  .plyr__control--overlaid {
+    background: red !important;
+  }
+  .gslide-media {
+    margin: 0 50px;
+  }
+  .gprev,
+  .gnext,
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+  .glightbox-clean .gnext,
+  .glightbox-clean .gprev {
+    top: 45%;
+  }
+  .gprev svg,
+  .gnext svg,
+  .gclose svg {
+    width: 18px;
+    height: auto;
+  }
+  .gclose svg {
+    width: 13px !important;
+    height: auto;
+  }
+  .gclose {
+    width: 38px !important;
+    height: 38px !important;
+  }
+  /* range */
+  .car-price-filter-range .price_filter .ui-state-default:last-child::after {
+    display: block;
+  }
+}
+
+/* desktop normal */
+@media (min-width: 992px) {
+  /* default */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+  h1 {
+    font-size: 30px;
+  }
+  h2 {
+    font-size: 26px;
+  }
+  h3 {
+    font-size: 22px;
+  }
+  h4 {
+    font-size: 20px;
+  }
+  h5 {
+    font-size: 18px;
+  }
+  h6 {
+    font-size: 16px;
+  }
+
+  p {
+    font-size: 16px;
+    line-height: 1.8 !important;
+  }
+  .sticky-header.active {
+    display: block;
+    box-shadow: var(--box-shadow-8);
+  }
+  .swiper-container:hover .product-details-slider .swiper-button-prev,
+  .swiper-container:hover .news-single-slider .swiper-button-prev {
+    transform: var(--x-40);
+  }
+  .swiper-container:hover .product-details-slider .swiper-button-next,
+  .swiper-container:hover .news-single-slider .swiper-button-next {
+    transform: var(--x--40);
+  }
+  .testimonial-quote-menu2 {
+    display: block;
+  }
+}
+
+/*  desktop xl */
+@media screen and (min-width: 1200px) {
+  /* default */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+  h1,
+  .h1 {
+    font-size: 36px;
+  }
+
+  h2,
+  .h2 {
+    font-size: 30px;
+  }
+
+  h3,
+  .h3 {
+    font-size: 24px;
+  }
+
+  h4,
+  .h4 {
+    font-size: 20px;
+  }
+
+  h5,
+  .h5 {
+    font-size: 18px;
+  }
+
+  h6,
+  .h6 {
+    font-size: 16px;
+  }
+
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* sticky header */
+  .sticky-header.active .container {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+/*  desktop xxxl */
+@media screen and (min-width: 1400px) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    line-height: 1.3;
+  }
+  p {
+    line-height: 1.8 !important;
+  }
+
+  /* swiper slider */
+
+  .swiper-container:hover .swiper-button-prev {
+    transform: var(--x--60);
+  }
+
+  .swiper-container:hover .swiper-button-next {
+    transform: var(--x-60);
+  }
+  .hero-slider-container:hover .swiper-button-prev {
+    transform: var(--x-50);
+  }
+  .hero-slider-container:hover .swiper-button-next {
+    transform: var(--x--50);
+  }
+
+  .hero-slider2 .swiper-button-prev,
+  .hero-slider2 .swiper-button-next {
+    transform: translate(0);
+  }
+  .hero-slider2 .swiper-button-next {
+    right: 0;
+  }
+  [dir="rtl"] .hero-slider2 .swiper-button-next {
+    left: 0;
+  }
+  .hero-slider2:hover .swiper-button-prev,
+  .hero-slider2:hover .swiper-button-next {
+    transform: translate(0);
+  }
+  /* upcoming project slider */
+
+  .upcoming-project-slider-container:hover .swiper-button-prev,
+  .upcoming-project-slider-container:hover .swiper-button-next {
+    transform: translate(0);
+  }
+
+  /* portfolio slider */
+  .portfolio-slider-container:hover .swiper-button-prev {
+    transform: var(--x-37);
+  }
+  .portfolio-slider-container:hover .swiper-button-next {
+    transform: var(--x--37);
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..256764b
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,611 @@
+/*
+    Template Name: Quarter
+    Description: Real Estate HTML Template
+    Version: 1.0.0
+    Author: Kamrul Hasan
+    Email:786hasankamrul96@gmail.com
+*/
+
+
+/**************************************************************
+
+	Start Tailwind Custom Style Indexing
+	|
+	|___screens
+  |
+	|___colors
+  |
+	|___area
+  | |___width 
+  | |___height
+  | |___max width 
+  | |___max height 
+	|
+  |___spacing
+  | |___gap 
+  | |___padding
+  | |___margin 
+  |
+  |___typography
+  | |___font family 
+  | |___font size
+  | |___line-height 
+  | |___letter spacing  
+  |
+	|___background
+	|
+	|___box shadows
+  |
+	|___gradiants
+  |
+	|___postion
+  |
+	|___transform
+  | |___tranlate 
+	|
+	|___ border
+  | |___width 
+  | |___radius 
+	|
+	|___animation
+  |
+	|___components
+  | |___containers 
+ 
+
+***************************************************************/
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./quarter/**/*.{html,js}","./quarter-rtl/**/*.{html,js}",],
+  theme: {
+    screens: {
+      // Breakpoint
+      xxs: "320px",
+      // => @media (min-width: 320px) { ... }
+      xs: "480px",
+      // => @media (min-width: 320px) { ... }
+      sm: "576px",
+      // => @media (min-width: 576px) { ... }
+
+      md: "768px",
+      // => @media (min-width: 768px) { ... }
+
+      lg: "992px",
+      // => @media (min-width: 992px) { ... }
+
+      xl: "1200px",
+      // => @media (min-width: 1200px) { ... }
+
+      "2xl": "1300px",
+      // => @media (min-width: 1366px) { ... }
+
+      "3xl": "1400px",
+      // // => @media (min-width: 1600px) { ... }
+      "4xl": "1600px",
+      // // => @media (min-width: 1600px) { ... }
+
+      "5xl": "1800px",
+      // // => @media (min-width: 1920px) { ... }
+    },
+    extend: {
+      // colors
+      colors: {
+        black: "#000000",
+        "black-2": "#22355B",
+        lightBlack: "rgba(0,0,0,.7)",
+        white: "#fff",
+        "white-2": "#F2F6F7",
+        "white-3": "#e8edee",
+        "white-4": "#e6ecf0",
+        "white-5": "#f0f4f7",
+        "white-6": "#f1f1f1",
+        "white-7": "#F7F7F7",
+        "white-8": "#FAFAFA",
+        "white-9": "#F2F7FA",
+        "white-10": "#EDEDED",
+        red: "#FF0000",
+        "red-2": "#f34f3f",
+        "red-3": "#DB483B",
+        silver: "#C0C0C0",
+        gray: "#808080",
+        gray1: "#7e7e7e",
+        maroon: "#800000",
+        yellow: "#FFFF00",
+        olive: "#808000",
+        lime: "#00FF00",
+        green: "#77C720",
+        "green-2": "#008000",
+        aqua: "#00FFFF",
+        teal: "#008080",
+        blue: "#0000FF",
+        navy: "#000080",
+        fuchsia: "#B13BFF",
+        purple: "#800080",
+        pink: "#FFC0CB",
+        nude: "#ebc8b2",
+        orange: "#ffa500",
+        ratings: "#FFB800",
+        /* social media colors */
+        facebook: "#365493",
+        twitter: "#3CF",
+        linkedin: "#0077B5",
+        pinterest: "#c8232c",
+        dribbble: "#ea4c89",
+        behance: "#131418",
+        "google-plus": "#dd4b39",
+        instagram: "#e4405f",
+        vk: "#3b5998",
+        wechat: "#7bb32e",
+        youtube: "#CB2027",
+        email: "#F89A1E",
+        "color-1": "#8cb2b2",
+        "color-2": "#ACD2D8",
+        "color-3": "#A3BCC0",
+        "color-4": "#84A2A6",
+        "color-5": "#5C727D",
+        "color-6": "#F5DFDC",
+        "color-7": "#212529",
+        "primary-color": "#000000",
+        "primary-color-2": "#041113",
+        "primary-color-3": "#133236",
+        "secondary-color": "#FF5A3C",
+        "secondary-color-2": "#cb3421",
+        "secondary-color-3": "#fb412a",
+        "heading-color": "#071c1f",
+        "paragraph-color": "#5C727D",
+        "section-bg-1": "#F2F6F7",
+        "section-bg-2": "#171B2A",
+        "section-bg-5": "#FFF2F0",
+        "section-bg-6": "#0B2C3D",
+        "section-bg-7": "#282b38",
+        "table-bg": "#f7f8fa",
+        "border-primary": "#eee",
+        "border-color-1": "#e5eaee",
+        "border-color-2": "#1e2021",
+        "border-color-3": "#5C617F",
+        "border-color-4": "#eb6954",
+        "border-color-5": "#bc3928",
+        "border-color-6": "#103034",
+        "border-color-7": "#d1dae0",
+        "border-color-8": "#f6f6f6",
+        "border-color-9": "#e4ecf2",
+        "border-color-10": "#ebeeee",
+        "border-color-11": "#ededed",
+        "border-color-12": "#e1e6ff",
+        "border-color-13": "#f1f8ff",
+        "border-color-14": "#576466",
+        "border-color-15": "#f4faff",
+        "border-color-16": "#93959E",
+        "border-color-17": "rgb(222, 226, 230)",
+        "border-color-18": "#203336",
+        "border-dashed": "#ddd",
+        "overlay-primary": "rgba(7, 28, 31)",
+        overlay: "rgba(7, 28, 31, 0.6)",
+        overlay2: "rgba(7, 28, 31, 0.9)",
+      },
+      // area
+      width: {
+        "1px": "1px",
+        "10px": "10px",
+        "15px": ".9375rem",
+        "30px": "1.875rem",
+        "42px": "2.625rem",
+        "45px": "2.8125rem",
+        "50px": "3.125rem",
+        "60px": "3.75rem",
+        "70px": "4.375rem",
+        "78px": "4.875rem",
+        "90px": "5.625rem",
+        "100px": "6.25rem",
+        "114px": "7.125rem",
+        "125px": "7.8125rem",
+        "130px": "8.125rem",
+        "140px": "8.75rem",
+        "150px": "9.375rem",
+        "190px": "11.875rem",
+        50: "12.5rem",
+        "250px": "15.625rem",
+        dropdown: "14.375rem",
+        "300px": "18.75rem",
+        100: "25rem",
+        "500px": "31.25rem",
+        "2000px": "2000px",
+      },
+      height: {
+        "1px": "1px",
+        "10px": "10px",
+        "30px": "1.875rem",
+        "45px": "2.8125rem",
+        "50px": "3.125rem",
+        "60px": "3.75rem",
+        "65px": "4.0625rem",
+        "68px": "4.25rem",
+        "100px": "6.25rem",
+        "140px": "8.75rem",
+        50: "12.5rem",
+        "350px": "21.875rem",
+        "360px": "22.5rem",
+      },
+      maxWidth: {
+        "350px": "21.875rem",
+        "450px": "28.125rem",
+        "500px": "31.25rem",
+        "980px": "61.25rem",
+      },
+      minHeight: {
+        "350px": "21.875rem",
+      },
+      // spacing
+      // gap
+      gap: {
+        "5px": ".3125rem",
+        "10px": "10px",
+        "11px": "11px",
+        "13px": ".8125rem",
+        "15px": ".9375rem",
+        "18px": "1.125rem",
+        "23px": "1.4375rem",
+        "25px": "1.5625rem",
+        "30px": "1.875rem",
+        "35px": "2.1875rem",
+        "37px": "2.3125rem",
+        "22px": "1.375rem",
+        "50px": "3.125rem",
+        15: "3.75rem",
+      },
+      // padding
+      padding: {
+        "1px": "1px",
+        "3px": "3px",
+        "5px": ".3125rem",
+        "6px": ".375rem",
+        "7px": ".4375rem",
+        "9px": ".5625rem",
+        "10px": ".625rem",
+        "11px": ".6875rem",
+        "13px": ".8125rem",
+        "14px": ".875rem",
+        "15px": ".9375rem",
+        "17px": "1.0625rem",
+        4.5: "1.125rem",
+        "18px": "1.125rem",
+        "19px": "1.1875rem",
+        "21px": "1.3125rem",
+        "22px": "1.375rem",
+        "23px": "1.4375rem",
+        "25px": "1.5625rem",
+        "26px": "1.625rem",
+        "30px": "1.875rem",
+        "33px": "2.0625rem",
+        "35px": "2.1875rem",
+        "37px": "2.3125rem",
+        "39px": "2.4375rem",
+        "43px": "2.6875rem",
+        "45px": "2.8125rem",
+        "47px": "2.9375rem",
+        "55px": "3.4375rem",
+        "50px": "3.125rem",
+        "60px": "3.75rem",
+        "65px": "4.0625rem",
+        "70px": "4.375rem",
+        "74px": "4.625rem",
+        "90px": "5.625rem",
+        "100px": "6.25rem",
+        "110px": "6.875rem",
+        "115px": "7.1875rem",
+        "130px": "8.125rem",
+        "135px": "8.4375rem",
+        "140px": "8.75rem",
+        30: "7.5rem",
+        35: "8.75rem",
+        "145px": "9.0625rem",
+        "150px": "9.375rem",
+        "154px": "9.625rem",
+        "155px": "9.6875rem",
+        40.5: "10.125rem",
+        "170px": "10.625rem",
+        "175px": "10.9375rem",
+        "180px": "11.25rem",
+        "187px": "11.6875rem",
+        50: "12.5rem",
+        "205px": "12.8125rem",
+        "250px": "15.625rem",
+        "300px": "18.75rem",
+      },
+      // margin
+      margin: {
+        "5px": ".3125rem",
+        "6px": ".375rem",
+        "7px": ".4375rem",
+        "10px": ".625rem",
+        "14px": ".875rem",
+        "15px": ".9375rem",
+        4.5: "1.125rem",
+        "18px": "1.125rem",
+        "22px": "1.375rem",
+        "25px": "1.5625rem",
+        "26px": "1.625rem",
+        "27px": "27px",
+        "30px": "1.875rem",
+        "35px": "2.1875rem",
+        "43px": "2.6875rem",
+        "45px": "2.8125rem",
+        "50px": "3.125rem",
+        "55px": "3.4375rem",
+        "60px": "3.75rem",
+        "65px": "4.0625rem",
+        "76px": "4.75rem",
+        22: "5.5rem",
+        "90px": "5.625rem",
+        "95px": "5.9375rem",
+        30: "7.5rem",
+        "110px": "6.875rem",
+        "130px": "8.125rem",
+        "150px": "9.375rem",
+        "187px": "11.6875rem",
+      },
+
+      // typography
+      // font family
+      fontFamily: {
+        nunito: '"Nunito Sans", sans-serif',
+        poppins: '"Poppins", sans-serif',
+        fontawesome: "'Font Awesome 5 Free'",
+        icomoon: "icomoon",
+      },
+      //  font size
+      fontSize: {
+        "10px": ".625rem",
+        "11px": ".6875rem",
+        "12px": ".75rem",
+        "13px": ".8125rem",
+        "15px": ".9375rem",
+        "17px": "1.0625rem",
+        "19px": "1.1875rem",
+        "21px": "1.3125rem",
+        "22px": "1.375rem",
+        "23px": "1.4375rem",
+        "25px": "1.5625rem",
+        "26px": "1.625rem",
+        "28px": "1.75rem",
+        "32px": "2rem",
+        "34px": "2.125rem",
+        "35px": "2.1875rem",
+        "38px": "2.375rem",
+        "40px": "2.5rem",
+        "42px": "2.625rem",
+        "44px": "2.75rem",
+        "45px": "2.8125rem",
+        "47px": "2.9375rem",
+        "50px": "3.125rem",
+        "55px": "3.4375rem",
+        "58px": "3.625rem",
+        "65px": "4.0625rem",
+        "75px": "4.6875rem",
+        "80px": "5rem",
+        "90px": "5.625rem",
+        "100px": "6.25rem",
+        "140px": "8.75rem",
+        "150px": "9.375rem",
+        "200px": "12.5rem",
+        "autopx-xl": "calc(1.325rem + .9vw)",
+      },
+
+      // line-height
+      lineHeight: {
+        1: 1,
+        1.2: 1.2,
+        1.3: 1.3,
+        1.24: 1.24,
+        1.25: 1.25,
+        1.45: 1.45,
+        1.5: 1.5,
+        1.67: 1.67,
+        1.8: 1.8,
+        "14px": ".875rem",
+        "25.2px": "1.575rem",
+        "28.8px": "1.8rem",
+        4.5: "1.125rem",
+        "13px": "13px",
+        "15px": ".9375rem",
+        "19px": "1.1875rem",
+        "21px": "1.3125rem",
+        "22px": "1.375rem",
+        "23px": "1.4375rem",
+        "25px": "1.5625rem",
+        "26px": "1.625rem",
+        "27px": "1.6875rem",
+        "29px": "1.8125rem",
+        "30px": "1.875rem",
+        "34px": "2.125rem",
+        "35px": "2.1875rem",
+        "38px": "2.375rem",
+        "37px": "2.3125rem",
+        10.5: "2.625rem",
+        "41px": "41px",
+        11: "2.75rem",
+        "42px": "2.625rem",
+        "43px": "2.6875rem",
+        "45px": "2.8125rem",
+        "46px": "46px",
+        12: "3rem",
+        "50px": "3.125rem",
+        "52px": "3.25rem",
+        "55px": "3.4375rem",
+        "60px": "3.75rem",
+        "65px": "4.0625rem",
+        "69.44px": "69.44px",
+        "70px": "4.375rem",
+        xl: "3.875rem",
+        "2xl": "3.375rem",
+        13.5: "3.375rem",
+        14: "3.5rem",
+        14.5: "3.625rem",
+        15: "3.75rem",
+        16: "4rem",
+        18: "4.5rem",
+        "78px": "4.875rem",
+        "90px": "5.625rem",
+        20: "5rem",
+        "110px": "6.875rem",
+        24: "6rem",
+      },
+      // letter spacing
+      letterSpacing: {
+        "5px": "5px",
+        half: ".5px",
+      },
+      borderWidth: {
+        "3px": "3px",
+      },
+      borderRadius: {
+        "100%": "100%",
+        "10px": ".625rem",
+      },
+
+      // box shadows
+      boxShadow: {
+        "box-shadow-1": "0 16px 32px 0 rgba(7, 28, 31, 0.1)",
+        "box-shadow-2": "0 0 4px rgba(0, 0, 0, 0.1)",
+        "box-shadow-3": "0 1px 6px 0 rgba(32, 33, 36, .28)",
+        "box-shadow-4": "0 5px 20px 0 rgba(23, 44, 82, 0.1)",
+        "box-shadow-5": "0 8px 16px 0 rgba(93, 93, 93, 0.1)",
+        "box-shadow-6": "0 0 25px 2px rgba(93, 93, 93, 0.2)",
+        "box-shadow-7": "0 0 10px 0px rgba(93, 93, 93, 0.2)",
+      },
+      // gradiants
+      backgroundImage: {
+        "gradient-color-1":
+          "linear-gradient(90deg, rgba(242,139,194,1) 0%, rgba(216,177,242,1) 50%)",
+        "gradient-color-2":
+          "linear-gradient(to top, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%)",
+        "gradient-color-3":
+          "linear-gradient(to bottom, rgba(7,28,31,0) 0%, rgba(7,28,31,1) 90%)",
+        "gradient-color-4":
+          "linear-gradient(to top, rgba(242,246,247,0) 0%, rgba(242,246,247,1) 90%)",
+        "gradient-color-5":
+          "linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 70%)",
+      },
+      // postion
+      zIndex: {
+        "-1": "-1",
+        1: "1",
+        xxsmall: "9999",
+        xsmall: "99999",
+        small: "999999",
+        medium: "9999999",
+        high: "99999999",
+        xl: "999999999",
+        xxl: "9999999999",
+      },
+      // transform
+      // tranlate
+      translate: {
+        "5px": "5px",
+        "50px": "3.125rem",
+        "30px": "1.875rem",
+      },
+      //animation
+      keyframes: {
+        pulse1: {
+          "0%": {
+            "box-shadow": "0 0 0 0 rgba(255,255,255, 0.6)",
+          },
+          "70%": {
+            "box-shadow": "0 0 0 15px rgba(255,255,255, 0)",
+          },
+          "100%": {
+            "box-shadow": "0 0 0 0 rgba(255,255,255, 0)",
+          },
+        },
+
+        pulse2: {
+          "0%": {
+            "box-shadow": "0 0 0 0 rgba(255, 90, 60, 0.6)",
+          },
+          "70%": {
+            "box-shadow": "0 0 0 15px rgba(255, 90, 60, 0)",
+          },
+          "100%": {
+            "box-shadow": "0 0 0 0 rgba(255, 90, 60, 0)",
+          },
+        },
+      },
+      animation: {
+        pulse1: "pulse1 1s infinite",
+        pulse2: "pulse2 1s infinite",
+      },
+    },
+  },
+  // components
+  corePlugins: {
+    container: false,
+  },
+  plugins: [
+    // containers
+    function ({ addComponents }) {
+      addComponents({
+        ".container": {
+          maxWidth: "100%",
+          paddingLeft: "15px",
+          paddingRight: "15px",
+          margin: "0px auto",
+
+          "@screen sm": {
+            maxWidth: "33.75rem",
+          },
+          "@screen md": {
+            maxWidth: "45rem",
+          },
+          "@screen lg": {
+            maxWidth: "60rem",
+          },
+          "@screen xl": {
+            maxWidth: "75rem",
+          },
+          // "@screen 2xl": {
+          //   maxWidth: "75rem",
+          // },
+        },
+      });
+      addComponents({
+        ".container-2": {
+          maxWidth: "100%",
+          paddingLeft: "15px",
+          paddingRight: "15px",
+          margin: "0 auto",
+
+          "@screen md": {
+            maxWidth: "45rem",
+          },
+          "@screen lg": {
+            maxWidth: "60rem",
+          },
+          "@screen xl": {
+            maxWidth: "75rem",
+          },
+          // "@screen 2xl": {
+          //   maxWidth: "75rem",
+          // },
+        },
+      });
+      addComponents({
+        ".container-3": {
+          maxWidth: "100%",
+          paddingLeft: "15px",
+          paddingRight: "15px",
+
+          "@screen 3xl": {
+            paddingLeft: "2%",
+            paddingRight: "2%",
+          },
+          "@screen 4xl": {
+            paddingLeft: "7%",
+            paddingRight: "7%",
+          },
+        },
+      });
+    },
+  ],
+};